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>
<!---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">关于</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="data: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><!-- 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">确认密码 <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日-），出生于湖南怀化，毕业于中央戏剧学院，中国内地男歌手、演员、舞者，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="data:images/icon1.png"/></a><h3><a href="#">电影作品</a></h3><p>长津湖之水门桥/长津湖/奇迹笨小孩/少年的你/中国医生/送你一朵小红花</p></div><div class="top-grid"><a href="#"> <img src="data:images/icon2.png"/></a><h3><a href="#">音乐作品</a></h3><p>和你在一起/
第一次告白/
我乐意沉默释放内心焰火/
中国有我/
喜欢你/
我们的时光/大梦想家</p></div><div class="top-grid"><a href="#"><img src="data: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>

看到这里了就 [点赞+好评+收藏] 三连支持下吧！