HTML5汽车网页设计成品_学生DW汽车静态网页设计代做_web课程设计网页制作_宽屏大气汽车自驾游网站模板html源码

临近期末, 你还在为HTML网页设计结课作业,老师的作业要求感到头大？HTML网页作业无从下手？网页要求的总数量太多？没有合适的模板？等等一系列问题。你想要解决的问题，在这篇博文中基本都能满足你的需求~

原始HTML+CSS+JS页面设计, web大学生网页设计作业源码，这是一个不错的网页制作，画面精明，非常适合初学者学习使用。

作品介绍

1.网页作品简介方面 ：HTML期末大学生网页设计作业 ,喜欢的可以下载，文章页支持手机PC响应式布局。等总共 10个页面html下载。

2.网页作品编辑方面：此作品为学生个人主页网页设计题材，代码为简单学生水平 html+css 布局制作，作品下载后可使用任意HTML编辑软件（例如：DW、HBuilder、NotePAD 、Vscode 、Sublime 、Webstorm 所有编辑器均可使用）

3.网页作品布局方面：网页布局整体为LOGO、导航、主体内容布局。子页面多种布局，兴趣爱好内容使用图片列表布局，成绩页面插入了表格，联系我们使用图片对齐方式设置了左对齐。

4.网页作品技术方面：使用CSS制作了网页背景图、鼠标经过及选中导航变色效果、下划线等。首页制作了留言表单，同时简单使用JavaScript制作了表单判断（提交时表单不能为空）

文章目录

HTML5汽车网页设计成品_学生DW汽车静态网页设计代做_web课程设计网页制作_宽屏大气汽车自驾游网站模板html源码
作品介绍
一、作品演示
二、代码目录
三、代码实现
四、web前端入门到高级(视频+源码+资料+面试)一整套 (教程)
五、源码获取
六、更多HTML期末大作业(成品下载)

一、作品演示

二、代码目录

三、代码实现

