作品介绍常见网页设计作业题材有
个人、 美食、 公司、 学校、 旅游、 电商、 宠物、 电器、 茶叶、 家居、 酒店、 舞蹈、 动漫、 明星、 服装、 体育、 化妆品、 物流、 环保、 书籍、 婚纱、 军事、 游戏、 节日、 戒烟、 电影、 摄影、 文化、 家乡、 鲜花、 礼品、 汽车、 其他
等网页设计题目, A+水平作业
, 可满足大学生网页大作业网页设计需求, 喜欢的可以下
1.网页作品简介
:HTML期末大学生网页设计作业 A+水平 ,喜欢的可以下载,文章页支持手机PC响应式布局。
2.网页作品编辑
:作品下载后可使用任意HTML编辑软件(如:DW、HBuilder、NotePAD 、Vscode 、Sublime 、Webstorm、 Notepad++
等任意HTML软件编辑修改网页)。
3.网页作品技术
:Div+CSS、鼠标滑过特效、Table、导航栏效果、banner、表单、二级三级页面等,视频、 音频元素 、Flash,同时设计了logo(源文件),基本期末作业所需的知识点全覆盖。
文章目录
- HTML5期末大作业:个人主页介绍网站设计——设计师个人网站(7页) HTML+CSS+JavaScript 学生DW网页设计作业成品 web课程设计网页规划与设计 计算机毕设网页设计源码
- 作品介绍
- 一、作品展示
- 二、文件目录
- 三、代码实现
- 四、学习资料
- 五、完整源码
- 六、更多源码
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript" src="js/changimages.js"></script>
<title>宫崎骏动漫设计师</title>
<style>
body {
font: 16px Verdana,'微软雅黑','Microsoft YaHei',Helvetica,Arial;
color: #000;background-color: #f9f9f9; background: url(images/bg.jpg);
}
*{
margin: 0;
padding: 0;
}
.top{width: 1000px; margin: 0 auto; background-color: #fff; height: 40px; padding:5px 15px;
margin-bottom: 15px; line-height: 40px}
.top a{ text-decoration: none; float: right; padding-right: 15px; color: #010101;}
.nr{ width: 1000px; margin: 0 auto; background-color: #fff; overflow: hidden; padding: 15px}
.zp{ float: left; }
.nr2{ width: 1000px; margin: 0 auto; background-color: #fff; padding: 15px; overflow: hidden;}
.navt{width: 1000px; margin: 0 auto; background-color: #fff; height: 40px; padding:5px 15px; margin-bottom: 15px; line-height: 40px; margin-top:20px }
#menu{width:1000px;height:45px;background-color:#fff}
#menu li{position:relative;float:left;width:160px;border:none;text-align:center;line-height:39px; list-style:none;}
#menu li a{display:block;outline:0;color:#000;text-decoration:none;font-size:16px}
#menu li:hover a{color:red}
.nr2{ width: 1000px; margin: 0 auto; background-color: #fff; padding: 15px}
.nr2 p{ margin: 10px auto; line-height: 27px}
.nr2 .tl{text-align: left;}
.xq{ float: left; text-align: center; width: 400px; line-height: 30px; padding-top: 80px}
.xq p{width: 350px; margin: 10px auto; }
.xq .tl{text-align: left;}
.nav{ text-align: center; }
.nav a{ display: block; width: 190px; height: 45px; border: 1px solid #111;color: #111; text-decoration: none; line-height: 45px;margin: 20px auto;}
.nav a:hover{ color: #fff;
background-color: #bb9e7d;border: 1px solid #bb9e7d;
}
.btt{ display: block; width: 190px; height: 45px; border: 1px solid #111;color: #111; text-decoration: none; line-height: 45px;margin: 20px auto;}
.fh{ background-color: #bb9e7d; }
.bt{ width: 300px; height: 32px; margin: 10px 0px;border: 1px solid #ccc;padding-left: 15px}
.bt2{ width: 300px; height: 132px; margin: 10px 0px;border: 1px solid #ccc; padding-left: 15px;padding-top: 10px}
.links{width: 1000px; margin: 0 auto; background-color: #fff; height: 40px; padding:5px 15px; margin-top: 15px; line-height: 40px}
.links a{ text-decoration: none; padding-right: 15px; color: #010101;}
.foot{ text-align: center; margin: 25px 0px; font-size: 16px;color: #585757; }
</style>
</head>
<body>
<div class="top"><img src="images/log.jpg" width="40"><a href="">关闭网页</a><a href="javascript:void(0)">收藏网页</a> <a href="javascript:void(0)">设置为首页 </a> </div>
<div class="navt">
<div id="menu">
<ul>
<li> <a href="index.html" class="nodrop">首页</a></li>
<li><a href="html/xiangce.html" class="drop">个人</a>
</li>
<li><a href="html/home.html" class="drop">经历</a>
</li>
<li> <a href="html/scholl.html" class="nodrop">作品</a></li>
<li> <a href="html/message.html" class="nodrop">留言</a></li>
</ul>
</div>
</div>
<div class="nr">
<div class="zp">
<div class=pic_show>
<div id=imgADPlayer></div>
<script>
PImgPlayer.addItem( "", "#", "images/21.jpg");
PImgPlayer.addItem( "", "#", "images/101.jpg");
PImgPlayer.addItem( "", "#", "images/102.jpg");
PImgPlayer.init( "imgADPlayer", 500, 700 );
</script>
</div>
</div>
<div class="xq">
<img src="images/logo.png" style="margin-bottom: 10px">
<h4>个人信息</h4>
<p >姓名:宫崎骏</p>
<p >出生日期:1941年1月5日</p>
<p>星座:摩羯座</p>
<p>学校:日本东京学习院大学 </p>
<p>专业:动画导演、编剧作家</p>
<p>代表作品:千与千寻,天空之城,幽灵公主,风之谷,龙猫,侧耳倾听,起风了,哈尔的移动城堡,红猪</p>
<div class="nav">
<a href="index.html" target="_black">首页</a>
<a href="html/xiangce.html" target="_black">个人照片</a>
<a href="html/scholl.html" target="_black">个人作品</a>
<a href="html/home.html" target="_black">早期经历</a>
</div>
</div>
</div>
<div class="links">友情链接:<a href="www.baidu" target="_black">百度</a><a href="#" target="_black">新浪</a><a href="#" target="_black">网易</a></div>
<div class="foot">宫崎骏动漫设计师 版权所有 <a href="mailto:IU@qq">IU@qq</a></div>
</body>
</html>
web前端 零基础-入门到高级 (视频+源码+开发软件+学习资料+面试题) 一整套 (教程)
适合入门到高级的童鞋们入手~送1000套HTML+CSS+JavaScript模板网站
【百度网盘-源码下载地址】
链接:https://pan.baidu/s/1UdFzRE6mEKC5D1xALTMbYw
提取码:8888
HTML5期末考核大作业源码
* 包含 个人、 美食、 公司、 学校、 旅游、 电商、 宠物、 电器、 茶叶、 家居、 酒店、 舞蹈、 动漫、 明星、 服装、 体育、 化妆品、 物流、 环保、 书籍、 婚纱、 军事、 游戏、 节日、 戒烟、 电影、 摄影、 文化、 家乡、 鲜花、 礼品、 汽车、 其他
可满足大学生网页大作业网页设计需求, 喜欢的可以下载!
更多推荐
HTML5期末大作业:个人主页介绍网站设计——设计师个人网站(7页) HTML+CSS+JavaScript 学生DW网页设计作业成品 web课程设计网页规划与
发布评论