旅游网页设计概述

《旅游网页设计概述》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、旅游网页设计基础王红崧whsong0209@163.com教师：王红崧whsong0209@163.com学时分配48（实践教学+实验）实验内容：操作实训教材任一本Dreamweaver8.0教程任一本HTML教程考试安排成绩构成：机试+实验作业作业提交：建自己的文件夹（姓名+学号）第一次上机放到指定FTP位置。每次作业练习单独建文件夹（如练习一、练习二）放所有本次练习，然后添加到FTP自己的文件夹中作业练习在指定时间按时完成，缺一次不给课程成绩第一章旅游网页设计概述1.1基本概念1.2旅游网页设计相关软件介绍1.3网站设计

2、相关程序语言1.1基本概念一、WWW网页二、网站的工作原理三、网页的组成四、URL介绍万维网：简称WWW或3W，是目前Internet最流行的一种基于超文本形式的资源组织形式。使用了HTML(超文本标记语言)文件格式，其中可以包含图像、动画和声音等信息。网页和文件可以放在Internet的任何一个地方，通过超级链接将它们组织在一起，用户通过超级链接可以从一个页跳到其它页面。在客户机端，访问Web需要TCP/IP协议、一个独一无二的IP地址、与Internet的连接，以及称为浏览器的本地Web接口。在服务器端，Web站点需要T

3、CP/IP协议、与DNS和浏览器一、WWW网页WWW有3个基本内容组成，分别是URL、HTTP和HTML。1)URL（UniformResourceLocators）：统一资源定位符2）HTTP（HypertextTransferProtocol）：超文本传输协议3)HTML语言(HypertextMarkupLanguage)：HTML文档是一个放置了标记（Tags）的ASCII文本文件二、网站的工作原理概述:网站的一般工作原理是指Web服务器与客户端浏览器交互的基本原理，简单的说就是网站服务器上的文件和数据库最终成为

4、客户所看到的页面的过程。实质上这个过程就是解决下面三个问题的过程：(1)网站的数据如何变成页面数据——网站程序解决。(2)如何根据用户请求将指定的数据体送达客户端——Internet解决。(3)客户端如何将页面数据显示为页面（所谓页面就是图形界面上的文本、图像、图形的集合）——浏览器解决。三、网页的组成1.文本网页中也需要大量的文字，这需要用到网页编辑器中的HTML语言标签来编写。也可以利用网页编辑工具中的“所见即所得”功能直接写入文字。2.图片除了文字之外，网页中一般也会包括很多图片，这样图文并茂就显得内容更加丰富了。其实

5、有时候图片比文字更有说服力、更加直观。目前，网页中图形格式大部分都是gif或jpeg格式，在网上这两种格式的图片传输速度快，而位图bmp文件占用空间大，传输速度慢。3.动画上面所说的网页都是静态网页，像是定格的风景，如果加入动画，就更为丰富生动了。1995年Sun公司开发的Java语言使用户可以创建能够调用图片和声音的多媒体应用小程序，于是短期内Java就风靡全球。但是如果对程序语言不熟，又要轻松地制作便于浏览的动画，那就学习使用Flash或Fireworks等软件进行制作，用它们制作的动画小巧迷人，用*.swf文件保存，再

6、导入网页编辑器中，这样就可以在浏览器中浏览动画了。4.超链接拥有美妙的文字、漂亮的图片以及生动的动画的网页还不能称为网站，别人还不能访问，此时通过一种方式把它们整合成一个有机的整体，这种方式就是超链接，可以说超链接是网站的脉络。超链接是网站中的重要部分，网页上的一段文字、一幅图像或图像的某一部分都可以进行超链接，当用户单击它时，浏览器就会根据指示或地址转到相应的位置或进入新的页面。超链接是连接其他一些网页的入口，含有此连接点的文字通常以蓝字底线显示，一般的，当用户将鼠标指针移到网页的某一项时，如果指针变成手形，那么表示该链接

7、是超链接，用户通过单击超链接，就可以进一步进行信息的查询，大多数超链接在Web页面上显示为蓝色文本，单击后会改变颜色，以便用户记住哪个超链接的页面已经浏览过，避免重复访问。超链接可以分为文本超链接和图像超链接。5.其他组件以上讲过的文字、图片、动画是网页中最为常见的组件，还有另外一些能起到丰富网页内容、增强网页生动性的组件，如JavaScript、JavaApplet、VBScript、流动字幕、计数器和背景音乐等等。四、URL介绍URL（UniversalResourceLocator）中文意思是“统一资源定位地址”，它是

8、用来表示每个站点及站点上网页的地址，且地址是惟一相对应的。向浏览器中输入URL，就可以访问URL指出的网页，制作网页中的超链接要用到URL。我们看下面的例子:从图可以看到的基本结构为：通信协议：//服务器名称：通信端口编号/文件夹/文件名各部分的含义如下：（1）通信协议通信协议是连接网页