html5学生dw网页设计大作业,hbuilder华谊网页设计成品模板,静态网页设计定制
一般html5静态网页设计作业主题有 个人网页设计、 美食网页设计、家乡网页设计、 企业网页设计、 学校、 旅游网页设计、 电商购物网页设计、 宠物网页设计、 茶叶、 家居、 酒店、 舞蹈、 动漫网页设计、 明星、 服装网页设计、 体育网页设计、 化妆品网页设计、 物流、 书籍、 婚纱、 军事网页设计、 游戏网页设计、 节日网页设计、 环保网页设计、 电影、 摄影、 文化网页设计、鲜花网页设计、
html5静态网页设计要是用HTML DIV+CSS JS等来完成页面的排版设计,一般的网页作业需要融入以下知识点:div布局、浮动、定位、高级css、表格、表单及验证、js轮播图、音频 视频 Flash的应用、ul li、下拉导航栏、鼠标划过效果等知识点,学生网页作业源码可以去猿猿设计官网下载,制作水平和原创度都适合学习或交作业用,记得点赞;
一般html5静态网页设计作业主题有 个人网页设计、 美食网页设计、家乡网页设计、 企业网页设计、 学校、 旅游网页设计、 电商购物网页设计、 宠物网页设计、 茶叶、 家居、 酒店、 舞蹈、 动漫网页设计、 明星、 服装网页设计、 体育网页设计、 化妆品网页设计、 物流、 书籍、 婚纱、 军事网页设计、 游戏网页设计、 节日网页设计、 环保网页设计、 电影、 摄影、 文化网页设计、 鲜花网页设计、 礼品、 汽车网页设计、 其他 等网页设计, 成品网页设计可以达到90分左右水平, 可满足大学生网页大作业网页设计需求, 喜欢的可以联系,我们也可以根据要求进行个性化定制。
网站效果图:
网站首页:
关于我们页面:
新闻资讯页面:
联系我们页面:
学习内容:
提示:本网站采用div+css构成,无js。
网站首页代码分析
1、网站导航栏设计(导航栏代码如下)
<div class="header">
<div class="head_m clearfix">
<div class="logo"><a href=""><img src="images/logo.png" alt="华谊"/></a></div>
<ul class="nav clearfix">
<li class="now"><a href="index.html">首页</a></li>
<li><a href="about.html">关于我们</a></li>
<li><a href="news.html">新闻资讯</a></li>
<li><a href="contact.html">联系我们</a></li>
</ul>
</div>
</div>
2、网站完整首页html代码
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="X-UA-Compatible" content="IE=8">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>华谊</title>
<link rel="stylesheet" type="text/css" href="css/reset.css"/>
<script type="text/javascript" src="js/jquery-1.8.3.min.js"></script>
<!--幻灯片-->
<script type="text/javascript" src="js/js_z.js"></script>
<link rel="stylesheet" type="text/css" href="css/thems.css">
<!--幻灯片-->
</head>
<body>
<!--顶部-->
<div class="h_top">
</div>
<!--顶部-->
<!--头部-->
<div class="header">
<div class="head_m clearfix">
<div class="logo"><a href=""><img src="images/logo.png" alt="华谊"/></a></div>
<ul class="nav clearfix">
<li class="now"><a href="index.html">首页</a></li>
<li><a href="about.html">关于我们</a></li>
<li><a href="news.html">新闻资讯</a></li>
<li><a href="contact.html">联系我们</a></li>
</ul>
</div>
</div>
<!--头部-->
<!--幻灯片-->
<div class="banner">
<div id="inner">
<div class="hot-event">
<div class="event-item" style="display: block;">
<a target="_blank" href="" class="banner">
<img src="images/banner.JPG" class="photo" alt="华谊" />
</a>
</div>
</div>
</div>
<script type="text/javascript">
$('#inner').nav({ t: 6000, a: 500 });
</script>
</div>
<!--幻灯片-->
<div class="space_hx"> </div>
<!--主体盒子-->
<div class="wrap">
<ul class="box_m clearfix">
<li class="zxhd">
<div class="box_h">
最新活动<span>News</span>
</div>
<div class="box_body">
<img src="images/pic1.jpg" alt="华谊最新活动"/>
<h3><a href="">6月的电影扎成堆,华谊兄弟的《超越》能否突围?</a></h3>
<p>5月的电影只有《悬崖之上》10亿和《速激9》笑到了最后,....</p>
</div>
</li>
<li class="xyfc">
<div class="box_h">
华谊兄弟<span>Style</span>
</div>
<div class="box_body">
<p style="font-size: 14px">于1994年创立,国内颇具影响力的综合性娱乐集团,在影视、音乐、娱乐经纪等领域居于重要地位的大型民营娱乐公司<br>华谊兄弟传媒股份有限公司(深交所:300027),中国大陆知名的综合性娱乐集团,由王中军、王中磊兄弟创立于1994年,并于2009年率先登陆创业板,被称为“中国影视娱乐第一股”。
</p>
</div>
</li>
<li class="mstd">
<div class="box_h">
名师团队<span>Teacher</span>
</div>
<div class="box_body">
<a href=""><img src="images/pic2.jpg" alt="华谊名师团队"/></a>
</div>
</li>
</ul>
</div>
<!--主体盒子-->
<div class="space_hx"> </div>
<!--底部-->
<div class="foot">
<div class="foot_m">
、<p> 版权所有:娱乐公司</p>
</div>
</div>
<!--底部-->
、
</body>
</html>
更多源码信息展示:点击查看
联系源码作者:
更多推荐
所有评论(0)