HTML5期末大作业：汽车企业网站设计——新能源汽车租赁(6个页面) HTML+CSS+JavaScript 汽车网页HTML代码 学生网页课程设计期末作业下载 动漫大学生网页设计制作成

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

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

作品介绍

1.网页作品简介方面 ：一款简单大气的新能源汽车租赁，创新型科技公司，汽车能源科技公司网站模板。包含：主页、关于我们、包车租赁、列表页、新闻活动等总共6个页面html下载。

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

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

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

文章目录

  • HTML5期末大作业：汽车企业网站设计——新能源汽车租赁(6个页面) HTML+CSS+JavaScript 汽车网页HTML代码 学生网页课程设计期末作业下载 动漫大学生网页设计制作成
  • 作品介绍
  • 一、作品演示
  • 二、代码目录
  • 三、代码实现
  • 四、web前端入门到高级(视频+源码+资料+面试)一整套 (教程)
  • 五、源码获取
  • 六、更多HTML期末大作业(成品下载)

HTML5期末大作业：网站设计——新能源汽车租赁(6个页面)_期末大作业HTML

二、代码目录

HTML5期末大作业：网站设计——新能源汽车租赁(6个页面)_web前端网页设计_02

三、代码实现 
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<link rel="stylesheet" type="text/css" href="css/main.css">
<link rel="stylesheet" type="text/css" href="css/animation.css">
<script src="js/jquery-1.8.3.min.js"></script>
<script src="js/main.js"></script>
</head>

<body>
<!-- banner -->
<div class="banner index-bj">
	<div class="banner-mask">
        <div class="width1200 top">
            <h1><a href="#"></a></h1>
            <ul>
                <li class="active">
                    <a href="#">首页</a>
                </li>
                <li>
                    <a href="#">共享汽车</a>
                </li>
                <li>
                    <a href="#">定制巴士</a>
                </li>
                <li>
                    <a href="#">新闻活动</a>
                </li>
                <li>
                    <a href="#">关于我们</a>
                </li>
            </ul>
        </div>
    </div>
    <!-- 动画 -->
    <div class="animate1">
    	<div class="animate-img1"></div>
    	<div class="animate-img2"></div>
    	<div class="animate-img3"></div>
        <div class="animate-img4"></div>
        <div class="animate-img5">智能化绿色出行服务平台</div>
    </div>
    <!-- 动画 -->
</div>
<!-- banner -->
<div class="width1200 share-30 conduct">
	<h3>宝港能源，智慧之选</h3>
    <ul>
    	<li>
        	<i></i>
        	<img class="m1" src="images/conduct-li1.jpg" alt="">	
            <div>
            	<img src="images/conduct-img1.png" alt="">
                <p>新能源</p>
            </div>
        </li>
    	<li>
        	<i></i>
        	<img class="m1" src="images/conduct-li2.jpg" alt="">
            <div>
            	<img src="images/conduct-img3.png" alt="">
                <p>互联网+</p>
            </div>
        </li>
    	<li>
        	<i></i>
        	<img class="m1" src="images/conduct-li3.jpg" alt="">
            <div>
            	<img src="images/conduct-img2.png" alt="">
                <p>多场景出行</p>
            </div>
        </li>
    	<li>
        	<i></i>
        	<img class="m1" src="images/conduct-li4.jpg" alt="">
            <div>
            	<img src="images/conduct-img4.png" alt="">
                <p>极致服务</p>
            </div>
        </li>
    </ul>
</div>
<div class="bg-color share-bj">
    <div class="width1200 share-30 share-mask">
        <h3>核心竞争力</h3>
        <ul>
            <li>
            	<img src="images/share-lis11.jpg" alt="">
            	<a href="">用车企业成本低</a>
                <div>
                	<p><span>零元购车，降低成本每月只需支付租车费用</span></p>
                </div>
            </li>
            <li>
            	<img src="images/share-lis21.jpg" alt="">
            	<a href="">充电桩建设与运营</a>
                <div>
                	<p><span>建设并运营新能源汽车配套充电站点，按需求随时随地为车充电</span></p>
                </div>
            </li>
            <li>
            	<img src="images/share-lis31.jpg" alt="">
            	<a href="">全产业链构建</a>
                <div>
                	<p><span>连接新能源汽车生产商、运营商与个人用户的出行平台</span></p>
                </div>
            </li>
            <li>
            	<img src="images/share-lis41.jpg" alt="">
            	<a href="">维护保障</a>
                <div>
                	<p><span>生产商提供质量、后勤、维修等保障措施，解决用车企业后顾之忧</span></p>
                </div>
            </li>
        </ul>
    </div>
</div>
<div class="width1200 share-30 partner-list">
	<h3>战略合作伙伴</h3>
	<ul>
		<li><img src="images/partner1.png" alt=""></li>
		<li><img src="images/partner2.png" alt=""></li>
		<li><img src="images/partner3.png" alt=""></li>
		<li><img src="images/partner4.png" alt=""></li>
		<li><img src="images/partner5.png" alt=""></li>
		<li><img src="images/partner6.png" alt=""></li>
	</ul>
</div>
<div class="footer">
	<a href=""></a>
    <div>
    <ul>
    	<li>关注我们</li>
    	<li>联系电话&nbsp;400-1797-888</li>
    </ul>
    </div>
    <p>Powered By BG Energy  Copyright © 2017 All Rights Reserved.深圳市宝港能源科技有限公司</p>
</div>
</body>
</html>