[第1章旅游网页设计概述.ppt

旅游网页设计基础王红崧whsong0209@163.com 教师：王红崧 whsong0209@163.com 学时分配 48（实践教学+实验） 实验内容：操作实训 考试安排 成绩构成：机试+实验作业 作业提交： 建自己的文件夹（姓名+学号）第一次上机放到指定FTP位置。 每次作业练习单独建文件夹（如 练习一、练习二）放所有本次练习，然后添加到FTP自己的文件夹中 作业练习在指定时间按时完成，缺一次不给课程成绩 第一章 旅游网页设计概述 1.1 基本概念 1.2 旅游网页设计相关软件介绍 1.3 网站设计相关程序语言 1.1 基本概念 一、 WWW网页 二、网站的工作原理 三、网页的组成 四、 URL介绍 三、 网页的组成 1. 文本 网页中也需要大量的文字，这需要用到网页编辑器中的HTML语言标签来编写。也可以利用网页编辑工具中的“所见即所得”功能直接写入文字。 2. 图片 除了文字之外，网页中一般也会包括很多图片，这样图文并茂就显得内容更加丰富了。其实有时候图片比文字更有说服力、更加直观。目前，网页中图形格式大部分都是gif或jpeg格式，在网上这两种格式的图片传输速度快，而位图bmp文件占用空间大，传输速度慢。 3. 动画 上面所说的网页都是静态网页，像是定格的风景，如果加入动画，就更为丰富生动了。1995年Sun公司开发的Java语言使用户可以创建能够调用图片和声音的多媒体应用小程序，于是短期内Java就风靡全球。但是如果对程序语言不熟，又要轻松地制作便于浏览的动画，那就学习使用Flash或Fireworks等软件进行制作，用它们制作的动画小巧迷人，用*.swf文件保存，再导入网页编辑器中，这样就可以在浏览器中浏览动画了。 4. 超链接 拥有美妙的文字、漂亮的图片以及生动的动画的网页还不能称为网站，别人还不能访问，此时通过一种方式把它们整合成一个有机的整体，这种方式就是超链接，可以说超链接是网站的脉络。 超链接是网站中的重要部分，网页上的一段文字、一幅图像或图像的某一部分都可以进行超链接，当用户单击它时，浏览器就会根据指示或地址转到相应的位置或进入新的页面。 超链接是连接其他一些网页的入口，含有此连接点的文字通常以蓝字底线显示，一般的，当用户将鼠标指针移到网页的某一项时，如果指针变成手形，那么表示该链接是超链接，用户通过单击超链接，就可以进一步进行信息的查询，大多数超链接在Web页面上显示为蓝色文本，单击后会改变颜色，以便用户记住哪个超链接的页面已经浏览过，避免重复访问。超链接可以分为文本超链接和图像超链接。 5. 其他组件 以上讲过的文字、图片、动画是网页中最为常见的组件，还有另外一些能起到丰富网页内容、增强网页生动性的组件，如JavaScript、Java Applet、VBScript、流动字幕、计数器和背景音乐等等。 四、URL介绍 URL（Universal Resource Locator）中文意思是“统一资源定位地址”，它是用来表示每个站点及站点上网页的地址，且地址是惟一相对应的。向浏览器中输入URL，就可以访问URL指出的网页，制作网页中的超链接要用到URL。我们看下面的例子: 从图可以看到的基本结构为： 通信协议：//服务器名称：通信端口编号/文 件夹/文件名 各部分的含义如下： （1）通信协议 通信协议是连接网页所使用的的网络传输协议，如HTTP代表超文本传输协议，FTP代表文件传输协议等，常见的传输协议有以下几种： http协议——超文本传输协议，主要用来连接远端的服务器。例如：/即可连接到网易的WWW服务器。 ftp协议——文件传输协议，主要是用来取得服务器上的文件资源。例如：5/或者ftp://ftp.XXX.。 file 协议——存取本地磁盘文件的服务。例如：file://c:/mydocument/hello.exe telnets 协议——登陆远程系统服务。例如：telnets:/// news 协议——网络新闻组协议。例如：news: mailto 协议——传送E-mail协议。例如：mailto:xxx@163.com （2）服务器名称 它是指提供服务的主机名称或者它的地址。冒号后的数字是通信端口号，一般可有可无，默认的是80，即http协议的端口，这个端口号告诉服务器用TCP/IP协议软件去打开哪一个通信端口，因为一台计算机常常同时作为Web、FTP等服务器，为了便于区别，每种服务器要对应一个通信端口，保证不与其他的服务端口有冲突。 （3）文件夹与文件名 文件夹是用来存放文件的，通常若干个同类型的文件应建立一个文件目录来保存，如果是多级文件目录，就必须指定是第几级文件夹，直到找出