2023年11月28日发(作者：)

第二章 站点规划及建立

（一）教学要求

1、理解建立站点的必要性。

2、掌握如何规划站点、管理站点。

3、熟练掌握创建Web站点的基本方法与步骤。

（二）内容提要

1、站点的设计与规划。

2、合理组织站点内容。

（三）重点、难点

1、重点：站点结构、组织站点内容、管理站点。

2、难点：站点规划。

第一部分 站点的设计与规划

Dreamweaver最强大的功能就是站点管理。在Dreamweaver中制作网

站，首先需要定义一个本地站点，因为只有在站点内才可以利用将在以后章

节中讲述的模板、资源管理和库等高级功能编辑更新网站。

利用Dreamweaver 8中的【文件】面板可以解决多方面的问题。其优点

包括自动更新链接，自动复制文件到当前默认站点，自动生成站点映射并且

可以保存输出，自动在整个站点中寻找坏的链接，利用自带的FTP功能及

时远程管理用户的站点，而且采用所见即所得的形式，并且完全支持鼠标拖

放。模板的应用简化了页面的创建过程，并且使站点的更新变得非常容易。

在本章中，首先来了解Internet信息、服务器的安装与调试和如何建立

站点以及管理站点。

1

2.1 创建站点

站点管理是站点管理员的基本工作之一。如果你并不只是需要编辑单个

页面，那么最好让你的工作从建立一个站点开始，站点管理会让你的工作简

单而富有成效，并且许多功能必须在站点中才能实现。

2.1.1 服务器种类

2.1.2 安装PWS与IIS

2.1.3 配置IIS

2.2 课堂练习2-1：创建一个本地站点

实验目标

因为要把所有Web站点文件保存在站点的根目录中，所以一个本

地站点需要一个名字和一个根目录。不同的Web站点要有不同的本地站点。

定义本地站点，就是在自己计算机的硬盘上建立一个目录，然后将所有与制

作网页相关的文件都存放在里面，以便进行网页的制作和管理。因此，站点

就可以理解成同属于一个Web主题的所有文件的存储地点。在此就练习创

建本地站点。

2.3 站点维护

在管理站点之前，先来了解一下什么是本地站点，什么是远端站点。

严格地说，站点也是一种文档的磁盘存储形式，它同样是由文档和文档所在

的文件夹组成的。设计良好的网站通常具有科学的结构，利用不同的文件夹，

将不同的网页内容分门别类地保存，这是设计网站的必要前提。结构良好的

网站，不仅便于管理，也有利于更新。

2.3.1 管理站点

2

2.3.2 使用站点地图

2.3.3 在站点地图中管理网页

2.4 上传和下载

资源从Internet服务器下传到本地计算机这个过程称作下载，而资源从

本地计算机上传到Internet服务器上的这个过程称作上传。实际上，在正常

的浏览过程中，经常 会进行上传和下载的操作。比如在本地计算机上

浏览网页，实际上就是将Internet服务器上的网页下载到本地计算机上，然

后进行浏览；而很多网站比如免费电子邮件网 站，都会要求用户输入用

户名和密码，这实际上就是将用户的信息上传到Internet服 务器上。

2.4.1 设置远端服务器和FTP属性

表6-1

站点子面板中的各种参数以及功能

功能 名称

设置本地文件和远端文件在站点管理窗口中的显示位置 总是显示

设置下载/取出、上载/存回时是否提示 相关文件

设置空闲多少时间后离线 FTP连接

设置在连接失败多少秒后终止尝试 FTP作业超时

设置防火墙的主机地址 防火墙主机

设定防火墙的端口号 防火墙端口

上载前先保存文件 上载选项

要移动服务器上的文件时提示 移动选项

2.4.2 上传文件

2.4.3 下载文件

2.5 文件遮盖

在开发网站的过程中，有些文件属于中间文件，也就是这些文件只参与

页面设计，而不必进行上传和下载操作。利用Dreamweaver 8的文件遮盖功

3

能，就可以设置站点中的某些文件或者某些文件不参与上传和下载操作。将

文件上传到Internet站点时，文件遮盖功能就显得非常有用了，它不仅能减

少上传文件的数量，节省带宽，也可节约Internet服务器磁盘空间。实际上，

文件遮盖不仅仅用于遮盖那些中间文件，也可用来限制某些文件被用户上传

或下载。

2.5.1 文件遮盖影响及设置

2.5.2 激活和关闭文件遮盖

