第三章 需求分析
当今世界,加快推进信息网络化建设已成为世界各国的共识和努力方向。在信息网络化日
益发展的趋势下,体育领域必然置身其中，更何况如今各种体育信息已成为网络资源必不可少的一部分，世界各国倡导的信息网络化应用领域体育都占有一席之地并呈快速发展之势。
西方发达国家很早就认识到体育新闻网站对整个国家各项体育事业的发展的良好作用。所以国外的体育事业发展的比中国较好。国外的体育网站起步比中国较早，现在发展的也比较成熟。
天下体育网为满足广大群众浏览和了解体育信息类的新闻一直致力于把该网站做大做全做好，各个板块都及时无误的报道最新体育新闻，为用户更快更全的了解体育信息搭起一座桥。
3.1 网站开发目的
对于体育网站而言，一个好的网页会给人留下深刻的印象，那样才会提高网站的知名度才会增加点击率。如果通过网站管理系统工作，就可以拓开以前传统的宣传思路，用户可以通过上网就能达到找到所需要信息的目的。
本设计简单易用，可以提高时天下体育网站的知名度和形象；直接面对浏览所提供的信息化服务，改善服务水准。
3.2 功能性需求
一个网站的设计是否成功，一方面是看主题的确定，另一个主要的方面就是设计者对于各个板块的设计规划。网站规划的内容包括的很多，如网站的结构，网站的布局，网站的风格、网站的颜色搭配以及文字图片的运用等。
本网站主要分为九个功能模块,其主要为：首页、国际足球、国内足球、NBA、CBA、羽毛球、网球、图库和综合新闻。
首页：用户浏览本站看到的第一个页面，首页主要包括其他几个页面的部分内容。 国际足球：主要介绍国际上的足球赛事新闻，其中又包括：英超、意甲、西甲、德甲和
http://www.paopaocha.com 泡泡茶网 www.htydj.com 6
欧冠五个部分。
国内足球：主要介绍中国的足球赛事新闻和各队新闻，足球赛事包括：中超、中甲、足协杯、亚冠、国足和女足。各队新闻包括山东鲁能、广州恒大、北京国安、天津泰达、上海申花5个模块
NBA：主要有分为两大板块，全明星板块和欧盟赛区，全明星板块介绍了火箭、湖人、热火、快船、公牛、尼克斯球队。欧盟板块主要介绍西南区、东南区、太平洋区、西北赛区和中部赛区5个部分
CBA：主要介绍中国CBA以及中国篮球的相关新闻资讯。
羽毛球：主要介绍羽毛球世界锦标赛和羽毛球世界联赛两大板块。其中锦标赛包括男单、女单、男双、女双、国羽和混合新闻5个模块。世界联赛介绍各个强国的羽毛球新闻。
网球：主要分为两大板块分别为中国金花和网球大视野。中国金花介绍国内羽毛球赛程和新闻，网球大视野主要介绍网球界的赛事，视频及新闻。
综合体育：主要介绍一些综合的体育赛事新闻，如：棋牌、F1、台球、排球等。在综合体育下又包括： 网球、排球、乒羽、棋牌和F1五个部分。
图库：主要放置一些与体育有关的美图，在其下包括有：滚动图集、篮球图集、足球图集和网球图集四个部分。 如图3-4所示：
图3-4 网站功能需求结构图
3.3 非功能性需求
http://www.paopaocha.com 泡泡茶网 www.htydj.com 7
（1）界面需求
网站的界面要求设计的美观大方，使浏览者有眼前一亮的感觉。网页色调以蓝色、橙色色为主色调，页面宽度为950px，高度根据各个页面内容而言，但不得少于两屏。
（2）硬件环境需求
本网站在软件环境方面的要求为：操作系统为Windows XP或Windows 7；浏览器为IE6.0及以上版本；开发工具是Dreamweaver 8和Fireworks。
本网站在硬件环境方面的要求为：处理器为酷睿I3以上；内存要大于等于1G；硬盘要大于250G。
（3）网站质量要求
本网站的质量要求为：保证网站运行的真确性，无链接错误、图片显示错误及其他运行错误；网站要求可靠性高、安全性高；网站设计合理、代码无冗余、运行速度快；同时要求网站的导航栏目要清晰合理。
http://www.paopaocha.com 泡泡茶网 www.htydj.com 8
第四章 详细设计
4.1 网站的制作步骤
网站是网页的集合，一个站点用的所有网页构成一个网站，网页是网站的表现形式，网页设计是指对网站整体页面的设计，包括页面风格、配色、布局、内容等。网页设计包含的内容非常多，大体分为两个方面：一方面是纯网站本身的设计，如文字、排版、图片制作、平面设计、静态图文和动态声音、影像等；另一方面是网站的延伸设计，包括网站主题、浏览群的定位、智能交互、制作策划、形象包装和宣传营销等。
4.2 创建站点
1) 启动Dreamweaver。
2) 打开“站点”菜单，选择“新建站点”命令。如图4-1：
图4-1 建立站点
3) 在文本框中，输入一个名称，该名称可以是任何所需的名称。
http://www.paopaocha.com 泡泡茶网 www.htydj.com 9
4) 然后在下面的“本地跟目录文件夹”和“默认图像文件夹”文本框中输入本地网站预保存
的路径，单击“确认”按钮。
5) 随即在组合面板中点弹出“站点”面板，现在可以在其中添加页面了。
6) 右键单击“站点”面板中的根目录，在弹出菜单中选择“新建文件”命令，把新建文件的
名称改为“index.html”
7) 双击index.html，进入页面编辑状态。
4.3 图片素材的处理
4.3.1 网站logo的制作
(1)打开Fireworks→单击“文件”，选择“新建”→新建一个高为60px，宽为130px的画
布
(2)选择“文本”工具→在画布上输入“天下体育”、“www.txtt.com”→给“天下体育”
和“www.txtt.com”分别设置不同的字体和颜色→再将网站的图片放在文字的左边，形成了图4-2的效果：
图 4-2 网站logo效果图
4.3.2 网站banner的制作
网站首页banner的制作与logo的制作基本相似，首先新建一个950*80的画布，然
后往画布里导入一张找好的banner素材图片，再往图片上添加文字，并设置文字的字体、大小及颜色（效果如图4-3）
图 4-3 网站banner效果图
4.3.3 站内图片大小处理
图片素材的缩放主要是使用Fireworks软件来处理的，具体操作步骤如下：
(1)单击“文件”选项→单击“批处理”→选择要修改的图片→单击“继续”按钮（如图 4-4）
图4-4选择要缩放的图片
(2)选择你要处理的方法，如缩放→单击“添加”按钮→选择缩放发方法→单击“继续”按钮（如图4-5）
http://www.paopaocha.com 泡泡茶网 www.htydj.com 10