第1篇 Web设计基础.ppt

FrontPage网页设计与网站制作 周文彬zhouwenbin@ 第1章 Web设计基础 1.1 Web简介 1.2 网络基础知识 1.3 Web页的建立、保存与浏览 1.4 超文本标记语言(HTML) 1.5 可扩展标记语言XML简介 实训一 1.1 Web 简 介 随着Internet的不断发展、普及和推广，Web在人们的工作、学习和生活中所起的作用越来越大。从国家的政府部门到全国的各大高校、科研院所，从公司到企业甚至个人，纷纷建立了自己的Web，通过Internet把各种信息传播到了世界各地。Web正在逐渐成为人们进行工作、学习、技术交流、经贸往来等各种社会活动的主要信息载体。 那么，什么是Web呢？Web的英文全称为World Wide Web(简称为Web、WWW或3W)，中文通常称它为万维网、全球信息网、环球网。简单地说，Web是基于Internet并采用Internet协议的一种体系结构，是Internet上提供的一种服务。通过Web，任何人都可以访问处在Internet上任何位置的Web。 通常，Web是由多个Web页通过超链接(Hyperlink)的形式，将Web页以及其他相关的组件关联在一起，形成的一个具有一定目的和内容的整体，我们称它为Web站点或网站。进入Web站点首先看到的那一页被称为主页或首页(Home Page)。通过Web可以获得文本、图形、视频、音频等多种媒体信息，这些媒体被称为超媒体(Hypermedia)。 1.1.1 Web的工作原理 Web的工作原理基于客户机/服务器(Client/Server，简称C/S)模式(如图1-1所示)。这种模式也被称为浏览器/服务器(Browser/Server)模式。当客户端用户使用浏览器向Web服务器发出浏览请求后，浏览器会根据用户指定的统一资源定位器(URL，Uniform Resource Locator)向相应的Web服务器发出请求。Web服务器(也称为HTTP服务器)接到请求后，将按照网络的传输控制/网际协议(TCP/IP，Transmission Control Protocol/Internet Protocol)和超文本传输协议(HTTP，HyperText Transport Protocol)， 把统一资源定位器转换成页面所在服务器上的文件路径名，并调用相应的内容，由客户端的浏览器显示用户所请求的信息。因此从工作原理上讲，Web是由Web客户机、Web服务器、TCP/IP和HTTP协议构成的。Web涉及到许多技术，包括服务器技术、HTML技术、XML技术、ASP技术、JavaScript技术以及ActiveX技术和VRML技术等。 图1-1 客户机/服务器模式 1.1.2 Web的主要特点 Web的主要特点在于，它是一个使用了超文本(Hypertext)的信息系统。超链接把Web上的各种信息连接起来，在Web上通过点击超链接元素，就可以从当前的位置链接到其他的Web上，从一个主题迅速跳到另一个主题。Web的另一个主要特点是它的交互性。一方面通过Web服务器可以发布大量的超媒体信息； 另一方面，客户机也可以通过使用浏览器向Web服务器提交命令和用户信息，常见的诸如“客户登记注册表”、“读者调查表”等等，就是客户通过浏览器实现与Web交互的过程。此外，用户也可以在Web服务器上存放和发布自己的信息或者网页。 1.2 网络基础知识 在着手建立Web之前，必须具备一定的网络基础知识，诸如上面提到的TCP/IP协议、HTTP协议、IP地址、域名地址、URL等。了解这些知识，对于理解超链接、网络浏览等概念是十分必要的。 1.2.1 Internet的协议 1.  TCP/IP协议 传输控制/网际协议是一个在Internet上实现异种网之间的信息交换而使用的网络通信协议标准。它是一个协议集，其中最重要的是TCP/IP协议。凡是连入Internet的计算机，不论是何种类型和规模都必须安装和运行TCP/IP协议。 2.  HTTP协议 超文本传输协议是专门用于在Web浏览器和服务器之间传输超文本文档的。HTTP协议是TCP/IP协议集应用层中的协议之一。它要在通过DNS进行域名和IP地址的转换，建立TCP链接之后才能进行文档的传输。 1.2.2 IP地址、