html5学生dw网页设计大作业，hbuilder华谊网页设计成品模板，静态网页设计定制

一般html5静态网页设计作业主题有个人网页设计、美食网页设计、家乡网页设计、企业网页设计、学校、旅游网页设计、电商购物网页设计、宠物网页设计、茶叶、家居、酒店、舞蹈、动漫网页设计、明星、服装网页设计、体育网页设计、化妆品网页设计、物流、书籍、婚纱、军事网页设计、游戏网页设计、节日网页设计、环保网页设计、电影、摄影、文化网页设计、鲜花网页设计、

猿猿-web网页设计

5200人浏览 · 2022-01-07 16:46:20

猿猿-web网页设计 · 2022-01-07 16:46:20 发布

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">&nbsp;</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">&nbsp;</div>
<!--底部-->
<div class="foot">
	<div class="foot_m">
    	、<p> 版权所有：娱乐公司</p>
    </div>
</div>

<!--底部-->
、
</body>
</html>