玉山一中网站的设计与实现

摘  要：随着科学技术的快速发展，信息交流的便捷度越来越重要。学校为了打破这种传统的模式，迎合时代潮流，建立学校官方网站成为重中之重。校园网站是基于学校单位建立的校园官方网络平台，承载着信息化教育时代的网络教学、对外宣传、教育管理的基本任务，是远程教育发展的必然的趋势和必需平台。

本文研究的是校园网站设计，拥有用户使用简单、界面更加直观等优点。方便师生了解和掌握学校的动态，以及网络办公的需要，学校建立自己的网站能让学校显得更加成熟，未来会有越来越大的网络用户，市场潜力非常大。玉山一中网站的建立，不仅是为了动态管理，还是为了更好的办学，提高学校知名度。网站所用的图片是用Photoshop处理完成的，页面布局是用DIV+CSS完成。采用科汛CMS技术，实现了网站网址的动态跳转、新闻文章的快速添加的功能，对网站首页、列表页和内容页进行了标签的制作，可以让代码更加简洁。最后还用了SEO技术，提升网站排名。

关键词：校园网站  科汛CMS  网页设计  HTML

 

目 录

1 引言 1

1.1 玉山一中网站开发的背景 1

1.2 玉山一中网站建设的意义与目的 1

2 网站开发工具和设计要求 3

2.1 Adobe Photoshop CS4 3

2.2 Dreamweaver CS4 4

2.3 科汛CMS 5

2.3.1 软件简介 5

2.3.2 软件功能特色 6

2.4 科汛CMS运行环境 7

2.4.1 IIS配置 7

2.4.2 科汛CMS配置 11

3 项目概述 14

3.1 项目叙述 14

3.2 项目风险 15

3.3 项目进度计划 15

4 网站整体设计 17

4.1 网站简要说明 17

4.1.1 网站界面设计 17

4.1.2 网页布局 17

4.1.3 主题鲜明、富有特色 18

4.1.4 版式编排布局合理 18

4.1.5 网站模块构成 18

5 网站整体设计的具体实现 19

5.1 前台首页设计说明 19

5.2 校园新闻 21

5.2.1 内新闻列表页 21

5.2.2 校内新闻内容页 23

5.3 校园概况 25

6 SEO网站优化方案 27

6.1 测网速 27

6.2 检查网页的结构 27

6.3 关键词的分析定位和布局情况检查 27

6.4 检查网站目录层次及结构 28

6.5 内容和内链的优化策略 28

6.6 外链 29

7 总结与展望 30

致谢 31

参考文献 32