目 录
一、引言 2
（一）研究背景 2
（二）研究目的和意义 3
二、开发工具及技术 3
（一）开发工具 3
（二）HTML（超文本标记语言）介绍 3
三、徐州的灿烂文化 4
（一）彭祖文化 4
（二）两汉文化 4
（三）徐文化 4
四、需求分析 5
（一）网站需要解决的问题 5
1.内容方面 5
五、网站设计与实现 5
（一）站点设计 5
1.创建本地站点 5
2.管理本地站点 7
（二）网页内容 8
（三）版块设计 8
1.首页版块 9
2.主页版块 9
3.详细页版块 9
（四）网页制作 10
1.使用表格进行网页布局 10
2.创建网页模板及可编辑区域 11
3.模板的应用 12
4.设置网站的超链接 12
5.使用css样式 13
6.多媒体元素的插入及特效应用 14
六、总 结 19
七、致 谢 19
参考文献 20
一、引言
（一）研究背景
我这次的研究对象是一座有着5000多年历史的文化古城,有着“中原门户”、“五省通衢”之称的--徐州。在上古时期时这里就是养生鼻祖彭祖的封地,公元前286 年战国时期的宋国和公元前206年西楚霸王项羽都曾经在此两度建都,同时又是汉代开国皇帝刘邦的故乡所在。就目前的考古发掘来看,徐州市不仅是两汉文化的重要发祥地,而且是华夏民族最早的繁衍 *51今日免费论文网|www.jxszl.com +Q:  3_5_1_9_1_6_0_7_2 
生息地之一。
随着社会的不断进步，计算机技术得到了快速的发展和普及，网络信息传播日益繁荣，并不断地深入渗透到人们生活需求和社会发展中。网络信息传播具有速度快、范围广、信息准、消耗低、形态多等优点，给社会带来了全面而深刻的影响。
（二）研究目的和意义
随着现代技术的不断发展、社会文化水平的不断提高，往往使这座拥有悠久历史文化的古城被人们所忽略。所以这次设计“楚风汉韵古徐州”网站，除了探明徐州历史文脉，揭示城市文化禀性与精神风貌；彰显城市文化特征，为城市规划、城市建设和城市管理工作提供借鉴；挖掘城市历史文化遗产，推动城市经济建设、文化产业与旅游业的发展。对城市历史文化的研究，不但能够深刻了解到城市以往发展的规律和当前城市特征的认识，同时还对城市的持续和谐发展有所裨益，正因为如此这次的研究任务显得繁重并具有重大的意义。
二、开发工具及技术
（一）开发工具
Macromedia Dreamweaver是一款集网页制作和管理网站于一身的最为常见的网页编辑器，同时也是一套视觉化网页开发的工具，利用它可以轻而易举地制作出跨越平台和浏览器限制的动感网页来。概括起来说，Dreamweaver具有以下的一些优点：一是最佳的制作效率。Dreamweaver可以用最简单快速的方式把Photoshop，FreeHand或Fireworks等现有的文档移动到网页上，而这种简单快速的方式往往只需要一步。二是方便的网站管理功能。使用网站地图可以快速地制作网站雏形、设计、更新和重组网页。三是无可比拟的控制能力。
Dreamweaver是提供HTML、视觉化编辑与原始码编辑同步的设计工具。Dreamweaver 支援精准定位，可轻易的转换成表格的图层以此来拖放拉置，从而进行版面的设置。当使用Dreamweaver设计动态网页时，其所见即所得的功能，让您可以直接预览网页而不需要使用浏览器，因此选用Dreamweaver作为这次项目开发的主要工具。
（二）HTML（超文本标记语言）介绍
超级文本标记语言（HTML）是标准通用标记语言中的一个应用，同时也是一种规范，一种标准，超文本标记语言(HTML)通过标记符号来标记需要显示的网页中的各个部分。网页文件的本身就是一种文本文件，通过在文本文件中添加标记符，来告诉浏览器如何正确显示其中的内容（如：文字如何处理，画面如何安排，图片如何显示等）。浏览器按顺序阅读网页文件，然后根据标记符解释和显示其标记的内容，对书写出错的标记将不指出其错误，且不停止其解释执行过程，编制者只能通过显示效果来分析出错原因和出错部位。但需要注意的是，对于不同的浏览器，对同一标记符可能会有不完全相同的解释，因而可能会有不同的显示效果。
超级文本标记语言（HTML）文档制作不是很复杂，但功能强大，支持不同数据格式的文件镶入，这也是万维网（WWW）盛行的原因之一，其主要特点如下： 简易性：超级文本标记语言（HTML）版本升级采用超集方式，从而更加灵活方便。 可扩展性：超级文本标记语言的广泛应用带来了加强功能，增加标识符等要求，超级文本标记语言采取子类元素的方式，为系统扩展带来保证。 平台无关性：虽然个人计算机大行其道，但使用MAC等其他机器的大有人在，超级文本标记语言可以使用在广泛的平台上，这也是万维网（WWW）盛行的另一个原因。 通用性：另外，HTML是网络的通用语言,一种简单、通用的全置标记语言。它允许网页制作人建立文本与图片相结合的复杂页面，这些页面可以被网上任何其他人浏览到，无论使用的是什么类型的电脑或浏览器。
（三）Adobe Photoshop图像处理软件
Photoshop主要处理以像素所构成的数字图像。使用其众多的编修与绘图工具，可以有效地进行图片编辑工作。PS有很多功能，在图像、图形、文字、视频、出版等各方面都有涉及。
三、徐州的灿烂文化
有“千古龙飞地，一代帝王乡”之称的徐州，是彭祖文化和两汉文化的发源地，也是徐文化的集大成者。
（一）彭祖文化
彭祖文化，也称道教文化，或养生文化。
徐州是彭祖的故国，彭祖文化的发祥地。彭祖，中国历史上第一位令人仰慕的中华大寿星卓越的养生学家。他从理论与实践的结合上树立了养生长寿的楷模，给人们留下了博大精深的养生文化。彭祖的养生之道分为彭祖引导术、彭祖房中术、彭祖摄养术、彭祖服气术和彭祖烹调术等几方面。
（二）两汉文化
徐州是汉高祖刘邦的故乡和十二代楚王的封地，汉文化景点众多。其中汉墓、汉兵马俑、汉画像石被成为“汉代三绝”。
（三）徐文化
徐文化是中华文明的重要组成部分，是禹贡徐州地区人民所创造的精神文明和物质文明的总和。
四、需求分析
（一）网站需要解决的问题
1.内容方面
静态网站主要是静态化的页面和代码组成，静态网页相对于动态网页而言稳定。由于静态网站没有数据库的支持，所以在网站制作和维护方面工作量是十分巨大的。




图3-6-2 无缝滚动图片代码
（3）.图片轮询
本网站在首页使用了大量特效，在页面的中间左上方应用了图片轮询。有图片，有标题，有轮转索引；鼠标未移到索引上，图片自动切换；鼠标移到索引上，显示现有图片，轮询停止；鼠标移开索引，轮询继续。代码如图3-6-3所示。

原文链接：http://www.jxszl.com/jsj/wljs/31666.html