第一章 Web网页制作基础.ppt

1.2.1 Web的特点 Web发展到今天，已经具有以下特点 （1）Web是一种超文本信息系统 （2）Web是图形化的和易于导航的 （3）Web与平台无关 （4）Web是分布式的 （5）Web具有新闻性 （6）Web是动态的、交互的 1.2 Web简介 * Web是基于客户机/服务器的一种体系结构，在Web方式下客户端软件常用浏览器，如图所示。 “客户机”和“服务器”概念上更多的是指软件，是指两台机器上相应的应用程序，或者说是图中的“客户机进程”和“服务器进程”。 1.2.2 Web工作原理 * Web服务器向浏览器提供服务过程可以归纳为以下几个步骤： （1）用户打开计算机（客户机），启动浏览器程序（Netscape Navigator, Microsoft Internet Explore等），并在浏览器中指定一个URL（Uniform Resource Locator，统一资源定位器），浏览器便向该URL所指向的Web服务器发出请求。 （2）Web服务器（也称为HTTP服务器）接到浏览器的请求后，把URL转换成页面所在服务器上的文件路径名。 （3）如果URL指向的是普通的HTML文档，Web服务器直接将它送给浏览器。HTML文档中可能包含有Java、JavaScript、ActiveX、VBScript等编写的小应用程序，服务器也将其随HTML一道传送到浏览器，在浏览器所在的机器上执行。 （4）如果HTML文档中嵌有ASP或CGI（Common Gateway Interface，公共网关接口）程序，Web服务器就运行ASP或CGI程序，并将结果传送至浏览器。 （5）URL也可以指向VRML（Virtual Reality Modeling Language）文档。只要浏览器中配置有VRML插件，或者客户机上已安装VRML浏览器，就可以接收Web服务器发送的VRML文档。 1.2.2 Web工作原理 * 1. 网页 1.2.3 Web页面 WWW是由遍布世界各地的Web服务器组成，那么，这些Web服务器又是如何构成一个庞大的资源集合呢？答案就是网页。由于网页中包含“超链接”，这些超链接可以将一个网页链接到其他网页，从而构成了万维网的纵横交织结构。 网页（Web Page)： 是一种存储在Web服务器上，通过Web进行传输，并被浏览器所解析和显示的文档类型。Internet上的信息携带者。如下图所示。 * * 2. 网页组成元素 * 1.2.3 Web页面 * 3. 网页的本质 浏览者是通过浏览器来访问Web服务器上的网页的。那么，网页的本质到底是什么呢？如果在浏览器窗口中任意打开一个网页，然后选择“查看”菜单中的“源文件”命令，则系统会启动“记事本”程序，其中包含一些文本信息，如图1-2所示，图1-2所示的为Example1的源代码。 1.2.3 Web页面 * 图1-2 网页的本质 * 这些文本实际就是网页的本质——HTML源代码。由此可以看出，网页就是用HTML写成的文档，在Internet中可以通过浏览器程序进行浏览。 HTML（Hypertext Markup Language，超文本标记语言）是表示网页的一种规范，它通过标签（也叫做标记符）定义了网页内容的显示。它是在文本文件的基础上加上一系列标记，用以描述其颜色、字体、文字大小、格式，再加上声音、图像、动画甚至视频等形成精彩的页面。 1.2.3 Web页面 超级文本（HyperText）与普通文本不同，它是一种使用户与计算机之间发生更加密切交流的文本显示技术，它通过对相关词汇进行索引链接，可以使带链接的词汇或语句指向文本中的其他段落、注解或文本。 * 1.2.3 Web页面 4. 网站(Website) 网站(Website)：通过超链接连接起来的一系列逻辑 上可以视为一个整体的一些网页就叫做网站。或者 说，网站就是一个链接的页面集合，通常为了完 成某个特定目标。 网站主要由主机、域名、网页等组成。它是存放在网络服务器上的完整信息的集合体。建设网站，就是在自己的计算机上安装Web服务器，设计制作自己的网页并且发布出去。 * 1.2.3 Web页面 4. 网站(Website) 一般情况下，网站都有一个首页，或者说主页，作 为网站的开始点。首页的作用一般像是一本书的目 录，使访问者能够了解网站的内容。首页的名称一 般是固定的，例如index.htm或default.htm等（具体 名称由Web服务器确定） * 1.2.3 Web页面 5. 静态网页与动态网页 静态网页也称为普通