摘要：随着互联网的在生活中扮演的角色愈发重要，信息交流在现代化发展中尤为重要，为增加用户的体验，进一步提高信息交流与传播，企业大多建立自己的门户专题网站以便于企业展示形象，产品宣传，业务拓展和服务。门户专题网站的建设也越来越成为流行趋势。

本文根据用户需要和市场调查，完成了一种基于需求的电子产品专题网站设计。开发平台用到的软件是HBuilder，网站涉及编程语言为JavaScript，网站结构搭建使用HTML语言，构造样式使用CSS语言。网站由产品介绍、产品展示、数码资讯和服务支持构成。本次网站设计演示主要在首页、产品介绍、产品信息以及帮助中心，共四个页面其网站结构为树状。通过本次毕业设计，掌握了设计网站的流程、思路。熟悉并会使用编程软件，学到JavaScript语言和认识HTML的相关元素，为以后的工程项目夯实基础。

关键词：专题网站  电子产品  HTML CSS  JavaScript

目录

摘要

ABSTRACT

1引言-1

1.1研究背景-1

1.2研究意义-1

1.3研究方向-2

2相关技术简介-3

2.1 HTML-3

2.2 CSS-3

2.3 JavaScript-4

2.4 HBuilder-4

3前期分析与系统设计-5

3.1网站定位-5

3.2技术分析-5

3.3系统设计-5

4系统的实现-7

4.1表示层参考-7

4.2逻辑层实现-9

5运行结果与分析-13

6总结-17

参考文献-18

致谢-19