HTML5期末大作业：汽车销售网站模板设计(7个页面) HTML+CSS+JavaScript 企业网页设计源码...

HTML5期末大作业：汽车销售网站模板设计(7个页面) HTML+CSS+JavaScript 期末作业HTML代码学生网页课程设计期末作业下载大学生网页设计制作成

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

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

作品介绍

1.网页作品简介方面 ：重型汽车销售网站模板。适用于：重卡，工程机械，客车，轻卡，小车租赁公司网站。主要有：新闻中心、产品分类、技术资料、联系我们等总共7个页面html下载。

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

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

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

文章目录

HTML5期末大作业：汽车销售网站模板设计(7个页面) HTML+CSS+JavaScript 期末作业HTML代码学生网页课程设计期末作业下载大学生网页设计制作成
作品介绍
一、作品演示
二、代码目录
三、代码实现
四、web前端入门到高级(视频+源码+资料+面试)一整套 (教程)
五、源码获取
六、更多HTML期末大作业(成品下载)
- >>>戳我>>>点击进入200例期末大作业作品

二、代码目录

三、代码实现

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta content="关键词" name="keywords" />
<meta content="描述" name="description" />
<title>恒万-首页</title>
<link rel="stylesheet" type="text/css" href="style/HWweb.css"/>
<script type="text/javascript" src="js/jquery-1.8.2.min.js"></script>
<script type="text/javascript" src="js/banner.index.js"></script>
<script type="text/javascript" src="js/hw.js"></script>
</head><body>
<div id="header"><div class="headerCon"> <a href="#" class="logo"><img src="data:images/Logo.png" width="250" height="65" alt="主关键词1，主关键词2，主关键词3，公司名称"/></a><ul class="topTip"><li><a href="#" class="Colec"></a></li><li><a href="#" class="WeChat"></a></li><li style="background:none;"><a href="#" class="Qq"></a></li><div class="clear"></div></ul><ul id="nav"><li><a href="index.html">网站首页</a></li><li><a href="#">公司简介</a></li><li><a href="#">产品分类</a></li><li><a href="techo.html">技术资料</a></li><li><a href="newslist.html">新闻中心</a></li><li><a href="#">在线留言</a></li><li><a href="#">联系我们</a></li><div class="clear"></div></ul></div><div class="navBg"></div>
</div>
<!--banner start-->
<div class="banner"><div id="full-screen-slider"><ul id="slides"><li style="background:url(images/ban01.jpg) no-repeat center top"><a href=""></a></li><li style="background:url(images/ban02.jpg) no-repeat center top"><a href=""></a></li><li style="background:url(images/ban03.jpg) no-repeat center top"><a href=""></a></li><li style="background:url(images/ban04.jpg) no-repeat center top"><a href=""></a></li><li style="background:url(images/ban05.jpg) no-repeat center top"><a href=""></a></li></ul></div>
</div>
<!--banner end-->
<!--首页 产品项目 模版  start-->
<div class="gray"><div class="main"><ul class="NavList"><dl><dt><img src="data:images/zk.png" width="168" height="120" alt=""/></dt><dd><h2>重卡</h2><span>重卡是重型卡车的简称。这是一种地道的 ...</span> </dd></dl><dl><dt><img src="data:images/gcjx.png" width="168" height="120" alt=""/></dt><dd><h2>工程机械</h2><span>用于工程建设的施工机械的总称。广泛用于 ...</span> </dd></dl><dl><dt><img src="data:images/kc.png" width="168" height="120" alt=""/></dt><dd><h2>客车</h2><span>乘坐9人以上，一般具有方形车厢 ...</span> </dd></dl><dl><dt><img src="data:images/kc2.png" width="168" height="120" alt=""/></dt><dd><h2>客车</h2><span>轻卡是指车型分类中的N类载货车中 ...</span> </dd></dl><dl style="border-right:none;"><dt><img src="data:images/kc3.png" width="168" height="120" alt=""/></dt><dd><h2>客车</h2><span>载运人员和或货物；牵引载运人员和或货物 ...</span> </dd></dl></ul></div>
</div>
<!--首页 产品项目 模版  end-->
<!--首页公司简介 模版  start-->
<div class="main"><div class="AboutLeft"> <img src="data:images/about.jpg" width="300" height="368" alt=""/> </div><div class="AboutRig"><div class="title"><div class="titImg"><img src="data:images/aboutTit.gif" width="340" height="126" alt=""/></div><ul class="AboutNav"><li><a href="#">公司简介</a></li><li><a href="#">企业文化</a></li><li><a href="#">荣誉资质</a></li><li><a href="#" style="background:none;">MORE+</a></li><div class="clear"></div></ul></div><div class="AbotIntro"><p> 济南博信汽车配件销售中心初成立于2006年，专门从事重型卡车配件的国内贸易销售，并与2012年4月成立济南恒万经贸有限公司后转变成一家集汽车配件出口、代理、零售、网上销售为一体的多元化外贸型公司，公司主营产品为各种汽车配件，主要车型为重汽，陕汽，东风，解放，徐工，山推，奇瑞，吉利，力帆，长城等等。</p><p>公司坐落于美丽的泉城济南，拥有高标准办公场所以及现代化仓储设备，公司与1000多家重型汽车厂家密切合作，经营品种近40000项，常用品种20000多项，是目前国内众多零部件厂家的最大经销商之一，自2013年以来，公司销售收入连续3年在同行业中名列前茅 。“整合汽配资源引领行业发展”是公司的神圣使命。多年来，公司秉承“以诚取信，以信为本；成人达己，达己为人”的经营理念 ...</p></div></div>
</div>
<!--首页公司简介模版  end-->
<!--首页技术资料模版 start-->
<div class="con technical"><div class="main"><div class="tit"><img src="data:images/techTit.png" width="480" height="118" alt=""/></div><ul class="techList"><li><a href="#" class="techLisImg"><img src="data:images/price.png" width="120" height="120" alt=""/></a><a href="#" class="techLisH2">价格表</a></li><li><a href="#" class="techLisImg"><img src="data:images/eleccata.png" width="120" height="120" alt=""/></a><a href="#" class="techLisH2">电子目录</a></li><li><a href="#" class="techLisImg"><img src="data:images/repair.png" width="120" height="120" alt=""/></a><a href="#" class="techLisH2">维修服务</a></li><li><a href="#" class="techLisImg"><img src="data:images/problem.png" width="120" height="120" alt=""/></a><a href="#" class="techLisH2">常见问题</a></li><div class="clear"></div></ul></div>
</div>
<!--首页技术资料模版 start-->
<!--首页产品模版 start-->
<div class="con product"><div class="tit"><img src="data:images/protit.png" width="480" height="118" alt=""/><p>恒万商贸主营车型为重汽，陕汽，东风，解放，徐工，山推，奇瑞，吉利，力帆，长城等最新、最好、性价比最高产品，由恒万商贸为您实时推荐</p></div><ul class="proList"><dl><dt><a href="#"><img src="data:images/pro01.jpg" width="350" height="350" alt=""/></a></dt><dd><a href="#"><span>重卡1</span></a></dd></dl><dl><dt><a href="#"><img src="data:images/pro02.jpg" width="350" height="350" alt=""/></a></dt><dd><a href="#"><span>重卡2</span></a></dd></dl><dl><dt><a href="#"><img src="data:images/pro03.jpg" width="350" height="350" alt=""/></a></dt><dd><a href="#"><span>重卡3</span></a></dd></dl><dl><dt><a href="#"><img src="data:images/pro04.jpg" width="350" height="350" alt=""/></a></dt><dd><a href="#"><span>重卡4</span></a></dd></dl><dl><dt><a href="#"><img src="data:images/pro05.jpg" width="350" height="350" alt=""/></a></dt><dd><a href="#"><span>重卡5</span></a></dd></dl><dl><dt><a href="#"><img src="data:images/pro06.jpg" width="350" height="350" alt=""/></a></dt><dd><a href="#"><span>重卡6</span></a></dd></dl><div class="clear"></div></ul>
</div>
<!--首页产品模版 end--><div class="con contact"><div class="main"><div class="tit tit3"><img src="data:images/contactit.png" width="480" height="118" alt=""/><p>我公司以优质的产品和完美的服务取得了海外市场的大量订单。公司产品已出口到10几个国家和地区，所经销的产品在客户的本地市场也享有一定良好的声誉 ...</p></div><div class="Message"><div class="forinput"><form><ul><dl><dt><label>您的姓名</label></dt><dd><input type="text" /></dd></dl><dl><dt><label>您的联系电话</label></dt><dd><input type="text" /></dd></dl><dl style="margin-right:0px;"><dt><label>您的公司名</label></dt><dd><input type="text" /></dd></dl><div class="clear"></div></ul></div><div class="forinput"><label>留言内容</label><textarea></textarea></div><div class="btn"><input type="submit" class="tijiao"  value="提交信息"/></div></form></div></div>
</div>
<div id="footer"><div class="main"> <a href="#" class="footLogo"><img src="data:images/footerlogo.gif" width="70" height="70" alt="" /></a><div class="FootRig"><ul class="BotTip"><li><a href="#" class="Colec"></a></li><li><a href="#" class="WeChat"></a></li><li style="background:none;"><a href="#" class="Qq"></a></li><div class="clear"></div></ul><p class="copyright">2015济南恒万经贸有限公司版权所有</p></div></div>
</div>
</body>
</html>

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

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

五、源码获取

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

❉1.看到这里了就支持下吧，

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

❉3.以上内容技术相关问题可以相互学习，

>>>戳我>>>点击进入200例期末大作业作品

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