2.6 站点测试

网站制作完成后，在没有上传之前，还要进行一项比较重要的工作，

就是在本地对自己的网站进行测试，以免上传后出现这样或者那样的错误，

给修改带来不必要的麻烦。本地测试包括链接测试、不同浏览器的测试和不

同分辨率的测试等。

2.6.1 检查文件间的链接

2.6.2 修复损坏的链接

2.6.3 浏览器测试

表6-2

浏览器参数和功能

参数 功能

编辑 用于修改选定浏览器的设置

默认 选择默认的浏览器

主浏览器 将选定的浏览器设置为主浏览器

次浏览器 将选定的浏览器设置为次浏览器

使用临时文件预览 选择在预览时是否使用创建的临时副本

此按钮用于向列表框中添加一个新的浏览器

此按钮用于删除列表框中选定的浏览器

2.7 网页过渡效果

4

网页过渡是指当浏览者进入或离开网页时,页面呈现的不同的刷新

效果,比如溶解、卷动等。这样你的网页看起来更具有动感，不过也要注意

适可而止，否则太花哨的变化也容易引起浏览者的反感。在设置网页过渡效

果META对话框中，在【属性】下拉列表中选择HTTP-equivalent选项；【值】

文本框中输入Page-Enter，表示进入网页时有网页过渡效果，或者是

Page-Exit，表示离开网页时有网页过渡效果；在【内容】文本框中输入的

Revealtrans(Duration=4,Transition=2)，Duration=4表示网页过渡效果的延续

时间为4秒，Transition表示过渡效果方式，值为2时表示圆形收缩即可。

网页过渡效果有20多种可供选择，具体效果和设置如表2-3所示。

表6-3

网页过渡效果种类

效果 效果

盒状收缩

盒状展开

向上擦除 中部向左右

Content Transitionv Content Transitionv

圆形收缩

圆形展开

展开

RevealTrans 0

RevealTrans 1

RevealTrans 4 RevealTrans 14

RevealTrans 2

RevealTrans 3

RevealTrans 15 RevealTrans 5

向下擦除 上下向中部

收缩

向左擦除 中部向上下

RevealTrans 6 RevealTrans 16

展开

RevealTrans 17 RevealTrans 7

RevealTrans 18 RevealTrans 8

RevealTrans 19 RevealTrans 9

RevealTrans 20 RevealTrans 10

RevealTrans 21 RevealTrans 11

向右擦除 阶梯状向左

下展开

垂直百叶窗 阶梯状向左

上展开

水平百叶窗 阶梯状向右

下展开

横向棋盘式 阶梯状向右

上展开

纵向棋盘式 随机水平线

5

溶解 随机垂直线

左右向中部随机

收缩

RevealTrans 12 RevealTrans 22

RevealTrans 13 RevealTrans 23

2.8 课堂练习2-2：动态检测浏览器

实验目标

在Dreamweaver 8版本中，除了多浏览器检测页面运行错误的功能

外，还新增了验证标记功能。当我们精心制作了一个网页，在有些浏览器下

运行可能会出现错误，有时候甚至连文字链接、版式都不统一了。为了避免

这种情况的发生，从Dreamweaver 2004版本起增加了支持多款浏览器检测

功能。而Dreamweaver 8版本中的验证标记功能则可以查明代码是否存在标

签错误或者语法错误。因此，使用动态检测浏览器功能就可以在设计和制作

网页时减少或者避免由于浏览器不同而造成网页版式、链接的混乱，影响网

页效果。

2.9 思考与练习

第二部分 动态站点的运行环境配置

2.1 ASP 运行环境的配置

1、IIS配置：

6

运行ASP页的前提是要有IIS的支持。IIS（Internet Informatiom

Server ）是集成于Windows 2000/NT/XP/2003的WEB服务器。利

用IIS可以发布信息到浏览器中，可以容纳多个WEB站点。

配置IIS服务器（以Windows2003为例）：默认情况下安装win

dows并未安装IIS，因此需要手动添加，打开Windosw的控制面板/

添加删除程序/windows组件打开图示对话框：

选择[应用程序服务器]，单击[详细信息]，打开[应用程序服务

器]对话框：

勾选(如果需

要制作页)；

选择[internet信息服

务（IIS）]，单击[详细信

息]按钮，打开对话框，勾

选[FrontPage 2002 Server

Extensions]和[Internet 信

7

息服务管理器]，

