勤奋中学网站设计和开发

摘  要：学校官网可以展示校园文化、教师风采、学生风貌、教育理念的地方！凭借学校网站，学校是可以另一种方式在教育领域树立新形象新品牌的。学校网站是学校对外宣传、形象展示和沟通交流的管理平台。可以实现学校对外联系的信息化和网络化，从而提升学校的对外形象，提高软实力，增强综合竞争力。我所做的学校网站是因为自己曾经的学校还没官网，所以给学校做一个，希望学校以后能利用到我的创作，让学校越办越好。网站开发采用了div+css开发技术、科讯作为后台，有网站首页、图片系统、下载系统、问题反馈、用户留言、后台管理等页面，界面设计以白色为主，极强的表现了网络化生活，以及学校的神圣。网站版块多以文章作为基础设计，紧贴网站主题。布局清爽大方，符合交互要求。网站结合科讯数据库网使用SEO工具一系列的优化，标题关键字突出自然，新闻关键字分布均匀等等。完成了留言板、后台管理、上传网站等功能。

关键词：div+css 学校网站 科讯 标签

目录

1 引言 1

1.1 勤奋中学开发背景 1

1.2 学校网站的意义与设计目的 1

2 开发工具及环境介绍 3

2.1 勤奋中学网站的开发环境 3

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

2.2.1 Adobe Photoshop CS4 3

2.2.2 Dreamweaver 8 4

2.2.3 Flash 4

2.2.4 SEO 6

2.2.5 Internet 信息管理服务（IIS）管理器 7

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

2.3.1 DIV+CSS 7

2.3.2 科讯CMS 7

3 项目概述 9

3.1 项目概述 9

3.1.1 首页 9

3.1.2 留言管理 9

3.1.3 图片管理 9

3.1.4 文章系统管理 9

3.1.5 其他管理 9

3.2 项目风险 10

3.3 项目进度计划 10

4 网站实现 12

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

4.1.1 后台登入界面 12

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

4.2.1 首页 13

4.2.2 外页与内容页 15

4.3 说明 18

4.3.1 项目文件命名规范 18

4.3.2 项目文件结构说明 18

4.4 一键快速生成HTML方案 20

5 测试 21

5.1 测试 21

5.2 测试例子及其结果 22

5.2.1 页面效果测试 22

5.2.2 后台添加测试 22

6 注册域名、空间、SEO优化 25

6.1 注册域名、以及空间 25

6.2 SEO 28

6.2.1 确定核心关键词 28

6.2.2 网站描述性文字 28

7 总结与展望 29

致谢 30

参考文献 31