车床公司网站的实现

摘  要： 对车床企业门户网站感兴趣，做出一个自己喜欢的网站，本毕业设计网站为宣传车床企业而制作，访问者通过企业网站能及时了解到企业信息，找到满足他们需要的产品。

    网站开发采用了DIV+CSS开发技术以及jQuery插件，有网站首页、产品信息页、新闻中心页、公司介绍页等页面，界面设计以蓝色为主，极强的表现了网络化生活。网站版块多以书的形状作为基础设计，紧贴网站主题。布局清爽大方，符合交互要求。

关键词：DIV+CSS 车床公司jQuery  

目 录

1 引言 1

1.1 车床企业门户网站的开发背景 1

1.2 车床企业门户网站的意义与设计目的 1

2 开发工具及环境介绍 2

2.1 车床企业门户网站的开发环境 2

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

2.2.1 HBuilder 2

2.2.2 Adobe Photoshop CS4 3

2.2.3 Dreamweaver 8 3

2.2.4 Microsoft Visual Studio 2010 4

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

2.3.1 jQuery 4

2.3.2 DIV+CSS 5

3 项目概述 6

3.1 项目概述 6

3.2 项目风险 6

3.3 项目进度计划 7

4 项目需求分析 8

4.1 概要设计 8

4.1.1 网站概要设计说明 8

4.2 现行研究存在的问题及解决办法 8

5 网站实现 9

5.1 网站前台界面设计与布局 9

5.1.1 首页界面 9

5.1.2 产品中心界面 13

5.1.3 产品内容页1 16

5.1.4 产品内容页2 20

5.1.5 新闻中心页面 22

5.1.6 公司简介网页 24

5.1.7 服务承诺页面 25

5.2 说明 25

5.2.1 项目文件命名规范 25

5.2.2 项目文件结构说明 25

6 总结与展望 28

致谢 29

参考文献 30