雅迪电动车网站的设计与开发

摘  要：时代在进步，时代在发展，自从进入WTO以后，中国的经济再一次实现了飞跃。人们的交通工具也不再仅仅是自行车。随着时代的发展，汽车的使用也开始变得频繁起来。经济的发展，让大家的国家有越来越多的人买得起车用的汽车。在北京、上海、广州，这几个中国的门户城市，汽车已经很常见，但是汽车使用量的增加带来一个很严重的后果——越来越拥堵的交通。这时候，一种新的代步工具已经产生——电动车。在很多二线城市，电动车的购买量这几年急速上升。很多人选择电动车的原因是因为电动车方便，快捷，更重要的是，在日渐拥挤的道路上，人们还能找到飞一般的感觉。而在这个日新月异的时代，各家电动车企业之间的竞争日益激烈，而互联网则已成为了企业之间的竞争平台，所以每个企业则需要一个网站来展现自己的特色。让所有人了解到该企业最新的动态。通过网站的公司简介、组织结构、企业文化展示企业的背景，规模以及当前的经营情况，使得客户了解本企业。

本文则简要介绍实现该网站的方法，采用了PS软件处理图片，加上Div+Css布局，利用CMS技术建立网站和SEO优化技术优化网站，实现了企业管理的网络化。

关键词：电动车网站  雅迪  DIV+CSS

目 录

1 引言 1

1.1 雅迪电动车网站设计和开发的背景 1

1.2 雅迪电动车网站的意义与设计目的 1

2 开发工具及环境介绍 3

2.1 雅迪电动车网站的开发环境 3

2.2 本项目应用的主要开发工具 3

2.2.1 Adobe Photoshop CS4 3

2.2.2 Dreamweaver 8 4

2.2.3 KesionCMS 4

2.3 本项目应用的主要开发技术 5

2.3.1 Div+Css技术 5

2.3.2 JQuery技术 5

2.3.3 KesionCMS技术 6

2.3.4 SEO优化技术 7

3 项目概述 8

3.1 项目概述 8

3.2 项目风险 8

3.3 项目进度计划 9

4 项目需求分析 10

4.1 业务分析 10

4.1.1 业务组织结构 10

4.1.2 业务功能分析 10

4.2 概要设计 10

4.2.1 网站结构图 11

4.2.2 网站概要说明 11

4.3 现行研究存在的问题及解决办法 11

5 网站实现 12

5.1 网站代码结构介绍 12

5.2 网站前台界面设计与布局 12

5.3 网站特色功能 15

5.3.1 网站首页在线咨询 15

5.3.2 网站图片轮播 16

5.3.3 网站视频 17

5.3.4 网站后台 18

5.4 说明 18

5.4.1 项目文件命名规范 19

5.4.2 项目文件结构说明 19

6 测试 20

6.1 测试目的 20

6.2 测试例子及其结果 20

6.2.1 页面效果测试 20

6.2.2 后台文章添加测试 20

7 SEO优化方案 22

7.1 SEO的优化策略 22

7.1.1 关键词的优化策略 22

7.1.2 内容的优化策略 23

7.1.3 内链的优化策略 25

8 网站后台管理系统安全 26

9 总结与展望 27

致谢 28

参考文献 29