(第一章网页基础.pptVIP

网页设计与制作 信息科学与工程学院 第1章 网页设计基础 1.1 网站与网页 1.1.1 网站与网页的概念 网页是WWW上的基本文档，是使用HTML等工具制作的用于展示特定内容的文件，通常以.htm或.html为扩展名。网页可以独立存在，但常常作为网站的一部分。 网站则是一组相关网页和有关文件的集合，通过“超链接”把这些网页和有关文件连接在一起，网站上的信息就是以网页的形式显示出来的。网站一般有一个特殊的网页作为浏览的起始点，称为主页（Homepage），主页大多是罗列网站的主要内容和一些最新的信息，用来引导用户访问其他网页。 1.1 网站与网页 1.1.2 WWW工作原理 WWW是World Wide Web的缩写，也可以简写为W3、3W、Web等，译为“万维网”或“环球网”，它可以把全球与Internet连接的计算机多媒体信息通过超文本有机地结合在一起，为用户提供了图形化的信息传播界面——网页。 WWW系统由WWW客户机（即运行于客户端的浏览器软件，如IE）、WWW服务器（也称WEB服务器）和超文本传输协议（HTTP）三部分组成。 1.1 网站与网页 1.1.2 WWW工作原理 在WWW上提供信息的每台计算机称为Web服务器，网站通常位于Web服务器上，而浏览网站信息的称为客户机，WWW以客户机/服务器方式进行工作。实际工作过程是：当通过域名（IP地址）访问网站或选择网页中的一个超链接时，WWW客户机就通过域名（IP地址）或把超链接所附的地址读出来，通过HTTP协议向相应的WEB服务器发出一个请求，要求相应的超文本文件，WEB服务器对请求进行处理：当网页中仅包含HTML文档，服务器直接使用HTTP协议将该文档发送到客户端机；如果HTML文档中还包含有JavaScript或VBScript脚本程序代码，这些代码也将随同HTML文档一起下载；如果网页中还嵌套有CGI或ASP程序，这些程序将由服务器执行，并将运行结果通过HTTP协议发送给客户机，最后由浏览器解释HTML文档，并将结果在客户端浏览器上显示，即我们看到的网页。 1.1 网站与网页 1.1.2 WWW工作原理 详细工作过程如图1-1所示。 1.1 网站与网页 1.1.2 WWW工作原理 Web客户机与服务器之间通过超文本传送协议（Hypertext Transfer Protocol），即HTTP协议进行通信，其功能主要包括实现Web客户机与服务器的连接，发出带文件名的请求，接收文件，关闭连接等。 简单地讲，WWW是由无数的网页组合在一起的世界，这些网页依照超文本的格式写成。在WWW技术中，网络浏览（即访问网站）是获取或发发布信息的最重要的手段。 1.1 网站与网页 1.1.3静态网页和动态网页 1. 静态网页 静态网页是标准的HTML文件，其文件扩展名是.htm或.html。它可以包含HTML标记、文本、Jave小程序、客户端脚本以及客户端ActiveX控件，但这种网页不包含任何服务器端脚本，该页中的每一行HTML代码都是在放置到Web服务器前由网页设计人员编写的，在放置到Web服务器后便不再发生任何更改，所以称之为静态网页。 静态网页和动态网页 2. 动态网页 动态网页使用ASP、PHP和CGI等程序生成，动态网页中的某些脚本只能在Web服务器上运行，而静态网页中的任何脚本都不能在Web服务上运行。当Web服务器接收到对静态网页的请求时，服务器将该页发送到请求浏览器，而不进一步的处理。当Web服务器接收到对动态网页的请求时，它将做出不同的反映：服务器根据URL携带的参数通过应用服务软件（如IIS等）运行服务器端程序，产生的结果页面再返回客户端。应用服务软件与Web服务器软件一并安装、运行在同一台计算机上。 1.2 网站的基本结构 网站在计算机中的表示形式就是一个站点文件夹，里面包含一些文件夹和文件，包括网页文件或其他类型的文件。这些看起来单独存在的文件，实际上是通过超链接组织起来的。 超链接就是一个页面到另一个页面的链接，人们打开网站的主页后，通过点击上面的超链接就可以打开相应的网页。正是超链接的存在，才使网站成为一个整体。 1.2 网站的基本结构 按网页在网站中所处的位置可将网页分为主页和子页两类。 1.2 网站的基本结构 1.2.1 网站的超链接结构 1. 线性网站 线性网站采取网页之间依次相连的线性形式来浏览网页的内容，如图1-2所示，这种网站的结构非常简单。 图1-2 线性结构 1.2 网站的基本结构 1.2.1 网站的超链接结构 2. 层次网站 层次网站的结构方式类似于一棵树，主页