精鹰跆拳道俱乐部网站的设计与实现

摘  要：精鹰跆拳道俱乐部网站是一个提供锻炼身体的环境的网站，这网站让一些常年没有锻炼身体的人有一个去处还可以让一些女性学会防身术在社会上能更加保护自己，设计该网站还能让网友观看部员的训练日常及活动。现在年轻人多数待在家里不肯运动，我要让这网站重新进入他们的视野里，让他们去好好锻炼身体，保证身体健康。这网站上面不仅有学员们训练生活的照片还有许多有关跆拳道新闻内容的板块，这让游客们更加的了解该俱乐部的情况，吸引他们报名参加跆拳道锻炼身体。网站的成功设计最后要总结于游客的浏览数与报名的人数，这网站的设计符合了游客的口味，能吸引他们来报名跆拳道。

网站开发采用了DIV+CSS开发技术，有网站首页、注册页、新闻消息、后台管理等页面，界面设计以黑色为主，极强的表现了网络化生活。网站版块多三字形状作为基础设计。布局清爽大方，符合交互要求。

关键词：DIV+CSS  精鹰跆拳道俱乐部网站  Photoshop4  学员

目 录

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 4 4

2.2.4 Internet 信息服务(IIS) 6.0 管理器 5

2.2.5 IE Tester 6

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

2.3.1 Html 语言 6

2.3.2 DIV+CSS 6

3 项目概述 8

3.1 项目概述 8

3.2 项目风险 8

3.3 项目进度计划 9

4 项目需求分析 10

4.1 业务分析 10

4.1.1 用户需求 10

4.1.2 工作角色分析 10

4.2 概要设计 11

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

5 网站代码设计 13

5.1 头部代码 13

5.2 图片轮播代码 13

5.3 文字轮播代码 13

5.4 底部代码 14

6 网页界面设计 15

6.1 首页设计 15

6.2 栏目页设计 17

6.3 文章栏目页设计 19

6.4 文章内容页设计 20

6.5 图片页 22

7 SEO优化方案 24

7.1 SEO是什么 24

7.2 SEO的优化方向 24

7.2.1 关键词 24

7.2.2 网站伪原创 25

7.2.3 网站更新频率 27

7.2.4 网站层次结构分析 27

8 总结与展望 29

致谢 30

参考文献 31