技术宅论坛网站设计与开发

摘  要：论坛提供了网友之间、网友与网站之间、网友与论坛版主之间、用户与非用户之间、网民与官方之间的交流平台。在这些交流中，信息互补，极大提高了社会信息量，形成了包罗万象的互动空间。网站开发采用了KesionCMS，div+css开发技术，有网站首页、登录页、注册、发帖、回复、后台管理等页面，界面设计以深色为主，极强的表现了网络化生活。网站版块多以黑白色调作为基础设计，紧贴网站主题。布局清爽大方，符合交互要求。网站结合Kesion的数据库的使用完成了注册登录、搜索、后台管理等功能。

关键词：Div+css 技术宅论坛 KesionCMS SEO优化

目 录

1 引言 1

1.1 技术宅论坛网站的开发背景 1

1.2 技术宅论坛网站的意义与设计目的 1

2 开发工具及环境介绍 2

2.1 技术宅论坛网站的开发环境 2

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

2.2.1 MSSQL 3

2.2.2 Adobe Photoshop CS4 4

2.2.3 Dreamweaver 8 4

2.2.4 IIS 7.0 5

2.2.5 KesionCMS 5

2.2.6 IE Tester 5

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

2.3.1 DIV+CSS 5

2.3.2 SEO优化 6

3 项目概述 7

3.1 项目概述 7

3.2 项目风险 7

3.2.1 项目进度 7

3.2.2 项目需求不明确 8

3.2.3 技术水平不够 8

3.3 项目进度计划 8

4 项目需求分析 9

4.1 业务功能分析 9

4.2 论坛组织结构 9

4.3 论坛工作角色分析 10

4.3.1 游客 10

4.3.2 注册用户 11

4.3.3 管理员 11

4.4 概要设计 12

4.4.1 网站结构图 12

4.4.2 网站概要设计说明 13

4.5 现行研究存在的问题及解决办法 16

5 网站实现 17

5.1 网站LOGO设计 17

5.2 论坛网站首页界面设计 17

5.3 前台登录界面设计 19

5.3.1 用户注册界面 19

5.3.2 用户登录界面 19

5.3.3 部分DIV+CSS布局样式 20

5.4 内容设计 22

5.4.1 帖子列表设计 22

5.4.2 帖子内容页 22

5.4.3 搜索页 23

5.4.4 帖子发布页 23

5.5 说明 23

5.5.1 项目文件命名规范 23

5.5.2 项目说明 23

6 KesionCMS操作方法 24

6.1 登陆KesionCMS 24

6.2 KesionCMS的栏目管理 24

6.3 KesionCMS的模版页 24

6.4 KesionCMS的标签 25

6.5 KesionCMS的设置页 25

6.6 Web.Config 文件配置 25

7 测试 26

7.1 用户界面 26

7.2 功能测试 26

7.3 客户端兼容性 26

7.4 页面效果测试 27

7.5 后台添加测试 27

8 SEO优化 29

8.1 站内优化 29

8.1.1 站内锚文字链接优化 29

8.1.2 代码标签优化 29

8.1.3 内容优化 29

8.1.4 检查资讯写作规范 29

8.1.5 检查图片规范 30

8.1.6 页面关键词布局及密度 30

8.1.7 URL优化 31

8.2 站外优化 31

9 总结与展望 32

致谢 33

参考文献 34