當前位置：首頁 > 前端技术 > HTML >内容正文

HTML

HTML5期末大作业：个人网页设计——易烊千玺6页(代码质量好) 学生DW网页设计作业源码 web课程设计网页规划与设计

發布時間：2024/1/1 HTML 33 豆豆

生活随笔收集整理的這篇文章主要介紹了 HTML5期末大作业：个人网页设计——易烊千玺6页(代码质量好) 学生DW网页设计作业源码 web课程设计网页规划与设计小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

HTML5期末大作業：個人網頁設計——易烊千璽6頁(代碼質量好) 學生DW網頁設計作業源碼 web課程設計網頁規劃與設計

?HTML+CSS+JavaScript（畢業設計）
常見網頁設計作業題材有個人、美食、公司、學校、旅游、電商、寵物、電器、茶葉、家居、酒店、舞蹈、動漫、明星、服裝、體育、化妝品、物流、環保、書籍、婚紗、軍事、游戲、節日、戒煙、電影、攝影、文化、家鄉、鮮花、禮品、汽車、其他等網頁設計題目, 可滿足大學生網頁大作業和畢業網頁設計需求!

臨近期末, 很多同學苦于沒有參考的資料，或者下載的資料不全、代碼有問題、數據有問題等等,造成一系列問題。你想要解決的問題，在這篇博文中基本都能滿足你的需求~
作品介紹

1.用 HTML 結構標記（或 div 標記）+CSS 進行布局定位（如在 1024×768下全屏顯示無橫向滾動條）。

2.作品下載后可使用任意HTML編輯軟件（例如：DW、HBuilder、NotePAD 、Vscode 、Sublime 、Webstorm、 Notepad++ 等任意HTML軟件編輯修改網頁）。

3.網站頁面標題、創意設計制作的 Logo 圖標和 Banner 廣告符合網站主題。?

4.首頁欄目數量不少于 3 個，各欄目能正確鏈接到相應欄目頁面，同時各欄目頁面能正確返回網站首頁。

5.網站內容具有原創性，內容充實，特效且運用合理。

6.網站整體色系符合視覺習慣，布局合理美觀，結構層次清楚，目錄結構清晰，文件及文件夾命名規范。

一、作品展示

二、文件目錄

三、代碼實現

<!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> <script src="js/login.js"></script><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> </head> <body><div class="content"><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">關于</a></li><li><a href="blog.html">日志</a></li><div class="clear"> </div></ul></nav></div><div class="header"><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">關于</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></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">確認密碼 <span>*</span></label><input type="password" name="password" id="signuppassword1" /></fieldset><input type="submit" id="signup" value="立即注冊" /></fieldset></form></div></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日-），出生于湖南懷化，畢業于中央戲劇學院，中國內地男歌手、演員、舞者，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></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>長津湖之水門橋/長津湖/奇跡笨小孩/少年的你/中國醫生/送你一朵小紅花</p></div><div class="top-grid"><a href="#"> <img src="images/icon2.png"/></a><h3><a href="#">音樂作品</a></h3><p>和你在一起/ 第一次告白/ 我樂意沉默釋放內心焰火/ 中國有我/ 喜歡你/ 我們的時光/大夢想家</p></div><div class="top-grid"><a href="#"><img src="images/icon3.png"/> </a><h3><a href="#">綜藝節目</a></h3><p>2022年中央廣播電視總臺春節聯歡晚會/這！就是街舞第三季/2021年央視春節聯歡晚會</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>

看到這里了就 [點贊+好評+收藏] 三連支持下吧！

總結

以上是生活随笔為你收集整理的HTML5期末大作业：个人网页设计——易烊千玺6页(代码质量好) 学生DW网页设计作业源码 web课程设计网页规划与设计的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。

上一篇： SSM毕设项目民宿管理系统geszf（j
下一篇： Adobe After Effects