時間:2023-10-09 15:54:01 | 來源:網(wǎng)站運營
時間:2023-10-09 15:54:01 來源:網(wǎng)站運營
HTML5期末大作業(yè):美食網(wǎng)站設(shè)計——餐飲美食-咖啡(5頁) HTML5網(wǎng)頁設(shè)計成品_學(xué)生DW靜態(tài)食品網(wǎng)頁設(shè)計_web課程設(shè)計網(wǎng)頁制作:常見網(wǎng)頁設(shè)計作業(yè)題材有個人、 美食、 公司、 學(xué)校、 旅游、 電商、 寵物、 電器、 茶葉、 家居、 酒店、 舞蹈、 動漫、 明星、 服裝、 體育、 化妝品、 物流、 環(huán)保、 書籍、 婚紗、 軍事、 游戲、 節(jié)日、 戒煙、 電影、 攝影、 文化、 家鄉(xiāng)、 鮮花、 禮品、 汽車、 其他
等網(wǎng)頁設(shè)計題目,A+水平作業(yè)
, 可滿足大學(xué)生網(wǎng)頁大作業(yè)網(wǎng)頁設(shè)計需求, 喜歡的可以下載!
PC電腦端關(guān)注我們
1.網(wǎng)頁作品簡介
:HTML期末大學(xué)生網(wǎng)頁設(shè)計作業(yè) A+水平 ,喜歡的可以下載,文章頁支持手機(jī)PC響應(yīng)式布局。2.網(wǎng)頁作品編輯
:作品下載后可使用任意HTML編輯軟件(如:DW、HBuilder、NotePAD 、Vscode 、Sublime 、Webstorm、 Notepad++
等任意HTML軟件編輯修改網(wǎng)頁)。3.網(wǎng)頁作品技術(shù)
:Div+CSS、鼠標(biāo)滑過特效、Table、導(dǎo)航欄效果、banner、表單、二級三級頁面等,視頻、 音頻元素 、Flash,同時設(shè)計了logo(源文件),基本期末作業(yè)所需的知識點全覆蓋。<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>咖啡</title> <link rel="stylesheet" href="css/style.css"> </head><body><div class="content"> <div class="header"> <div class="logo"><a href="#"><img class=pic src="images/logo.png"></a></div> <div class="nav"> <ul> <li><a href="index.html">首頁</a></li> <li><a href="kafei.html">咖啡及文化</a></li> <li><a href="meishi.html">美食與飲品</a></li> <li><a href="xinwen.html">美食新聞</a></li> <li><a href="liuyan.html">留言板</a></li> </ul> </div> </div> <div class="lunbo"> <div class="flashbox"> <div id=SwitchBigPic> <div><a href="#"><img class="pic" src="images/01.jpg"></a></div> <div><a href="#"><img class="pic" src="images/02.jpg"></a></div> <div><a href="#"><img class="pic" src="images/03.jpg"></a></div> <div><a href="#"><img class="pic" src="images/04.jpg"></a></div> <div><a href="#"><img class="pic" src="images/05.jpg"></a></div> </div> <ul id=SwitchNav> <li><a href="#"><img src="images/01.jpg"><b>夏天是什么味道?</b></a> </li> <li><a href="#"><img src="images/02.jpg"><b>夏季甜點</b></a> </li> <li><a href="#"><img src="images/03.jpg"><b>美味香檳</b></a> </li> <li><a href="#"><img src="images/04.jpg"><b>各式點心</b></a> </li> <li><a href="#"><img src="images/05.jpg"><b>店長推薦</b></a> </li> </ul> </div> </div> <div class="main"> <div class="tuijian"> <div class="title">原色咖啡新品推薦 </div> <ul> <li><a href="#"><img src="images/tuijian1.jpg"><p>夏季飲品</p></a></li> <li><a href="#"><img src="images/tuijian2.jpg"><p>夏季飲品</p></a></li> <li><a href="#"><img src="images/tuijian3.jpg"><p>夏季飲品</p></a></li> </ul> </div> <div class="share"> <div class="title">分享到 <a href="#"><img class=pic src="images/shrae.png" ></a></div> <p>QQ:12345678</p> <p>E-mail:<a class="__yjs_email__" href="/cdn-cgi/l/email-protection" data-yjsemail="05343736313033323d4574742b6666">[email protected]</a><script data-yjshash='f9e31' type="text/javascript">/* <![CDATA[ */!function(t,e,r,n,c,a,p){try{t=document.currentScript||function(){for(t=document.getElementsByTagName('script'),e=t.length;e--;)if(t[e].getAttribute('data-yjshash'))return t[e]}();if(t&&(c=t.previousSibling)){p=t.parentNode;if(a=c.getAttribute('data-yjsemail')){for(e='',r='0x'+a.substr(0,2)|0,n=2;a.length-n;n+=2)e+='%'+('0'+('0x'+a.substr(n,2)^r).toString(16)).slice(-2);p.replaceChild(document.createTextNode(decodeURIComponent(e)),c)}p.removeChild(t)}}catch(u){}}()/* ]]> */</script></p> </div> </div> <div class="footer"> <p> <a class="__yjs_email__" href="/cdn-cgi/l/email-protection" data-yjsemail="d83f51503e455b3e51583e4451983d7c573d757b3f4c443f5a61f53d564730516a3d4a4e3d4d79">[email protected]</a><script data-yjshash='f9e31' type="text/javascript">/* <![CDATA[ */!function(t,e,r,n,c,a,p){try{t=document.currentScript||function(){for(t=document.getElementsByTagName('script'),e=t.length;e--;)if(t[e].getAttribute('data-yjshash'))return t[e]}();if(t&&(c=t.previousSibling)){p=t.parentNode;if(a=c.getAttribute('data-yjsemail')){for(e='',r='0x'+a.substr(0,2)|0,n=2;a.length-n;n+=2)e+='%'+('0'+('0x'+a.substr(n,2)^r).toString(16)).slice(-2);p.replaceChild(document.createTextNode(decodeURIComponent(e)),c)}p.removeChild(t)}}catch(u){}}()/* ]]> */</script> </p> <p> 京ICP備12345678號</p> </div> <script src="js/changimages.js" type=text/javascript></script> <script src="js/prototype.js" type=text/javascript></script> <script> var bigswitch = new SwitchPic( { bigpic:"SwitchBigPic", switchnav:"SwitchNav", selectstyle:"selected", objname:"bigswitch" } ) ; bigswitch.goSwitch(bigswitch,0); bigswitch.autoSwitchTimer = setTimeout("bigswitch.autoSwitch(bigswitch) ;", 3000); </script></body></html>
~ 關(guān)注我,點贊博文~ 每天帶你漲知識!
相關(guān)問題可以相互學(xué)習(xí),可關(guān)注↓公Z號 獲取更多源碼 !
web前端 零基礎(chǔ)-入門到高級 (視頻+源碼+開發(fā)軟件+學(xué)習(xí)資料+面試題) 一整套 (教程)
適合入門到高級的童鞋們?nèi)胧謣送1000套HTML+CSS+JavaScript模板網(wǎng)站
HTML5期末考核大作業(yè)源碼
包含 個人、 美食、 公司、 學(xué)校、 旅游、 電商、 寵物、 電器、 茶葉、 家居、 酒店、 舞蹈、 動漫、 明星、 服裝、 體育、 化妝品、 物流、 環(huán)保、 書籍、 婚紗、 軍事、 游戲、 節(jié)日、 戒煙、 電影、 攝影、 文化、 家鄉(xiāng)、 鮮花、 禮品、 汽車、 其他
* 可滿足大學(xué)生網(wǎng)頁大作業(yè)網(wǎng)頁設(shè)計需求, 喜歡的可以下載! 關(guān)鍵詞:設(shè)計,咖啡,成品,學(xué)生,作業(yè)
微信公眾號
版權(quán)所有? 億企邦 1997-2025 保留一切法律許可權(quán)利。