HTML学生个人网站作业设计:电影网站设计11页) HTML CSS JavaScript 简单DIV布局个人介绍网页模板代码
行业资讯
admin
发布时间:2024-01-06
浏览:105 次
详情介绍
<h 作品介绍>
1.作品简介 :html期末大作业,dw学生网页设计作业, A+水平 ,喜欢的可以下载,文章页支持手机PC响应式布局。
2.作品编辑:作品下载后可使用任意HTML编辑软件(如:Dreamweaver、HBuilder、Vscode 、Sublime 、Webstorm、Text 、Notepad++ 等任意html编辑软件进行运行及修改编辑等操作)。
3.知识应用:技术方面主要应用了大学生网页课程中的: Div+CSS、鼠标滑过特效、Table、导航栏效果、Banner、表单、二级三级页面等,视频、 音频元素 、Flash,同时设计了Logo(源文件),基本期末作业所需的知识点全覆盖。
文章目录
一、作品介绍
二、作品演示
三、代码展示
四、戳下方![](https://mmbiz.qpic.cn/mmbiz_svg/YCOL3hU8ffUOBYWv9Om9NlYbW6NWThib4NGeAZ46icnAaWMIHnnxF7iaucmpsWiaePRQxM5YtN1cUDcibalpmgoIb7Z0SC4ib7hlrI/640?wx_fmt=svg&wxfrom=5&wx_lazy=1&wx_co=1)
更多源码![](https://mmbiz.qpic.cn/mmbiz_svg/YCOL3hU8ffUOBYWv9Om9NlYbW6NWThib4NGeAZ46icnAaWMIHnnxF7iaucmpsWiaePRQxM5YtN1cUDcibalpmgoIb7Z0SC4ib7hlrI/640?wx_fmt=svg&wxfrom=5&wx_lazy=1&wx_co=1)
<h
![](https://mmbiz.qpic.cn/mmbiz_png/OfgLGgh7MEGEfrbica9Azjz7rrMEXibPo6MKQreyTg8YXWEcrDWd8nOVuAdQzvEAeaZmVr3Pn8RncyNuVz0mrJbQ/640?wx_fmt=png&wxfrom=5&wx_lazy=1&wx_co=1)
![](https://mmbiz.qpic.cn/mmbiz_png/OfgLGgh7MEGEfrbica9Azjz7rrMEXibPo6wb3EKZFWg37d8RwXFicSUTP4KM7KIThkV5WuUbPYyhzo95rC16bAUMA/640?wx_fmt=png&wxfrom=5&wx_lazy=1&wx_co=1)
![](https://mmbiz.qpic.cn/mmbiz_png/OfgLGgh7MEGEfrbica9Azjz7rrMEXibPo6VgmbAy1x5KWOegfLDF9dSpHKPoP2chPkibtbC2QmIRANTbq7jLKUK1Q/640?wx_fmt=png&wxfrom=5&wx_lazy=1&wx_co=1)
![](https://mmbiz.qpic.cn/mmbiz_png/OfgLGgh7MEGEfrbica9Azjz7rrMEXibPo6svxtsOeX9zibglo452w0UABMYHRDh4q59B7T2iaM6V6KKoruzBXIp53w/640?wx_fmt=png&wxfrom=5&wx_lazy=1&wx_co=1)
![](https://mmbiz.qpic.cn/mmbiz_png/OfgLGgh7MEGEfrbica9Azjz7rrMEXibPo6uYicOm0ibdILIOWAKhNmMTjoUfe0Q6cq5ibxY4qOv2voqm0hibxmjbTseA/640?wx_fmt=png&wxfrom=5&wx_lazy=1&wx_co=1)
![](https://mmbiz.qpic.cn/mmbiz_png/OfgLGgh7MEGEfrbica9Azjz7rrMEXibPo62lFaiaAJUzyaFJaHJzQrrOjoCXCwADareNTic6kwoxwqQZcA7Fwb7iaCg/640?wx_fmt=png&wxfrom=5&wx_lazy=1&wx_co=1)
![](https://mmbiz.qpic.cn/mmbiz_png/OfgLGgh7MEGEfrbica9Azjz7rrMEXibPo61WvicicYuaWGRa7KadzoIKuUILE1fHt7h3EjlubmFtKzQfzrQa9GGUAQ/640?wx_fmt=png&wxfrom=5&wx_lazy=1&wx_co=1)
![](https://mmbiz.qpic.cn/mmbiz_png/OfgLGgh7MEGEfrbica9Azjz7rrMEXibPo6YPMlRW3RQgmdOt7HFB3bAE4E861ffNrp20PIgzic4u6WyKXXuwhsK0A/640?wx_fmt=png&wxfrom=5&wx_lazy=1&wx_co=1)
![](https://mmbiz.qpic.cn/mmbiz_png/OfgLGgh7MEGEfrbica9Azjz7rrMEXibPo6ZeicUboLanLwPofhqAj5TW5JHGkjuXahzLBzb7j2KHsxQLeDXUVApGQ/640?wx_fmt=png&wxfrom=5&wx_lazy=1&wx_co=1)
![](https://mmbiz.qpic.cn/mmbiz_png/OfgLGgh7MEGEfrbica9Azjz7rrMEXibPo6k1mvvrEffWiaSCgJwmbd7vlrVJv0JTZDv8ANObRflr6OWnjtqgh5TPw/640?wx_fmt=png&wxfrom=5&wx_lazy=1&wx_co=1)
![](https://mmbiz.qpic.cn/mmbiz_png/OfgLGgh7MEGEfrbica9Azjz7rrMEXibPo6KVoUMickcpCh8YwWTQDlVDSk7Yic5b9ZG7AJsfWibYoHTyVJ2DzZ2iamrg/640?wx_fmt=png&wxfrom=5&wx_lazy=1&wx_co=1)
<h
代码说明:以下仅展示部分代码供参考~
<!DOCTYPE html><head> <meta charset="utf-8" /> <title>个人网页设计</title> <link href="css/style.css" rel="external nofollow" rel="stylesheet" /></head><body> <div id="wrapper"> <div id="header"> <a href="#" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" ><img src="images/logo.png" class="logo"/></a> </div> <div id="menu"> <ul> <li><a href="index.html" rel="external nofollow" >个人主页</a></li> <li><a href="jieshao.html" rel="external nofollow" >故事介绍</a></li> <li><a href="renwu.html" rel="external nofollow" >主要人物</a></li> <li><a href="meitu.html" rel="external nofollow" >个人美图</a></li> <li><a href="zhuce.html" rel="external nofollow" >注册用户</a></li> <li><a href="liuyan.html" rel="external nofollow" >随笔留言</a></li> </ul> </div> <div id="main"> <div class="content"> <ul class="list"> <li> <img src="images/zy1.jpg" /> <h5>“草帽”蒙奇·D·路飞</h5> <p>初次登场:漫画第1话 年龄:17岁→19岁 生日:5月5日 血型:F型 身高:172cm→174cm 身份:草帽 故乡:东海·风车村 ...</p> <a href="#" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" >详情...</a> </li> <li> <img src="images/zy2.jpg" /> <h5>“小贼猫”娜美</h5> <p>初次登场:漫画第8话 年龄:18岁→20岁 生日:7月3日 血型:X型 身份:阿龙海贼团测量员→草帽 故乡:东海
![](https://mmbiz.qpic.cn/mmbiz_svg/YCOL3hU8ffUOBYWv9Om9NlYbW6NWThib4t5MLibT3sa6BYUgB2w5VyOaMQs9f7G8Rq0e5SSgjzEnGjZaqSut6ib580gLZXsT5zC/640?wx_fmt=svg&wxfrom=5&wx_lazy=1&wx_co=1)
可可亚西村...</p> <a href="#" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" >详情...</a> </li> <li> <img src="images/zy3.jpg" /> <h5>“海贼猎人”罗罗诺亚·索隆</h5> <p>初次登场:漫画第3话 年龄:19岁→21岁 生日:11月11日 血型:XF型 身份:东海海贼赏金猎人→草员 故乡:东海·霜月村...</p> <a href="#" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" >详情...</a> </li> <li> <img src="images/zy4.jpg" /> <h5>“GOD”
![](https://mmbiz.qpic.cn/mmbiz_svg/YCOL3hU8ffUOBYWv9Om9NlYbW6NWThib4t5MLibT3sa6BYUgB2w5VyOaMQs9f7G8Rq0e5SSgjzEnGjZaqSut6ib580gLZXsT5zC/640?wx_fmt=svg&wxfrom=5&wx_lazy=1&wx_co=1)
乌索普</h5> <p>初次登场:漫画第23话 年龄:17岁→19岁 生日:4月1日 血型:S型 身份:乌索普海贼团船长→狙击手 故乡:东海
![](https://mmbiz.qpic.cn/mmbiz_svg/YCOL3hU8ffUOBYWv9Om9NlYbW6NWThib4t5MLibT3sa6BYUgB2w5VyOaMQs9f7G8Rq0e5SSgjzEnGjZaqSut6ib580gLZXsT5zC/640?wx_fmt=svg&wxfrom=5&wx_lazy=1&wx_co=1)
西罗普村...</p> <a href="#" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" >详情...</a> </li> </ul> </div> <div class="sidebar"> <div class="denglu"> <h2>用户登录</h2> <p><span>账号:</span><input type="text" /></p> <p><span>密码:</span><input type="password" /></p> <div class="btn"> <a href="#" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" ><img src="images/denglu.png" /></a> <a href="#" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" ><img src="images/zhuce.png" /></a> </div> </div> <div class="chengyuan"> <h2>草帽海贼团成员</h2> <ul> <li><a href="#" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" >“草帽”蒙奇·D·路飞</a></li> <li><a href="#" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" >“海贼猎人”罗罗诺亚·索隆</a></li> <li><a href="#" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" >“小贼猫”娜美</a></li> <li><a href="#" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" >“GOD”
![](https://mmbiz.qpic.cn/mmbiz_svg/YCOL3hU8ffUOBYWv9Om9NlYbW6NWThib4t5MLibT3sa6BYUgB2w5VyOaMQs9f7G8Rq0e5SSgjzEnGjZaqSut6ib580gLZXsT5zC/640?wx_fmt=svg&wxfrom=5&wx_lazy=1&wx_co=1)
乌索普</a></li> <li><a href="#" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" >“黑足”山治</a></li> <li><a href="#" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" >“爱吃棉花糖的驯鹿”托尼托尼·乔巴</a></li> <li><a href="#" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" >“恶魔之子”妮可·罗宾</a></li> <li><a href="#" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" >“改造人”弗兰奇</a></li> <li><a href="#" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" >“灵魂之王”布鲁克 </a></li> </ul> <img src="images/chengyuan.jpg" /> </div> </div> </div> <div id="footer"> <p>底部信息</p> </div> </div></body></html>12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788
【腾讯文档】考研资料需求收集 (欢迎填写)试读试看请加客服微信19966519194