华通科技企业网站设计与实现

摘  要：企业网站的存在能够更好的宣传企业，也能让用户知道企业能给用户带来的服务。在这之中既节省了企业的宣传费用让企业给予用户更好的服务，又解决了用户想要了解企业、与企业沟通的需求。

本站开发采用了Div + CSS、jQuery、AJAX、PHP等开发技术，有网站首页、登录页、服务页面、推荐页面，界面设计以黑白配色为主，能够清楚明了的介绍企业。网站各个板块划分明显，用户能够很快找到自己需要的内容，网站紧贴企业宣传主题。布局符合交互要求。

关键词：Div+CSS jQuery AJAX PHP 企业宣传

目 录

1 引言1

1.1 华通科技企业网站设计与实现的开发背景1

1.2 华通科技企业网站设计与实现的意义与设计目的1

2 开发工具及环境介绍2

2.1 华通科技企业网站的开发环境2

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

2.2.1 Microsoft Visual Studio code2

2.2.2 Sublime Text3

2.2.3 Adobe Photoshop CC 20194

2.2.4 WampServer4

2.2.5 Google Chrome5

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

2.3.1 java script5

2.3.2 DIV+CSS5

2.3.3 Ajax6

2.3.4 PHP6

3 项目概述7

3.1 项目概述7

3.2 项目风险7

3.3 项目进度计划7

4 项目需求分析9

4.1 业务分析9

4.1.1 业务组织结构9

4.1.2 业务工作角色分析9

4.2 概要设计11

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

5 网站实现13

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

5.1.1 首页13

5.1.2 前台登录界面18

5.1.3 服务页20

5.1.4 推荐页21

5.2 说明22

5.2.1 项目文件命名规范22

5.2.2 项目文件结构说明22

6 测试24

7 总结与展望26

致谢27

参考文献28