华东理工大学动态网页设计第1章.docVIP

第1章 网页制作基础 使用浏览器上网时，你看到的一幅幅精彩画面，一般都是由服务器发送给浏览器，并由浏览器解释的HTML文档。那么，HTML文档中有哪些内容，它们的格式是怎么样的，这是本章要向读者介绍的内容，它也是学习以后各章内容的基础。 本章内容主要包括： Internet及Web的概念 超文本标记语言 常用的主页制作工具 通过这一章的学习，要求读者： 了解Internet及Web的概念； 熟悉HTML文档格式和常用标签； 了解常用的主页制作工具。 1.1 Internet信息服务 1.1.1 Internet简介 Internet(因特网)是一个通过网络设备把世界各国的计算机相互连接在一起的计算机网络，在Internet上，人们可以利用任何两台支持TCP/IP网络协议的计算机进行通信。所谓协议是指计算机通信所使用的语言和规则。Internet还支持多种流行的程序，包括World Wide Web。 World Wide Web(万维网)是在因特网上运行的全球性分布式信息系统，它是一个抽象的信息场所，在这个场所中，包含了几十乃至几百万台通过超文本传输协议（HTTP）提供信息服务的Web服务器，当用户使用浏览器向这些服务器发出请求时，服务器将把响应信息发送给浏览器，最后由浏览器解释并显示。 你正在使用的计算机可能是一台Web服务器，也可能是一台安装有浏览器的普通计算机，这取决于这台计算机中安装了什么程序，以及这台计算机接入到Internet的接入方式，如果你的计算机不能让其它人访问，那么就不能成为真正的Web服务器。即使这样，你还是可以在计算机上安装一个称为个人Web服务器的程序来运行本教材中的所有实例。 FTP(File Transfer Protocol文件传输协议)，用于将文本、二进制文件和图形从一台计算机传输到另一台计算机，有了它，你可以将编写好的网页传送到能被其它用户访问的Web服务器上。 HTTP(HyperText Transmission Protocol超文本传输协议)用于定义在Web浏览器和Web服务器之间如何传送数据。 在服务器向客户机传送文档之前，客户机和服务器间需要建立TCP连接，之后才发送HTTP请求信息，服务器接收到请求之后就给Web浏览器回送一个HTTP响应信息，最后服务器断开TCP连接。HTTP协议主要用于定义信息的格式。 1.1.2 Web出版 把一些文字、图片、声音等内容组织成一个或多个Web文档，放置在Web服务器上，供用户在能与该服务器相连的机器上访问，这一过程称为Web出版。 Web出版的方式主要有两种，一种是建立一个独立的Web服务器，这需要较高的代价，另一种是在其它服务器上开辟一个空间，通过链接的形式来访问你的Web页。幸运的是，现在有许多站点（像网易、首都在线等）提供免费空间供大家建立网页。 1.2 超文本标记语言 当用户阅读一般文本文件时，一旦遇到不是很清楚的内容，就需要另外打开其它文件，或翻转到本文件的其它位置查看，查看完成后可能已经忘记应该回到哪里继续阅读了，这样给阅读带来很大的不便。为此，我们很希望有一种方法能在需要时自动转到相关内容，并方便地返回。超文本就是为此而设计的。一般把通过在文本中插入链接把相关文本组织在一起而形成的文档称为超文本(hypertext)。通常超文本使用超文本标记语言来描述。 超文本标记语言(HyperText Makeup Language，简称HTML)是一种用来创作万维网页面的描述语言，它使用HTML标签来定义文档的格式、组成和链接关系，供浏览器解释执行。 所谓HTML标签，由3部分组成：左尖括号“＜”，“标签名称”，和右尖括号“＞”。标签通常是成对出现的，分别称为“开始标签”和“结束标签”，结束标签的左尖括号后加一个斜杠符号“/”。 在各种HTML标签中，常常还可以定义一些属性，这些属性用于指出文档元素的一些特性，如背景颜色、字体大小、对齐方式等，指定文档元素属性的附加信息一般放在相应的“开始标签”中。 由于HTML文档是一种没有格式的文档，也称为ASCII文件。因此，HTML文档可以使用任何一种文本编辑器来编写，如记事本、写字板和WORD等。 1.2.1 第一个HTML文档 让我们先来看一个例子。 【例1-1】一个简单Web页 HTML HEAD TITLE我的第一个WEB页/TITLE /HEAD BODY BGCOLOR=WHITE 正文内容写在这里 /BODY /HTML 将上述代码用文本编辑器或其他专门的主页制作软件输入并保存为一个扩展名为htm或html的文件后，在文件夹窗口双击该文件图标，就可看到如图1-1所示的结果。 图1-1 一个简单的Web页 从例出可以看出，一个HTML文档的一般结构如下：