HTML5期末大作业：汽车网页设计——保时捷6页(代码质量好) 学生DW网页设计作业源码 web课程设计网页规划与设计

HTML+CSS+JavaScript（毕业设计）
常见网页设计作业题材有个人、美食、公司、学校、旅游、电商、宠物、电器、茶叶、家居、酒店、舞蹈、动漫、明星、服装、体育、化妆品、物流、环保、书籍、婚纱、军事、游戏、节日、戒烟、电影、摄影、文化、家乡、鲜花、礼品、汽车、其他等网页设计题目, 可满足大学生网页大作业和毕业网页设计需求!

临近期末, 很多同学苦于没有参考的资料，或者下载的资料不全、代码有问题、数据有问题等等,造成一系列问题。你想要解决的问题，在这篇博文中基本都能满足你的需求~
作品介绍

1.用 HTML 结构标记（或 div 标记）+CSS 进行布局定位（如在 1024×768下全屏显示无横向滚动条）。

2.作品下载后可使用任意HTML编辑软件（例如：DW、HBuilder、NotePAD 、Vscode 、Sublime 、Webstorm、 Notepad++ 等任意HTML软件编辑修改网页）。

3.网站页面标题、创意设计制作的 Logo 图标和 Banner 广告符合网站主题。

4.首页栏目数量不少于 3 个，各栏目能正确链接到相应栏目页面，同时各栏目页面能正确返回网站首页。

5.网站内容具有原创性，内容充实，特效且运用合理。

6.网站整体色系符合视觉习惯，布局合理美观，结构层次清楚，目录结构清晰，文件及文件夹命名规范。

一、作品展示

二、文件目录

三、代码实现

