第二章 静态网站模拟

制作一个主页，主页上有该组四个成员的名字，每个名字都设置一个链接，然后再制作四个子页，分别写有组员的姓名，使主页上的每一个名字链接到四个子页上。最后在其中一台电脑上访问所有的页面。

首先是五个网页的制作，这需要用到超文本标记语言HTML。然后四个子页分别在四台电脑上，要通过主页访问每个子页。

§2.1引言

要使任何一台计算机都能显示出任何一个万维网服务器上的页面，就必须解决页面制作的标准化问题。超文本标记语言HTML就是一种制作万维网页面的标准语言，它消除了不同计算机之间信息交流的障碍。

2.1.1 万维网WWW

万维网是一个大规模的、联机时的信息储藏所。万维网用链接的方法能非常方便地从因特网上的一个站点访问另一个站点（也就是所谓的“链接到另一个站点”），从而主动地按需获取丰富的信息。

图2-7万维网的的工作过程

7

万维网以客户服务器方式工作。上面所说的浏览器就是在用户主机上的万维网客户程序。万维网文档所驻留的主机则运行服务器程序，因此这个主机也称为万维网服务器。客户程序向服务器程序发出请求，服务器程序向客户程序送回客户所要的万维网文档。在一个客户程序主窗口上显示出的万维网文档称为页面。

【4】

2.1.2 超文本传送协议HTTP

HTTP协议定义了浏览器(即万维网客户进程)怎样向万维网服务器请求万维网文档,以及服务器怎样把文档传送给浏览器。从层次的角度看，HTTP是面向事务的应用层协议，它是万维网上能够可靠地交换文件的重要基础。

HTTP使用了面向连接的TCP作为运输层协议、保证了数据的可靠传输。HTTP协议本身是无连接的。

【5】

2.1.3 万维网的文档-超文本标记语言HTML

< /HEAD >

HTML很容易掌握

这是第一个段落。

这是第二个段落。

上述例子说明了HTML文档中标签的用法。

另外为了标志分布在整个因特网上的万维网文档，万维网使用统一资源定位符URL来标志，并使每一个文档在整个因特网的范围内具有统一的标识符URL。

8

§2.2 实验设计

2.2.1 设计思想

用Dreamweaver网页制作软件制作五个静态网页，一个做为主页，另外四个做为子页，子页分别在存储四台计算机上，使主页上的四个链接分别链接到四个子页上。

将四台电脑连入同一局域网内，这样当在其中一台电脑中输入另一台电脑的IP地址，可以访问主页，再点击姓名下的链接，进而访问所有页面。

存储有主页的计算机需要配置IIS，并将主页设置为默认文档。

2.2.2 详细设计

网页制作：用Dreamweaver软件制作制作静态网页。

Index1.html、zhangjie.html、yangguotao.html、guiqirui.html、wangwenli.html IIS的配置：简要步骤如下

通过计算机的“打开或关闭Windows功能”，把interlnet信息服务的所有组件全部勾起来，完成安装。

然后打开Internet信息服务（IIS）管理器，进入管理页面，点击左侧的网站，出现如图界面：

图 2-8 IIS配置界面

9

双击

，选择添加新项目，将主页Index1.html添加到默认文档。

图2- 9 默认文档

图 2-10 默认文档

测试：在浏览器的地址栏输入有主页的主机的IP地址。即可访问主页，再通过点击主页上的姓名，即可通过链接访问另外四个子页。

§2.3 实验结果分析

2.3.1 实验结果

在浏览器的地址栏输入http://192.168.15.8，即出现主页页面，如下图：

10

图 2-11 主页

点击主页上的姓名张婕，即可访问子页，如下图：

图2-12 子页

点击其他姓名，同理可出现不同子页：

11