石桥中学网站开发与设计

摘  要：石桥头中学网站使石桥中学多了一个向外展示自己学校的平台。以让更多的人通过互联网了解熟悉本人家乡的中学，了解学校的教学状况和校园环境，让网站成为学校对外的一个窗口，增加学校的知名度。同时该网站也可以记录学生成绩发布和一些学校新闻，方便学校内部的管理。一旦学校有了官方网站之后，还可以增加校内师生对学校的认同感和归属感，增加学校的凝聚力。网站开发采用了Div+css开发技术，有网站首页、次级页面、内容页等页面，界面设计以蓝色为主，极强的表现了校园文化。网站版块多以正方形和长方形的形状作为基础设计，紧贴网站主题。布局清爽大方，符合交互要求。网站结合Dreamweaver和Flash对网站进行了美化。

关键词：div+css 石桥头中学网站 Dreamweaver Flash  

目 录

1 引言 1

1.1 石桥头中学网站的开发背景 1

1.2 石桥头中学网站的意义与设计目的 1

2 开发工具及环境介绍 2

2.1 石桥头中学网站的开发环境 2

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

2.2.1 科讯CMS 2

2.2.2 Adobe Photoshop CS4 3

2.2.3 Dreamweaver 8 4

2.2.4 IE Tester 4

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

2.3.1 DIV+CSS 4

2.3.2 科讯CMS技术 5

3 项目概述 6

3.1 项目概述 6

3.2 项目风险 6

3.3 项目进度计划 7

4 项目需求分析 8

4.1 业务分析 8

4.2 概要设计 8

4.2.1 网站结构图 8

4.2.2 网站概要设计说明 10

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

5 网页模版设计 12

6 网站实现 13

6.1 网站后台界面设计与布局 13

6.1.1 后台登入界面 13

6.1.2 信息管理界面 13

6.2 网站前台界面设计与布局 14

6.2.1 首页 14

6.2.2 留言页面 18

6.2.3 内容页 18

6.2.4 说明 20

6.3 头部flash制作 21

7 测试 22

7.1 测试 22

7.2 测试例子及其结果 23

7.2.1 页面效果测试 23

7.2.2 后台添加测试 23

8 SEO优化 25

8.1 SEO优化意义 25

8.2 SEO优化过程 26

8.2.1 石桥中学网站目录层次 26

8.2.2 页面title 26

8.2.3 确立核心关键词 26

8.2.4 内部链接建设 26

8.2.5 Robots.txt文件 27

8.2.6 网站描述性文字 28

9 总结与展望 29

致谢 30

参考文献 31