摘 要
随着二十一世纪新兴科技的飞速发展，如今的电子信息产业正在经受着一个巨大的挑战，同时也面临着一个重大的机遇。就目前的科技发展水平而言，电子信息产业的发展已经不能够满足社会化大生产的要求，因此，各个国家集中人力、财力加大对信息技术产业的投入，以适应目前需要。可喜的是在这几十年的发展中我们有了互联网。互联网加大了我们了解世界的眼界，缩紧了人与人之间的距离，这就更容易的使我们走上信息化的道路。
伴随通信技术和计算机网络应用技术的发展,人类已经进入了名副其实的网络时代。体育信息是网络信息的重要内容,体育信息网络化也有助于体育文化的传播。信息网络化促使体育信息传播方式发生变革,其资源共享功能促进了体育社会化;快速传输功能突破了时空限制,使得人们可以更快、更多地了解体育信息。
该网站通过展示国际足球、国内足球、NBA、CBA、羽毛球、网球、图库等页面向用户
传递了体育信息和体育文化。网站制作工具主要为Dreamweaver8.0、Firewroks8.0和Phptoshop等，基于奥运会、中超、英超、NBA等国际性体育新闻为题材向用户传递丰富多彩的体育新闻，并且为广大体育爱好者提供了体育信息的交流、共享和学习的平台。
论文首先介绍网站建设的相关知识，根据以上知识制作网站。其中主要包括需求分析、
详细设计并图文并茂的解释说明。论文还包含网站制作过程中的源码及图片的截图
关键字：Dreamweaver 体育网站 网站制作
1
第一章 绪论
1.1引言
在信息技术飞速发展的今天，人们获取信息的方式更多是来源于互联网。而吸引浏览用户的则是视觉效果出色、信息量丰富、使用起来便捷的网页，所以网页设计尤为重要。 互联网成为人们快速获取、发布和传递信息的重要渠道，它在人们政治、经济、生活等各个方面发挥着重要的作用。
网页设计伴随着网络的快速发展而快速兴起，作为上网的主要依托，由于人们使用网络的频繁而变得非常的重要。网页讲究的是排版布局，其功能主要就是提供一种形式给每个上网者，让他们能够了解网站提供的信息。 面对日益加快的生活节奏和信息社会日新月异的变化，企业极需要一种快捷，便利的平台来对外宣传企业形象,介绍最新产品和及时售后服务。如何运用现代化信息技术完成这一目标，建立“一座企业与顾客之间畅通无阻的大桥”已成为企业中应该解决的重要课题之一，本网站正是为这一目标设计制作的。
1.2体育新闻网站现状
一些发达国家在体育领域的信息应用系统建设和体育信息资源的开发利用方面取得了领先地位，已形成比较健全的信息采集、处理、保存和使用体系拥有一批综合性数据库，为其国民提供体育信息和相关服务。
例如美国实施《健康公民2000年》健身计划，在全美51个州建立了目标管理数据库和高度现代化的信息网络，政府可以全面了解全国任务地区的目标实施计划，国民可以随时得到所需的健身信息和服务，欧共体17个国家通过对国民体育活动状况进行多年跟踪，建立了庞大的体育人口数据库。而我国目前的体育信息网络化传播无论从规模，还是传播速度上都与国外体育信息的网络化发展存在一定的差距。因此，在国内体育信息化角度上来说，开发体育网站对国内体育信息网络化传播有很大影响。
2
第二章 开发工具及开发语言介绍
2.1 Dreamweaver简介
Dreamweaver 是美国MACROMEDIA 公司开发的集网页制作和管理网站于一身的所见即所得网页编辑器，它是第一套针对专业网页设计师特别发展的视觉化网页开发工具，利用它可以轻而易举的制作出跨越平台限制和跨越浏览器限制的充满动感的网页。
Dreamweaver是在网页设计与制作领域中用户最多、应用最广、功能最强大的软件，随着Dreamweaver 8的发布，更坚定Dreamweaver在该领域的地位。突出的特点主要有灵活的编写方式；可视化编辑界面；功能更多的CSS支持——CSS可视化设计、CSS检查工具；动态跨浏览器验证；强大的WEB站点管理功能；内建的图形编辑引擎；丰富的媒体支持能力等。
它将可视布局工具、应用程序开发功能和代码编辑支持组合在一起，其功能强大，使得各个层次的开发人员和设计人员都能够快速创建界面吸引人的基于标准的网站和应用程序。开发人员可以使用 Dreamweaver 及所选择的服务器技术来创建功能强大的 Internet 应用程序，从而使用户能连接到数据库、Web 服务和旧式系统。开发环境支持HTML、ASP、ASP.NET、JSP等，提供众多功能强大的可视化设计工具、应用开发环境以及代码编辑支持。主要用于素材整理、排版以及后台程序的交互。
2.2 Fireworks 矢量图处理
Fireworks是Macromedia公司发布的一款专为网络图形设计的图形编辑软件，它大大简化了网络图形设计的工作难度，无论是专业设计家还是业余爱好者，使用Fireworks都不仅可以轻松地制作出十分动感的GIF动画，还可以轻易地完成大图切割、动态按钮、动态翻转图等，因此，对于辅助网页编辑来说，Fireworks将是最大的功臣。
借助于 Macromedia Fireworks 8，您可以在直观、可定制的环境中创建和优化用于网页的图像并进行精确控制。Fireworks业界领先的优化工具可帮助您在最佳图像品质和最小压缩大小之间达到平衡。它与 Macromedia Dreamweaver 和 Macromedia Flash 共同构成的集成工作流程可以让您创建并优化图像，同时又能避免由于进行 Roundtrip 编辑而丢失信息或浪费时间。利用可视化工具，无需学习代码即可创建具有专业品质的网页图形和动画，如变换图像和弹出菜单等。
http://www.paopaocha.com 泡泡茶网 www.htydj.com 3
2.3 HTML简史
HTML超文本标记语言（Hypertext Markup Language） 网络的资讯越来越多，网站须有引人注意的外观，才能增加浏览人次，达到宣传的目的。人们开始注意网页的外观，HTML亦因此变得更复杂、更具弹性。表格，原本是更整齐展现资料的工具，变成了排版工具。CSS的出现令以表格为基础的外观设计被视为过时。服务器方面的技术亦改变了网络的构造，使用者可以选择其浏览方式、外观。Flash的出现为设计师和媒体创作人开创了新路。除了引人的外观之外，亦有一个重要的考虑点：网络无障碍，即使用者能否容易读取资讯。 基本结构：
无标题文档 2.4 CSS样式表概述
CSS是Cascading Style Sheet 的缩写，译作“层叠样式表单”。它是一种在网页制作过程中经常用到的技术。CSS样式表其实是一组样式，它增加了更多的样式定义方法来辅助HTML。样式就是用一个指定的名字来标识和保存的一组有关字符和段落格式的选项集合。其实，我们很早就已经与“样式”打过交道了。在Word的“格式”菜单中的“样式项”里，提供了多种样式，如“标题1”、“标题2”、“正文”等。只要选定文字，然后选择不同的样式，所选定的文字就会自动改变字体、字号、对齐方式、字间距等。同样，我们可以通过CSS来规定网页元素的各种样式，如颜色、位置、大小等。
2.5 CSS样式表在HTML中的实现
在HTML网页中加入CSS并不是只有一种方法，在不同的情况下，可以采用不同的方法，比较常用的有下面几中。 2.5.1 嵌入式样式表
嵌入式样式表的实现很简单，只需在每个要应用样式的HTML标签后写上CSS属性即可。例如要设置指定表格中的文字的样式为红色，字号为10pt，可在当前表格的标记内添加下面的代码：
http://www.paopaocha.com 泡泡茶网 www.htydj.com 4
。这种方式主要用于对具体的标签作具体的调整，其作用的范围只限于本标签。嵌入式样式表不能充分体现出CSS样式表的优越性，所以应用场合并不多。 2.5.2 内联式样式表
若想只对当前页面应用样式，就要使用内联式样式表。所谓内联式样式表就是把样式表定义语句放在标签中，设置时通常放在HTML代码的
部分。 2.5.3 外联式样式表外联式样式表是将指定的样式代码放到一个扩展名为.css的样式文件中以方便其他网页的调用。这种方式的优点是可以通过一个.css文件管理网站中的多个网页。如果要对网站中其他页面进行样式引用，可以先把样式用记事本定义成一个“.css”的文件。例如：打开记事本，将定义的名为h3的样式代码写到记事本中，保存的文件名为example.css，代码如下：
h3{ font-family:“黑体”; color:green; font-style:italic; } 引用时在网页HTML代码的
标记后用引用这个样式文件，在部分的相应内容的前后加上和
。2.6 JQuery概述
[1]
jQuery是一个兼容多浏览器的javascript库，核心理念是write less,do more。jQuery
在2006年1月由美国人John Resig在纽约的barcamp发布，吸引了来自世界各地的众多javascript高手加入，现在由Dave Methvin率领团队进行开发。如今，jQuery已经成为最流行的javascript库，在世界前10000个访问最多的网站中，有超过55%在使用jQuery。[2]
jQuery是免费、开源的，使用MIT许可协议。jQuery的语法设计可以使开发者更加便捷，例如操作文档对象、选择DOM元素、制作动画效果、事件处理、使用Ajax以及其他功能。除此以外，jQuery提供API让开发者编写插件。其模块化的使用方式使开发者可以很轻松的开发出功能强大的静态或动态网页。
http://www.paopaocha.com 泡泡茶网 www.htydj.com 5