<!doctype html>
<html>
<head>
<meta charset="utf-8"/>
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
<title>车行天下</title>
<link rel="stylesheet" href="css/common.css">
<link rel="stylesheet" href="css/index.css">
<!--[if lt IE 9]>
<script src="js/html5.js"></script>
<![endif]-->
<script src="js/jquery-1.9.1.min.js"></script>
<script src="js/jquery.touchSlider.js"></script>
<script src="js/flashjs.js"></script>
<script src="js/pic_scroll.js"></script>
<script src="js/tabjs.js"></script>
<script src="js/jquery.soChange-min.js" type="text/javascript"></script></div>
<!--tab2-->
<div id="dyycgz_c_2" style="display: none;">
<div class="dgzpic">
<div class="dgzpicul1 fl">
<ul>
<li><div class="photo"><img src="img/tp08.jpg" width="354" height="343"></div>
<!--<div class="dgzth3"><h3>原装车</h3></div>-->
<div class="dgzbj"></div>
<div class="dgztext"><a href="#"><h3>再认真也成不了风格！</h3></a>
<!--<p>大众都走的路，再认真也成不了风格！</p>-->
</div></li>
<li><a href="#"><img src="img/tp07.jpg" width="166" height="159"></a>
<div class="dgzbj dgzbjwh1"></div>
<div class="dgztext dgztext1"><a href="#"><h3>大众都走的路</h3></a>
<!--<p>大众都走的路，再认真也成不了风格！</p>-->
</div>
</li>
<li><a href="#"><img src="img/tp03.jpg" width="166" height="159"></a>
<div class="dgzbj dgzbjwh1"></div>
<div class="dgztext dgztext1"><a href="#"><h3>大众都走的路</h3></a>
<!--<p>大众都走的路，再认真也成不了风格！</p>-->
</div>
</li>
</ul>
</div>
<div class="dgzpicul1 fl">
<ul>
<li><div class="photo"><img src="img/tp11.jpg" width="354" height="343"></div>
<!--<div class="dgzth3"><h3>原装车</h3></div>-->
<div class="dgzbj"></div>
<div class="dgztext"><a href="#"><h3>再认真也成不了风格！</h3></a>
<!--<p>大众都走的路，再认真也成不了风格！</p>-->
</div></li>
<li><script type="text/javascript"><!--var focus_width=354; var focus_height=159; var text_height=0; var swf_height = focus_height+text_height;var pics='';var links='';var texts='';
pics=pics+'img/tp09.jpg|img/tp08.jpg|img/tp07.jpg|img/tp06.jpg|';
links=links+'#|#|#|#|';links=links.substring(0,links.length-1);texts=texts.substring(0,texts.length-1);pics=pics.substring(0,pics.length-1);document.write('<center><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0" width="'+ focus_width +'" height="'+ swf_height +'">');document.write('<param name="allowScriptAccess" value="sameDomain"><param name="movie" value="img/pixviewer.swf"><param name="quality" value="high"><param name="bgcolor" value="#DADADA">');document.write('<param name="menu" value="false"><param name=wmode value="opaque">');document.write('<param name="FlashVars" value="pics='+pics+'&links='+links+'&texts='+texts+'&borderwidth='+focus_width+'&borderheight='+focus_height+'&textheight='+text_height+'">');document.write('<embed src="img/pixviewer.swf" wmode="opaque" FlashVars="pics='+pics+'&links='+links+'&texts='+texts+'&borderwidth='+focus_width+'&borderheight='+focus_height+'&textheight='+text_height+'" menu="false" bgcolor="#DADADA" quality="high" width="'+ focus_width +'" height="'+ swf_height +'" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />');  document.write('</object></center>');//--></script>
</li>
</ul>
</div>
<div class="dgzpicul2 fr">
<ul>
<li><a href="#"><img src="img/tp04.jpg" width="354" height="167"></a>
<div class="dgzbj dgzbjwh2"></div>
<div class="dgztext dgztext2"><a href="#"><h3>再认真也成不了风格</h3></a>
<!--<p>大众都走的路，再认真也成不了风格！</p>-->
</div>
</li>
</ul>
<div class="dgzpicul3 fl">
<ul>
<li><a href="#"><img src="img/tp04.jpg" width="166" height="159"></a>
<div class="dgzbj dgzbjwh3"></div>
<div class="dgztext dgztext3"><a href="#"><h3>大众都走的路</h3></a>
<!--<p>大众都走的路，再认真也成不了风格！</p>-->
</div>
</li>
<li class=" clear"><a href="#"><img src="img/tp12.jpg" width="166" height="159"></a>
<div class="dgzbj dgzbjwh4"></div>
<div class="dgztext dgztext3"><a href="#"><h3>大众都走的路</h3></a>
<!--<p>大众都走的路，再认真也成不了风格！</p>-->
</div>
</li>
</ul>
</div>
<div class="dgzpicul4 fr">
<ul>
<li><a href="#"><img src="img/tp06.jpg" width="170" height="334"></a>
<div class="dgzbj dgzbjwh5"></div>
<div class="dgztext dgztext5"><a href="#"><h3>原装车</h3></a>
<!--<p>大众都走的路，再认真也成不了风格！</p>-->
</div>
</li>
</ul>
</div>
</div>
</div></div>
<!--tab3-->
<div id="dyycgz_c_3" style="display: none;">
<div class="dgzpic">
<div class="dgzpicul1 fl">
<ul>
<li><div class="photo"><img src="img/tp03.jpg" width="354" height="343"></div>
<!--<div class="dgzth3"><h3>原装车</h3></div>-->
<div class="dgzbj"></div>
<div class="dgztext"><a href="#"><h3>再认真也成不了风格！</h3></a>
<!--<p>大众都走的路，再认真也成不了风格！</p>--></li>
</ul>
</div>
<div class="dgzpicul4 fr">
<ul>
<li><a href="#"><img src="img/tp06.jpg" width="170" height="334"></a>
<div class="dgzbj dgzbjwh5"></div>
<div class="dgztext dgztext5"><a href="#"><h3>原装车</h3></a>
<!--<p>大众都走的路，再认真也成不了风格！</p>-->
</div>
</li>
</ul>
</div>
</div>
</div></div>
<!--tab5-->
<div id="dyycgz_c_5" style="display: none;">
<div class="dgzpic">
<div class="dgzpicul1 fl">
<ul><li><div class="photo"><img src="img/tp08.jpg" width="253" height="253"></div>
<div class="rsp hssybj"></div>
<div class="text hstext"><a href="#"><h3>寻路天下西北边疆行<br>Desert Tour</h3></a>
<a href="#" class="readmore">Read more</a>
</div></li>
</ul>
</div></div>
<!--tab4 end-->
</div>
<!--越野车改装 end-->
<div class="blank40"></div>
<!--网上商城-->
<div class="dtitlebox dtitletp4"><img src="img/dtitle4.png" title="网上商城" alt="网上商城"></div>
<div class="blank20"></div>
<div class="dlxhotbox dwsscpic">
<ul class="masonry">
<li><div class="photo"><img src="img/tp11.jpg" width="253" height="253"></div>
<div class="dlxtitle"><h3>改装配件</h3></div>
<div class="rsp hssybj"></div>
<div class="text gztext">
<h3><a href="#">改装配件</a></h3>
<img src="img/2wm1.jpg" width="101" height="103">
<p>扫一扫，进入微商城</p>
<div class="dscszsz"><a href="#" class="danjrsc fl">进入商城</a> <a href="#" class="dansz fl" title="设置"></a> <a href="#" class="dansc fl" title="收藏"></a></div>
</div></li>
<li><div class="photo"><img src="img/tp10.jpg" width="253" height="253"></div>
<div class="dlxtitle"><h3>户外服装</h3></div>
<div class="rsp hssybj"></div>
<div class="text gztext">
<h3><a href="#">户外服装</a></h3>
<img src="img/2wm1.jpg" width="101" height="103">
<p>扫一扫，进入微商城</p>
<div class="dscszsz"><a href="#" class="danjrsc fl">进入商城</a> <a href="#" class="dansz fl" title="设置"></a> <a href="#" class="dansc fl" title="收藏"></a></div>
</div></li>
<li><div class="photo"><img src="img/tp13.jpg" width="253" height="253"></div>
<div class="dlxtitle"><h3>户外装备</h3></div>
<div class="rsp hssybj"></div>
<div class="text gztext">
<h3><a href="#">户外装备</a></h3>
<img src="img/2wm1.jpg" width="101" height="103">
<p>扫一扫，进入微商城</p>
<div class="dscszsz"><a href="#" class="danjrsc fl">进入商城</a> <a href="#" class="dansz fl" title="设置"></a> <a href="#" class="dansc fl" title="收藏"></a></div>
</div></li>
<li><div class="photo"><img src="img/tp12.jpg" width="253" height="253"></div>
<div class="dlxtitle"><h3>户外饰品</h3></div>
<div class="rsp hssybj"></div>
<div class="text gztext">
<h3><a href="#">户外饰品</a></h3>
<img src="img/2wm1.jpg" width="101" height="103">
<p>扫一扫，进入微商城</p>
<div class="dscszsz"><a href="#" class="danjrsc fl">进入商城</a> <a href="#" class="dansz fl" title="设置"></a> <a href="#" class="dansc fl" title="收藏"></a></div>
</div></li>
</ul>
</div>
<!--网上商城 end-->
<div class="blank40"></div>
<div class="bannerbox"></div>
<div class="blank40"></div>
<!--资讯中心-->
<div class="dtitlebox dtitletp5"><img src="img/dtitle5.png" title="资讯中心" alt="资讯中心"></div>
<div class="blank10"></div>
<dl class="dnewsbox fl">
<dt class="dnewstitle">
<span class="tab_2" id="dnews_t_1" onMouseOver="Tb(1, 3, 'dnews', 'tab');"><a href="#">越野常识</a></span><span class="tab_1" id="dnews_t_2" onMouseOver="Tb(2, 3, 'dnews', 'tab');"><a href="#">自救常识</a></span><span class="tab_1" id="dnews_t_3" onMouseOver="Tb(3, 3, 'dnews', 'tab');"><a href="#">出行必备</a></span>
</dt>
<dd>
<!--tab1-->
<div id="dnews_c_1">
<ul class="dlist">
<li><span class="fr">2015-03-20</span><a href="#">山路上颠簸狂野的生命人生真谛也许就在这驻</a></li>
<li><span class="fr">2015-03-20</span><a href="#">足间得以顿悟成为都市人追求市人追</a></li>
<li><span class="fr">2015-03-20</span><a href="#">山路上颠簸狂野的生命人生真谛也许就在这</a></li>
<li><span class="fr">2015-03-20</span><a href="#">间得以顿悟成为都市人市人追求</a></li>
<li><span class="fr">2015-03-20</span><a href="#">山路上颠簸狂野的生命人生真谛也许就</a></li>
<li><span class="fr">2015-03-20</span><a href="#">间得以顿悟成为都市人追求</a></li>
<li><span class="fr">2015-03-20</span><a href="#">山路上颠簸狂野的生命人生真谛也许就在这驻</a></li>
<li><span class="fr">2015-03-20</span><a href="#">足间得以顿悟成为都市市人追追求</a></li>
<li><span class="fr">2015-03-20</span><a href="#">山路上颠簸狂野的生命人生真谛也许就在这驻</a></li>
</ul>
</div>
<!--tab2-->
<div id="dnews_c_2" style="display: none;">
<ul class="dlist">
<li><span class="fr">2015-03-20</span><a href="#">山路上颠簸狂野的生命人生真谛也许就</a></li>
<li><span class="fr">2015-03-20</span><a href="#">间得以顿悟成为都市人追求</a></li>
<li><span class="fr">2015-03-20</span><a href="#">山路上颠簸狂野的生命人生真谛也许就在这驻</a></li>
<li><span class="fr">2015-03-20</span><a href="#">山路上颠簸狂野的生命人生真谛也许就在这驻</a></li>
<li><span class="fr">2015-03-20</span><a href="#">足间得以顿悟成为都市人追求市人追</a></li>
<li><span class="fr">2015-03-20</span><a href="#">山路上颠簸狂野的生命人生真谛也许就在这</a></li>
<li><span class="fr">2015-03-20</span><a href="#">间得以顿悟成为都市人市人追求</a></li>
<li><span class="fr">2015-03-20</span><a href="#">足间得以顿悟成为都市市人追追求</a></li>
<li><span class="fr">2015-03-20</span><a href="#">山路上颠簸狂野的生命人生真谛也许就在这驻</a></li>
</ul>
</div>
<!--tab3-->
<div id="dnews_c_3" style="display: none;">
<ul class="dlist">
<li><span class="fr">2015-03-20</span><a href="#">足间得以顿悟成为都市人追求市人追</a></li>
<li><span class="fr">2015-03-20</span><a href="#">山路上颠簸狂野的生命人生真谛也许就在这</a></li>
<li><span class="fr">2015-03-20</span><a href="#">间得以顿悟成为都市人市人追求</a></li>
<li><span class="fr">2015-03-20</span><a href="#">山路上颠簸狂野的生命人生真谛也许就</a></li>
<li><span class="fr">2015-03-20</span><a href="#">间得以顿悟成为都市人追求</a></li>
<li><span class="fr">2015-03-20</span><a href="#">山路上颠簸狂野的生命人生真谛也许就在这驻</a></li>
<li><span class="fr">2015-03-20</span><a href="#">山路上颠簸狂野的生命人生真谛也许就在这驻</a></li>
<li><span class="fr">2015-03-20</span><a href="#">足间得以顿悟成为都市市人追追求</a></li>
<li><span class="fr">2015-03-20</span><a href="#">山路上颠簸狂野的生命人生真谛也许就在这驻</a></li>
</ul>
</div>
</dd>
</dl>
<dl class="dnewsbox fr">
<dt class="dnewstitle">
<span class="tab_2" id="dnewsr_t_1" onMouseOver="Tb(1, 3, 'dnewsr', 'tab');"><a href="#">自驾资讯</a></span><span class="tab_1" id="dnewsr_t_2" onMouseOver="Tb(2, 3, 'dnewsr', 'tab');"><a href="#">越野资讯</a></span><span class="tab_1" id="dnewsr_t_3" onMouseOver="Tb(3, 3, 'dnewsr', 'tab');"><a href="#">行业资讯</a></span>
</dt>
<dd>
<!--tab1-->
<div id="dnewsr_c_1">
<ul class="dlist">
<li><span class="fr">2015-03-20</span><a href="#">山路上颠簸狂野的生命人生真谛也许就在这驻</a></li>
<li><span class="fr">2015-03-20</span><a href="#">足间得以顿悟成为都市人追求市人追</a></li>
<li><span class="fr">2015-03-20</span><a href="#">山路上颠簸狂野的生命人生真谛也许就在这</a></li>
<li><span class="fr">2015-03-20</span><a href="#">间得以顿悟成为都市人市人追求</a></li>
<li><span class="fr">2015-03-20</span><a href="#">山路上颠簸狂野的生命人生真谛也许就</a></li>
<li><span class="fr">2015-03-20</span><a href="#">间得以顿悟成为都市人追求</a></li>
<li><span class="fr">2015-03-20</span><a href="#">山路上颠簸狂野的生命人生真谛也许就在这驻</a></li>
<li><span class="fr">2015-03-20</span><a href="#">足间得以顿悟成为都市市人追追求</a></li>
<li><span class="fr">2015-03-20</span><a href="#">山路上颠簸狂野的生命人生真谛也许就在这驻</a></li>
</ul>
</div>
<!--tab2-->
<div id="dnewsr_c_2" style="display: none;">
<ul class="dlist">
<li><span class="fr">2015-03-20</span><a href="#">山路上颠簸狂野的生命人生真谛也许就</a></li>
<li><span class="fr">2015-03-20</span><a href="#">间得以顿悟成为都市人追求</a></li>
<li><span class="fr">2015-03-20</span><a href="#">山路上颠簸狂野的生命人生真谛也许就在这驻</a></li>
<li><span class="fr">2015-03-20</span><a href="#">山路上颠簸狂野的生命人生真谛也许就在这驻</a></li>
<li><span class="fr">2015-03-20</span><a href="#">足间得以顿悟成为都市人追求市人追</a></li>
<li><span class="fr">2015-03-20</span><a href="#">山路上颠簸狂野的生命人生真谛也许就在这</a></li>
<li><span class="fr">2015-03-20</span><a href="#">间得以顿悟成为都市人市人追求</a></li>
<li><span class="fr">2015-03-20</span><a href="#">足间得以顿悟成为都市市人追追求</a></li>
<li><span class="fr">2015-03-20</span><a href="#">山路上颠簸狂野的生命人生真谛也许就在这驻</a></li>
</ul>
</div>
<!--tab3-->
<div id="dnewsr_c_3" style="display: none;">
<ul class="dlist">
<li><span class="fr">2015-03-20</span><a href="#">足间得以顿悟成为都市人追求市人追</a></li>
<li><span class="fr">2015-03-20</span><a href="#">山路上颠簸狂野的生命人生真谛也许就在这</a></li>
<li><span class="fr">2015-03-20</span><a href="#">间得以顿悟成为都市人市人追求</a></li>
<li><span class="fr">2015-03-20</span><a href="#">山路上颠簸狂野的生命人生真谛也许就</a></li>
<li><span class="fr">2015-03-20</span><a href="#">间得以顿悟成为都市人追求</a></li>
<li><span class="fr">2015-03-20</span><a href="#">山路上颠簸狂野的生命人生真谛也许就在这驻</a></li>
<li><span class="fr">2015-03-20</span><a href="#">山路上颠簸狂野的生命人生真谛也许就在这驻</a></li>
<li><span class="fr">2015-03-20</span><a href="#">足间得以顿悟成为都市市人追追求</a></li>
<li><span class="fr">2015-03-20</span><a href="#">山路上颠簸狂野的生命人生真谛也许就在这驻</a></li>
</ul>
</div>
</dd>
</dl>
<!--资讯中心 end-->
<div class="blank20"></div>
<!--友情链接-->
<dl class="link">
<dt>友情链接<br><span>link</span></dt>
<dd>
<ul>
<a target="_blank" href="">牛商网</a>
<a target="_blank" href="">单仁网络培训</a>
<a target="_blank" href="">营销型网站建设</a>
<a target="_blank" href="">网站建设</a>
<a target="_blank" href="">网站托管</a>
<a target="_blank" href="">手机网站建设</a>
<a target="_blank" href="">翰墨联合</a>
<a target="_blank" href="">北京网站建设</a>
<a target="_blank" href="">网站托管</a>
<a target="_blank" href="">门户网站建设</a>
<a target="_blank" href="">建网站公司</a>
<a target="_blank" href="">网站建设</a>
<a target="_blank" href="">网站托管</a>
<a target="_blank" href="">单仁网络培训</a>
<a target="_blank" href="">营销型网站建设</a>
<a target="_blank" href="">网站建设</a>
<a target="_blank" href="">网站托管</a>
<a target="_blank" href="">建网站公司</a>
</ul>
</dd>
</dl>
<!--友情链接 end-->
<div class="blank35"></div>
</div>
<!--foottop-->
<div class="foottop">
<ul>
<li><a href="#" title="关注官方微博"><img src="img/flxtp1.png" width="275" height="83" alt="关注官方微博"></a></li>
<li><a href="#" title="关注官方微信"><img src="img/flxtp2.png" width="275" height="83" alt="关注官方微信"></a></li>
<li><a href="#" title="联系在线客服"><img src="img/flxtp3.png" width="275" height="83" alt="联系在线客服"></a></li>
<li><a href="#" title="电话：400-099-1110"><img src="img/flxtp4.png" width="275" height="83" alt="电话：400-099-1110"></a></li>
</ul>
</div>
<!--foottop end-->
</div>
<!--底部-->
<div class="footer">
<div class="footbox">
<dl class="flxwm fl">
<dt>联系我们</dt>
<dd>
<form id="frmInput_1" name="frmInput_1" method="post" enctype="multipart/form-data" action="">
<ul class="lylist">
<li><input id="yyname" name="yyname" type="text" class="intext" value="名称" onFocus="if(this.value=='名称'){this.value='';}" onBlur="if(this.value==''){this.value='名称';}" isvalidate="true" displayname="称呼" isrequire="true" minnum="2" maxnum="0" validatetype="None" regexp="" errormessage="">
</li>
<li><input id="yyemail" name="yyemail" type="text" class="intext" value="邮箱" onFocus="if(this.value=='邮箱'){this.value='';}" onBlur="if(this.value==''){this.value='邮箱';}" isvalidate="true" displayname="邮箱" isrequire="true" minnum="0" maxnum="0" validatetype="Email" regexp="" errormessage="">
</li>
<li><textarea class="cont" name="" cols="" rows="" onFocus="if(this.value=='内容'){this.value='';}" onBlur="if(this.value==''){this.value='内容';}">内容</textarea>
</li>
</ul>
<div class="clear"><input value="提交" type="button" class="antijiao"></div>
</form>
</dd>
</dl>
<div class="lianxi fl"></div></div>
</div>
<!--底部 end--><SCRIPT src="js/jquery.tool01s.min.js" type=text/javascript></SCRIPT>
<SCRIPT src="js/moumou.js" type="text/javascript"></SCRIPT>
</body>
</html>

