旅游网站 文档

《旅游网站 文档》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、网站开发技术课程设计报告题目：辽宁省旅游网专业：计算机科学与技术班级：0701学号：200711014姓名：邵晨成绩：目录一、目的3二、要求3三、网站概述3四、个人总结5一、目的运用已经掌握的知识完成一个旅游网站。通过此次设计可以达到全面理解、运用网页制作的知识，并使之得以融会贯通，在掌握运用Dreamweaver、Flash、Fireworks制作网页的基础上再加以实践，进一步提高、加强自身的综合能力。二、要求　根据旅游网站的需求，设计一个站点，以达到宣传该公司的目的。有整体框架结构，表格定位等，布局合理，色彩搭配协调统一，内容丰富多彩，

2、页面风格独特。按照Fireworks作效果图—〉切图—〉页面布局的过程进行；必须用CSS+DIV页面布局；页面中必须包含JavaScript编程；页面中必须包含Flash动画（须提交Flash源文件.fla）。三、网站概述辽宁省旅游资源丰富，全省共有9处国家重点风景名胜区、1处国家历史文化名城、35处全国重点文物保护单位。身为一个辽宁人，应该以此为傲。因此特作此网站。下面阐述网站的设计流程：1．确定网站的主题，明确网页制作的目的　　设计网站的第一步，就是要确定网站的主题，考虑为什么要建立网站，所建立的网站是针对什么类型的访问者，能提供什么样

3、的信息内容给访问者，能有多少时间、人力、财力、技术来建立、支持和维护这个网站。只有将这些充分考虑清楚后，才能动手建立网站，制作网页。此网站是为完成大作业，也是为了检验自己本学期的学习成果，目的就是尽量多的要用到老师本学期交给我们的全部知识。尽管访问者仅为检查作业的老师和我自己，但是也要尽量做到最好，还是要设想成访问者是所有要来辽宁旅行的游客们，给他们尽量全面的信息帮助。2．规划网站的整体结构　　这里要确定网站中的栏目和层次。一个网站是由若干个网页组成的，设计时要通过合理的整体规划将网页组织起来形成网站。网站栏目实质上是一个网站内容的大纲索引

4、，规划栏目的过程实际上是细化网站内容的过程。网站栏目设计原则有三：一是网站内容重点突出；二是访问者浏览方便；三是便于管理者进行维护。此外，网站栏目划分要服从并体现网站主题。栏目名称要有规律，概括性要强，最好字数相同。辽宁省旅游网，包含有首页、今日推荐、最新航线、热点路线、旅游风光和景点列表等页面组成。如果网页的内容组织得好，用户从你的网页中获取信息就容易得多。一般来说，组织好网页的关键是要对网页建立层次分明、条理清楚的结构图。3．收集整合网页素材　　信息是网站的根本。确定主题和整体结构后，要根据网站主题组织网站内容，收集各种信息资料。将收集

5、到的资料转换成网页所能识别的文件格式，将书面文字转化为文本文件，将图片转换成适用于网页的格式，录制并编辑需要的音效文件、视频文件和动画文件。如建立辽宁旅游网站要收集：所有景点列表、景点图片、景点详细介绍等内容资料。整理资料则是根据将上述收集到的资料进行进一步挑选和细化，将收集到的网页素材落实为页面元素。利用fireworks制作切片，一共四个分别为今日推荐、最新航线、热点路线和旅游风光。例如：利用flash做出几个效果图，美化页面。分别用波浪文字实现咨询热线号码，用三棱镜实现欢迎光临信息，和会游泳的鱼等。找到适合网站的背景音乐，本站用到的是

6、“旅行.mp3”、“旅行的意义.mp3”,用代码嵌入到页面里。4．确定网页版面布局，制作网页　　网页版面是指通过浏览器显示的完整的页面。网站的各个网页的版面要在风格统一的前提下有所变化。将收集到的资料，按确定的版面布局，利用网页制作工具制作成为网页。包括静态网页制作和动态网页制作。其中首页login.html分成上、左、中、下四部分。其中上部banner是本站的站名及欢迎信息；左侧导航栏内为链接图片，分别是用fireworks做成的切片，下面是友情链接，分别链接到外网辽宁旅游信息网

7、和中国辽宁气象信息网；中间是辽宁旅游地图，可以给来访者一个直观的印象，点击地图上的任意一点，可以获得辽宁省所有旅游景点的列表；网页的最下面是用flash实现的咨询热线，这样通过电话可以有针对性的给来电者提供更有针对性的信息。　　5．添加网页特效美化网页的外观。美化的目的就是让用户被你的网页所吸引。如果只是将很多漂亮的图片堆在一起，而不管内容，那是没人看的。应该让网页不仅漂亮，更重要的是实用。　　网页特效是指对网页进行美化，强化网页的视觉冲击力，使之更具有艺术效果。美化网页可以通过HTML语句、FLASH动画、页面自动滚屏和层、滤镜等技术手段

8、实现。除此之外，鼠标可以制作成动态效果。6．测试和发布网站　　网站制作完成后要对网站进行测试，包括网站的浏览器兼容性和站点超链接完好性测试；测试后将网站发布到网络上，供浏览者使用