HTML5期末大作业：个人网页设计——易烊千玺6页(代码质量好) 学生DW网页设计作业源码 web课程设计网页规划与设计
生活随笔
收集整理的這篇文章主要介紹了
HTML5期末大作业：个人网页设计——易烊千玺6页(代码质量好) 学生DW网页设计作业源码 web课程设计网页规划与设计
小編覺得挺不錯的,現(xiàn)在分享給大家,幫大家做個參考.
HTML5期末大作業(yè)：個人網(wǎng)頁設(shè)計——易烊千璽6頁(代碼質(zhì)量好) 學(xué)生DW網(wǎng)頁設(shè)計作業(yè)源碼 web課程設(shè)計網(wǎng)頁規(guī)劃與設(shè)計
?HTML+CSS+JavaScript（畢業(yè)設(shè)計）
常見網(wǎng)頁設(shè)計作業(yè)題材有 個人、 美食、 公司、 學(xué)校、 旅游、 電商、 寵物、 電器、 茶葉、 家居、 酒店、 舞蹈、 動漫、 明星、 服裝、 體育、 化妝品、 物流、 環(huán)保、 書籍、 婚紗、 軍事、 游戲、 節(jié)日、 戒煙、 電影、 攝影、 文化、 家鄉(xiāng)、 鮮花、 禮品、 汽車、 其他 等網(wǎng)頁設(shè)計題目, 可滿足大學(xué)生網(wǎng)頁大作業(yè)和畢業(yè)網(wǎng)頁設(shè)計需求!
臨近期末, 很多同學(xué)苦于沒有參考的資料，或者下載的資料不全、代碼有問題、數(shù)據(jù)有問題等等,造成一系列問題。你想要解決的問題，在這篇博文中基本都能滿足你的需求~
作品介紹
1.用 HTML 結(jié)構(gòu)標(biāo)記（或 div 標(biāo)記）+CSS 進(jìn)行布局定位（如在 1024×768下全屏顯示無橫向滾動條）。
2.作品下載后可使用任意HTML編輯軟件（例如：DW、HBuilder、NotePAD 、Vscode 、Sublime 、Webstorm、 Notepad++ 等任意HTML軟件編輯修改網(wǎng)頁）。
3.網(wǎng)站頁面標(biāo)題、創(chuàng)意設(shè)計制作的 Logo 圖標(biāo)和 Banner 廣告符合網(wǎng)站主題。?
4.首頁欄目數(shù)量不少于 3 個，各欄目能正確鏈接到相應(yīng)欄目頁面，同時各欄目頁面能正確返回網(wǎng)站首頁。
5.網(wǎng)站內(nèi)容具有原創(chuàng)性，內(nèi)容充實，特效且運(yùn)用合理。
6.網(wǎng)站整體色系符合視覺習(xí)慣，布局合理美觀，結(jié)構(gòu)層次清楚，目錄結(jié)構(gòu)清晰，文件及文件夾命名規(guī)范。
一、作品展示
?
?
?
?
?
?
?
?
二、文件目錄
?
三、代碼實現(xiàn)
<!DOCTYPE HTML> <html> <head> <title>Home</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> <link href='http//fonts.googleapis.com/css?family=Open+Sans:400,600' rel='stylesheet' type='text/css'> <link href="css/style.css" rel="stylesheet" type="text/css" media="all" /> <script src="js/jquery.min.js"></script> <!---start-login-script---><script src="js/login.js"></script><!---//End-login-script---><!-----768px-menu-----><link type="text/css" rel="stylesheet" href="css/jquery.mmenu.all.css" /><script type="text/javascript" src="js/jquery.mmenu.js"></script><script type="text/javascript">// The menu on the left$(function() {$('nav#menu-left').mmenu();});</script><!-----//768px-menu-----> </head> <body><div class="content"><!------start-768px-menu----><div id="page"><div id="header"><a class="navicon" href="#menu-left"> </a></div><nav id="menu-left"><ul><li class="active"><a href="index.html">首頁</a></li><li><a href="about.html">關(guān)于</a></li><li><a href="blog.html">日志</a></li><div class="clear"> </div></ul></nav></div><!------end-768px-menu----><!---start-header----><div class="header"><!---start-wrap----><div class="wrap"><div class="header-left"><div class="logo"><a href="index.html"><img src="images/logo.jpg"/></a></div></div><div class="header-right"><div class="top-nav"><ul><li class="active"><a href="index.html">首頁</a></li><li><a href="about.html">關(guān)于</a></li><li><a href="blog.html">日志</a></li></ul></div><div class="sign-ligin-btns"><ul><li id="loginContainer"><a class="login" id="loginButton" href="#"><span>登錄</span></a><div class="clear"> </div><div id="loginBox"> <form id="loginForm"><fieldset id="body"><fieldset><label for="email">賬號</label><input type="text" name="email" id="email" /></fieldset><fieldset><label for="password">密碼</label><input type="password" name="password" id="password" /></fieldset><label class="remeber" for="checkbox"><input type="checkbox" id="checkbox" />記住我</label><input type="submit" id="登錄" value="登錄" /></fieldset><span><a href="#">忘記密碼？</a></span></form></div><!-- Login Ends Here --></li><li id="signupContainer"><a class="signup" id="signupButton" href="#"><span>注冊</span></a><div class="clear"> </div><div id="signupBox"> <form id="signupForm"><fieldset id="signupbody"><fieldset><label for="email">郵箱 <span>*</span></label><input type="text" name="email" id="signupemail" /></fieldset><fieldset><label for="password">輸入密碼 <span>*</span></label><input type="password" name="password" id="signuppassword" /></fieldset><fieldset><label for="password">確認(rèn)密碼 <span>*</span></label><input type="password" name="password" id="signuppassword1" /></fieldset><input type="submit" id="signup" value="立即注冊" /></fieldset></form></div><!-- Login Ends Here --></li><div class="clear"> </div></ul></div><div class="clear"> </div></div><div class="clear"> </div></div></div><div class="main"><div class="wrap"><div class="main_left"><h2>易烊千璽</h2><p>易烊千璽（Jackson Yee，2000年11月28日-），出生于湖南懷化，畢業(yè)于中央戲劇學(xué)院，中國內(nèi)地男歌手、演員、舞者，TFBOYS組合成員。</p> <div class="buttons"><div class="sign_up"><a href="#">歌手/演員/偶像</a></div><div class="learn"><a href="details.html" class="arrow_btn">more</a></div><div class="clear"> </div></div></div><div class="main_right"><span> </span></div><div class="clear"> </div><!---//End-header----></div></div></div><div class="buttom"><div class="wrap"><div class="top-grids"><div class="top-grid"><a href="#"><img src="images/icon1.png"/></a><h3><a href="#">電影作品</a></h3><p>長津湖之水門橋/長津湖/奇跡笨小孩/少年的你/中國醫(yī)生/送你一朵小紅花</p></div><div class="top-grid"><a href="#"> <img src="images/icon2.png"/></a><h3><a href="#">音樂作品</a></h3><p>和你在一起/ 第一次告白/ 我樂意沉默釋放內(nèi)心焰火/ 中國有我/ 喜歡你/ 我們的時光/大夢想家</p></div><div class="top-grid"><a href="#"><img src="images/icon3.png"/> </a><h3><a href="#">綜藝節(jié)目</a></h3><p>2022年中央廣播電視總臺春節(jié)聯(lián)歡晚會/這！就是街舞第三季/2021年央視春節(jié)聯(lián)歡晚會</p></div><div class="clear"> </div></div></div></div><div class="footer"><div class="wrap"><div class="footer-left"></div><div class="social_icons"> <ul><li class="in"><a href="#"><span> </span></a></li><li class="pro"><a href="#"><span> </span></a></li><li class="twitter"><a href="#"><span> </span></a></li><li class="facebook"><a href="#"><span> </span></a></li><div class="clear"> </div></ul></div><div class="clear"> </div></div></div> <div style="display:none"><script src='http//v7.cnzz.com/stat.php?id=155540&web_id=155540' language='JavaScript' charset='gb2312'></script></div> </body> </html>
看到這里了就 [點(diǎn)贊+好評+收藏] 三連 支持下吧！
總結(jié)
以上是生活随笔為你收集整理的HTML5期末大作业：个人网页设计——易烊千玺6页(代码质量好) 学生DW网页设计作业源码 web课程设计网页规划与设计的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： SSM毕设项目民宿管理系统geszf（j
- 下一篇： 2017年html5行业报告,云适配发布