四、web前端入门到高级(视频+源码+资料+面试)一整套 (教程)

web前端零基础-入门到高级 (视频+源码+开发软件+学习资料+面试题) 一整套 (教程)
适合入门到高级的童鞋们入手~送1000套HTML+CSS+JavaScript模板网站

五、源码获取

❉ ~ 关注我，点赞博文~ 每天带你涨知识!

❉1.看到这里了就 [点赞+好评+收藏] 三连 支持下吧，你的「点赞，好评，收藏」是我创作的动力。

❉ 2.关注我 ~ 每天带你学习 :各种前端插件、3D炫酷效果、图片展示、文字效果、以及整站模板、大学生毕业HTML模板、期末大作业模板、等! 「在这里有好多前端开发者，一起探讨前端 Node 知识，互相学习」！

❉3.以上内容技术相关问题可以相互学习，可关注↓公Z号前端小日子 获取更多源码 !

六、更多HTML期末大作业(成品下载)

200多例 HTML5期末考核大作业源码 包含 个人、美食、公司、学校、旅游、电商、宠物、电器、茶叶、家居、酒店、舞蹈、动漫、明星、服装、体育、化妆品、物流、环保、书籍、婚纱、军事、游戏、节日、戒烟、电影、摄影、文化、家乡、鲜花、礼品、汽车、其他 可满足大学生网页大作业网页设计需求, 喜欢的可以下载!