然后连续单击[确定]，开始安装IIS，如果提示放入安装盘，请

将Windows的安装盘放入光驱中，过一会儿提示安装成功，这样便

配置了IIS。

2、设置站点或虚拟目录：

设置好IIS后，会自动生成

一个默认的站点，其默认路径是

（如果Windows安装在C盘）c:

Inetpubwwwroot

如果需要修改或添加虚似

目录可以在Windows的控制面板中找到[管理工具]/[Internet信息服

务（IIS）]打开图示的对话框：

右击[默认站点]，选择[属性]，打开对话框，可以设置和修改

目录如图示：

在该对话框中选择[主目录]，然后设置虚似目录的本地目录，

设置对文件的读写权限等。单击[配置]可以打开应用程序配置对话

框，在该对话框中的[选项]中可以设置[会话超时]即[ASP脚本超时]

等。

3、新建

网站（以Drea

mweaver MX

2004 为例）

8

、打开Dreamweaver，

单击菜单[站点]/[管理站

点]，在弹出的对话框中选择

新建。然后在[您打算为站点

取什么名称]中键入站点的

名称，如web，单击下一

步弹出图示对话框。选

择一种服务器技术如[A

SP VBScript],然后单击

下一步，弹出图示对话框。选择[在本地进行编辑和测试]，在[你

将把文件存储在计算机上的什么位置]中键入文件的保存路径，这

里要键入绝对路键（与前面虚似目录的绝对路径最好相同），单击

下一步，弹出图示对话框，键入测试服务器名称，即虚似目录如：

localhost/web1/

注意：这里的web1即是在IIS中设置的虚似目录的别名。然后

连续单击下一步两次，这样就完成了一个ASP站点的设置。

实验二 动态站点的运行环境配置

[实验学时]4学时

[实验目的]通过实验，使学生能正确配置ASP、PHP、JSP运行环境。

9

重点掌握在window系统中配置IIS及虚拟目录的设置。

[实验内容]

1、IIS的配置、设置虚拟目录；

2、PHP运行环境的配置；

3、JSP运行环境配置。

[实验设备] 电脑（P4以上计算机）、操作系统及ASP相关软件

[实验过程]：

一、 ASP 运行环境的配置

1、IIS配置：

配置IIS服务器（以Windows2003为例）：默认情况下安装wind

ows并未安装IIS，因此需要手动添加，打开Windosw的控制面板/

添加删除程序/windows组件打开图示对话框：

选择[应用程序服务器]，单击[详细信息]，打开[应用程序服务

器]对话框：

勾选(如果需要制作页)；

10

选择[internet信息服务（IIS）]，单击[详细信息]按钮，打开对

话框，勾选[FrontPage 2002 Server Extensions]和[Internet 信息服

务管理器]，

然后连续单击[确定]，开始安装IIS，如果提示放入安装盘，请

将Windows的安装盘放入光驱中，过一会儿提示安装成功，这样便

配置了IIS。

2、设置站点或虚拟目

录：

设置好IIS后，会自动

生成一个默认的站点，其

默认路径是（如果Window

s安装在C盘）c: Inetpub

wwwroot

如果需要修改或添加虚似目录可以在Windows的控制面板中

找到[管理工具]/[Internet信息服务（IIS）]打开图示的对话框：

右击[默认站点]，选择[属性]，打开对话框，可以设置和修改

目录如图示：

在该对话框中选择[主目录]，然后设置虚似目录的本地目录，

11

设置对文件的读写权限等。单击[配置]可以打开应用程序配置对话

框，在该对话框中的[选项]中可以设置[会话超时]即[ASP脚本超时]

等。

3、新建网站（以Dr

eamweaver MX 2004

为例）

打开Dreamweaver，

单击菜单[站点]/[管理站点]，在

弹出的对话框中选择新建。然

后在[您打算为站点取什么名称]

中键入站点的名称，如web，单

击下一步弹出图示对话框。选

择一种服务器技术如[ASP

VBScript],然后单击下一步，

弹出图示对话框。选择[在本

地进行编辑和测试]，在[你将把文件存储在计算机上的什么位置]

中键入文件的保存路径，这里要键入绝对路键（与前面虚似目录

的绝对路径最好相同），单击下一步，弹出图示对话框，键入测试

服务器名称，即虚似目录如：

localhost/web1/

注意：这里的web1即是在IIS中设置的虚似目录的别名。然后连续单击

下一步两次，这样就完成了一个ASP站点的设置。

12