<html>
<head>
<title>Home</title>
<!-- Bootstrap -->
<link href="css/bootstrap.min.css" rel='stylesheet' type='text/css' />
<link href="css/bootstrap.css" rel='stylesheet' type='text/css' />
<meta name="viewport" content="width=device-width, initial-scale=1">
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script><!--[if lt IE 9]><script src="https//oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script><script src="https//oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
<!--  webfonts  -->
<link href='http//fonts.googleapis.com/css?family=Open+Sans:400,300,700' rel='stylesheet' type='text/css'>
<!-- // webfonts  -->
<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />
<!-- start plugins -->
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/bootstrap.js"></script>
<script type="text/javascript" src="js/bootstrap.min.js"></script>
</head>
<body>
<div class="header_bg"><!-- start header --><div class="container"><div class="row header"><nav class="navbar" role="navigation"><div class="container-fluid"><!-- Brand and toggle get grouped for better mobile display --><div class="navbar-header"><button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a class="navbar-brand" href="index.html"><img src="data:images/logo.png" alt="" class="img-responsive"/> </a></div><!-- Collect the nav links, forms, and other content for toggling --><div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1"><ul class="menu nav navbar-nav "><li class="active"><a href="index.html">主页</a></li><li><a href="feature.html">车型</a></li><li><a href="blog.html">品牌</a></li><li><a href="about.html">简介</a></li><li><a href="contact.html">联系我们</a></li></ul><form class="navbar-form navbar-right" role="search"><div class="form-group my_search"><input type="text" class="form-control" placeholder="Search"></div><button type="submit" class="btn btn-default">搜索</button></form></div><!-- /.navbar-collapse --></div><!-- /.container-fluid --></nav></div><div class="row slider text-center"><div class="col-md-8"><div class="col-md-10 slider_text"><h2>无人不爱-保时捷</h2><h3>强大的性能、美丽的外观、独特的品牌魅力，让保时捷得到很多人的偏爱，而这种偏爱反过来也构成了它自身的独特优势。</h3></div></div><div class="col-md-4"><div class="slider_img"><img src="data:images/pic1.png" alt="" class="img-responsive"/></div></div></div></div>
</div>
<div class="main"><!-- start main -->
<div class="container main"><div class="row grids_of_3"><div class="col-md-4 grid1_of_3"><h2>用户</h2><img src="data:images/icon1.png" class="img-responsive"/><p>保时捷（Porsche，又名波尔舍）是德国大众汽车集团旗下的豪华汽车品牌，欧美汽车的主要代表，于1931年在德国斯图加特成立。</p><div class="rd_more1"><a href="single-page.html"><button class="btn_style">更多</button></a></div>                   </div><div class="col-md-4 grid1_of_3"><h2>售后</h2><img src="data:images/icon2.png" class="img-responsive"/><p>保时捷（中国）汽车销售有限公司
中国（上海）自由贸易试验区世纪大道 826 号 13 层 200127
客服电话：4008205911
</p><div class="rd_more1"><a href="single-page.html"><button class="btn_style">更多</button></a></div>                 </div><div class="col-md-4 grid1_of_3"><h2>预约</h2><img src="data:images/icon3.png" class="img-responsive"/><p>联系保时捷中国
保时捷经销商申请
联系保时捷股份公司工作时间： 周一至周日， 8:00 - 20:00，公众节假日除外
电邮：info@porsche.cn</p><div class="rd_more1"><a href="single-page.html"><button class="btn_style">更多</button></a></div>   </div><div class="clearfix"></div></div><div class="row grids_btm top"><div class="col-md-6"><div class="grid_list"><div class="images_1_of_1"><p>27</p></div><div class="grid_1_of_1"><h3>保时捷向全球交付145,860台新车 </h3><p>尽管面临多重挑战，保时捷仍在上半年保持了强劲的新车交付数据。</span> </p>    </div><div class="clearfix"></div></div></div><div class="col-md-6"><div class="grid_list"><div class="images_1_of_1"><p>0$</p></div><div class="grid_1_of_1"><h3>保时捷潘世奇车队与全新赛车开启全球之旅</h3><p>保时捷潘世奇车队将在世界上最伟大的耐力赛中凭借全新保时捷 963 赛车为全场冠军而战。</span> </p>   </div></div><div class="clearfix"></div></div></div><div class="row grids_btm top"><div class="col-md-6"><div class="grid_list"><div class="images_1_of_1"><p>0$</p></div><div class="grid_1_of_1"><h3>保时捷中心荣获绿色建筑LEED铂金级认证 </h3><p>近日，保时捷中心荣获能源铂金级认证，这是该国际绿色评级体系中最高级别的认证荣誉。</span> </p>      </div><div class="clearfix"></div></div></div><div class="col-md-6"><div class="grid_list"><div class="images_1_of_1"><p>35</p></div><div class="grid_1_of_1"><h3>保时捷入局Rimac新一轮融资 </h3><p>保时捷将推进与Rimac的下一步合作，重点聚焦数字化和电气化的未来出行。</span> </p>   </div></div><div class="clearfix"></div></div></div>
</div>
</div>
<div class="footer_bg"><!-- start footre --><div class="container"><div class="row  footer"></div><div class="clearfix"></div></div></div>
</div>
<div class="footer_btm"><!-- start footer_btm --><div class="container"><div class="row  footer1"><div class="col-md-5"><div class="soc_icons"><ul class="list-unstyled"><li><a class="icon1" href="#"></a></li><li><a class="icon2" href="#"></a></li><li><a class="icon3" href="#"></a></li><li><a class="icon4" href="#"></a></li><li><a class="icon5" href="#"></a></li><div class="clearfix"></div></ul>    </div></div><div class="col-md-7 copy"><p class="link text-right">@版权所有</p></div></div></div>
</div>
<div style="display:none"><script src='http//v7.cnzz.com/stat.php?id=155540&web_id=155540' language='JavaScript' charset='gb2312'></script></div>
</body>
</html>

看到这里了就 [点赞+好评+收藏] 三连支持下吧！