讯驿新闻网站设计与构建

摘  要：网络新闻的形成与发展是社会生产必不可少的产物，随着网络技术的发展，网络新闻的应用被绝大多数人所使用。它取代了过去的广播、报纸等媒体传播，成为现代人们了解实事的一大热门手段。

    网站开发采用了div+css开发技术，有网站首页、各种类型新闻页等页面，界面设计以蓝色为主，极强的表现了网络化生活。网站版块多以框架式为基础设计，紧贴网站主题。布局清爽大方，符合交互要求。 

关键词：div+css 新闻网站 java script 

目 录

1 引言 3

1.1 讯驿新闻网站的开发背景 3

1.2 讯驿新闻网站的意义与设计目的 3

2 开发工具及环境介绍 6

2.1 讯驿新闻网站的开发环境 6

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

2.2.1 Adobe Photoshop CC 6

2.2.2 Microsoft Visual Studio Code 7

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

2.3.1 java script 8

2.3.2 DIV+CSS 8

3 项目概述 10

3.1 项目概述 10

3.2 项目风险 10

3.3 项目进度计划 10

4 网站实现 12

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

4.1.1 首页 12

4.1.2 台海版块页 14

4.1.3 专题版块页 16

4.1.4 国内版块页 18

4.1.5 财经版块页 20

4.2 说明 23

4.2.1 项目文件命名规范 23

4.2.2 项目文件结构说明 23

5 测试 24

6 总结与展望 26

致谢 27

参考文献 29