动态网站设计制作与维护 - 万水书苑-出版资源网

2­1­1  工作任务  1．创建本地静态站点，站点名为 class。  2．创建本地动态站点，站点名为 MyClass。  2­1­2  任务实现 任务 1  创建本地静态站点。 使用 Dreamweaver 创建名为 class 的本地静态站点。 【任务分析】 站点的作用是便于组织和管理所有的 Web  文档，在 Dreamweaver 中站点有本地站点、远 程站点和测试服务器站点。 在制作网站前，为了以后制作网页方便，最好先创建一个本地站点，用来存放站点中所 有的网页文件及其附属文件。 建立本地站点就是在本地计算机硬盘上建立一个文件夹并用这个 文件夹作为站点的根目录， 然后将网页及其他相关的文件存放在该文件夹中。 当准备发布站点 时，将文件夹中的文件上传到 Web 服务器即可。 使用  Dreamweaver  可以很方便地对站点内的文件进行管理。有两种方法可以完成本地站 点的创建。 方法一：使用“站点定义”对话框的“基本”选项卡（站点定义向导）创建本地站点。 方法二：使用“站点定义”对话框的“高级”选项卡创建本地站点。 【操作步骤】 方法一：使用“站点定义”对话框的“基本”选项卡（站点定义向导）创建本地静态站 点 class。 （1）启动 Dreamweaver CS3。 可采用如下两种启动方法：

l 若桌面上有 Dreamweaver CS3 快捷方式，双击快捷方式即可完成启动工作。 （2）创建名为 class 的本地静态站点。  1）执行“站点”→“新建站点”命令，弹出“站点定义”对话框。单击“基本”选项卡， 打开“未命名站点 1 的站点定义为”对话框，如图 2­1 所示。 图 2­1  “站点定义”对话框的“基本”选项卡  2）在“您打算为您的站点起什么名字？”文本框中输入要创建的站点名称 class，其他选 项取默认设置，如图 2­2 所示。 图 2­2  为站点起名字 class

图 2­3  选择是否使用服务器技术  4）单击“下一步”按钮，打开如图 2­4 所示的对话框，在“在开发过程中，您打算如何 使用您的文件？” 中选取默认选项 “编辑我的计算机上的本地副本， 完成后再上传到服务器 （推 荐）（E） ”选项，在“您将把文件存储在计算机上的什么位置”框中选择  c:\ClassWeb  作为站 点位置。 图 2­4  指定站点位置

5）单击“下一步”按钮，打开如图 2­5 所示的对话框，在“您如何连接到远程服务器？” 下拉列表框中选择“无” ，因为没有使用远程服务器，采取的是将整个站点制作完成以后再上 传，所以这里不使用远程服务器。 图 2­5  选择连接到远程服务器的方式  6）单击“下一步”按钮，将显示站点概要，检查信息是否正确，如发现有错误或有需要 更改的部分，可以单击“上一步”按钮到相应步骤进行修改；如信息正确则单击“完成”按钮 完成站点的建立，如图 2­6 所示。 图 2­6  站点概要

图 2­7  “站点定义”对话框的“高级”选项卡  2）从“分类”列表框中选择“本地信息”选项（默认选择项） ，设置其各项参数，如图  2­8 所示。 ① 站点名称：在文本框中输入站点的名称 class。 ② 本地根文件夹：输入 C:\ClassWeb，或者单击右侧的文件夹图标浏览到 C:\ClassWeb 文 件夹。 ③ 默认图像文件夹：它是为 Dreamweaver 使用外部图像时指定一个“默认图像文件夹” ， 这样更便于管理图像。这里选取 C:\ClassWeb\images。 ④ 缓存：选中该项时可以使文件的移动、更名、查找等站点管理操作速度加快。 ⑤ 其他选项取默认设置。  3）从“分类”列表框中选择“远程信息”选项。 “远程信息”用于对网站上传到服务器 或使用网络存储进行设置。这里“访问”选择“无” ，如图 2­9 所示。

图 2­8  “本地信息”参数

图 2­9  “远程信息”参数 

4）从“分类”列表框中选择“测试服务器”选项，如图 2­10 所示。 服务器模型：选择“无” （默认选项）。

图 2­10  “测试服务器”参数  5）单击“确定”按钮，完成使用“高级”选项卡创建静态站点 class。 任务 2  创建本地动态站点。 使用 Dreamweaver CS3 创建名为 MyClass 的本地动态站点。 【任务分析】 该任务是创建名为  MyClass  的本地动态站点。创建动态站点与静态站点的不同之处是需 要安装和配置 Web 服务器，所以本任务分为如下几个子任务： 任务 2.1  安装 IIS（Internet Information Server） 。 任务 2.2  设置 Web 服务器。 任务 2.3  创建名为 MyClass 的动态站点。 任务 2.4  测试动态站点 MyClass。 【操作步骤】 任务 2.1  安装 IIS（Internet Information Server） 。 要完成动态站点的创建需要使用  Web  服务器。目前网站的服务器一般安装在  Windows  NT、Windows  Server  2003 或 Windows  XP 操作系统中。这 3 种系统中必须安装有 IIS 才能运 行动态网站。下面以 Windows XP 操作系统为例讲述 IIS 的安装与使用过程。 （1）执行“开始”→“设置”→“控制面板”命令，双击“控制面板”窗口中的“添加  /删除程序”图标，打开“添加或删除程序”窗口，如图 2­11 所示。 （2）单击左侧窗格中的“添加/删除  Windows  组件”选项，弹出“Windows  组件向导” 对话框，进行组件的选择，如图 2­12 所示。 （3）双击“Internet 信息服务（IIS） ”选项，弹出如图 2­13 所示的对话框，选择完成所有

希望完成的子组件后（确保选中“Internet 信息服务管理单元”和“万维网服务”等内容），单 击“确定”按钮，返回到如图 2­12 所示的对话框中。 图 2­11  “添加或删除程序”窗口 图 2­12  “Windows 组件向导”对话框 （4）单击“下一步”按钮，弹出如图 2­14 所示的“正在配置组件”对话框，在安装过程 中系统会提示插入 Windows XP 的系统安装光盘，此时将其路径指向 Windows XP 安装程序的  i386 目录下即可。 （5）组件配置完成之后单击“完成”按钮，完成 IIS 的安装，如图 2­15 所示。

图 2­13  IIS 组件的选择对话框

图 2­14  “正在配置组件”对话框

（6）检测 IIS 安装是否成功。启动浏览器，在地址栏中输入 http://localhost/，若出现如图  2­16 所示的页面，则表示 IIS 运行正常。 图 2­16  IIS 安装成功后的界面 任务 2.2  设置 Web 服务器。 安装完 IIS 后，就可以利用 IIS 在本机上创建 Web 站点了，但必须进行设置。如将 IIS 默 认启用文档设为 index.html，则必须进行 Internet 信息服务的设置。 默认情况下，IIS 的站点根目录为系统盘下的\Interpub\wwwroot 目录。本书中，为学习 创建网站的全过程，没有使用默认目录，而是将 C:\ClassWeb 文件夹作为 Web 网站的发布 目录。 本任务讲解设置站点发布目录为 C:\ClassWeb，设置默认启用文档为 index.html 的具体 过程。 （1）执行“开始”→“设置”→“控制面板”命令，打开“控制面板”窗口。 （2）在 Windows XP 操作系统分类视图下，单击“性能和维护”图标 ，打开“性 能和维护”窗口（若在 Windows  XP  操作系统经典视图下，则双击“管理工具”图标 打开 “管理工具”窗口） ，如图 2­17 所示。 （3）双击“Internet 信息服务”图标，打开“Internet 信息服务”窗口，如图 2­18 所示。 （4）在左侧窗格的列表中依次展开“Internet 信息服务”→“本地计算机”→“网站”→ “默认网站”并右击，在弹出的快捷菜单中选择“属性”命令，如图 2­19 所示，弹出“默认 网站属性”对话框，选择“主目录”选项卡，在“本地路径”右侧的文本框中系统默认的是  C:\Inetpub\wwwroot，将其修改为  C:\ClassWeb，或通过单击“浏览”按钮选择  C:\ClassWeb， 其他选项取默认设置，如图 2­20 所示。

图 2­17  “管理工具”窗口

图 2­18  “Internet 信息服务”窗口

注意：在“主目录”选项卡中设置站点文件的位置，这是设置 IIS 中最重要的一个选项， 因为一般  C  盘作为系统盘容易受到病毒的攻击，因此，若在自己的笔记本电脑上设置站点目 录，最好将站点放置到除 C 盘以外的盘符上。

图 2­19  选择“属性”命令 图 2­20  “主目录”选项卡 （5）在“文档”选项卡中，修改浏览器默认主页为 index.html 及调用顺序，若在文档列 表框中没有所要设置的文件，则单击右侧的“添加”按钮，将所需文件添加入文档列表框中， 并设置其调用顺序，将 index.html 设置为顶端第一个，如图 2­21 所示。这样设置后，在使用  http://localhost 来访问本地主机 Web 站点时，将显示 Web 站点下 index.html 的内容。 至此，完成了 Web 服务器的设置。 任务 2.3  创建名为 MyClass 的动态站点。 与创建静态站点类似，有两种方法可以完成该任务。 方法一：使用“站点定义”对话框的“基本”选项卡创建本地动态站点。

图 2­21  “文档”选项卡 方法二：使用“站点定义”对话框的“高级”选项卡创建本地动态站点。 【操作步骤】 方法一：使用“站点定义”对话框的“基本”选项卡创建本地动态站点 MyClass。 （1）启动 Dreamweaver CS3。 （2）创建名为 MyClass 的本地动态站点。  1）执行“站点”→“新建站点”命令，弹出“站点定义”对话框，单击“基本”选项卡， 如图 2­22 所示。 图 2­22  “站点定义”对话框的“基本”选项卡  2）在“您打算为您的站点起什么名字？”文本框中输入要创建的站点名称  MyClass，其

他选项取默认设置，如图 2­23 所示。 图 2­23  为站点起名字 MyClass  3）单击“下一步”按钮，出现向导的下一个界面，询问是否要使用服务器技术，因为要 建立的是一个动态站点，所以选择“是，我想使用服务器技术”选项，在“哪种服务器技术” 下拉列表中选择 ASP VBScript 技术（本书中选择 ASP VBScript 脚本作为代码编写的主脚本） ， 如图 2­24 所示。 图 2­24  选择是否使用服务器技术  4）单击“下一步”按钮，打开如图 2­25 所示的对话框，在“在开发过程中，您打算如何

图 2­25  指定站点位置  5）单击“下一步”按钮，打开如图  2­26  所示的对话框，采用默认的设置，单击“测试  URL”按钮完成测试，URL 前缀测试成功的界面如图 2­27 所示。 图 2­26  测试文件  6）单击“下一步”按钮，询问是否使用服务器，因为没有使用远程服务器，所以这里选 择“否” ，将整个站点制作完成以后再上传，如图 2­28 所示。

图 2­27  URL 测试成功界面

图 2­28  选择是否使用服务器 

7）单击“下一步”按钮，将显示站点概要，如图 2­29 所示，单击“完成”按钮完成动态 站点 MyClass 的创建。

图 2­30  “站点定义”对话框的“高级”选项卡 

2）从“分类”列表框中选择“本地信息”选项（默认选择项） ，设置其各项参数，如图  2­31 所示。

① 站点名称：在文本框中输入站点的名称 MyClass。 ② 本地根文件夹：输入 C:\ClassWeb，或者单击右侧的文件夹图标浏览到该文件夹。 ③ 默认图像文件夹： 它是为 Dreamweaver 在使用外部图像时指定一个 “默认图像文件夹” ， 这样更便于管理图像。这里选择 C:\ClassWeb\images。 ④ 缓存：选中该项时可以使文件的移动、更名、查找等站点管理操作速度加快。 ⑤ 其他选项取默认设置。  3）从“分类”列表框中选择“远程信息”选项，在“访问”下拉列表框中选择“无” ， 如图 2­32 所示。 图 2­32  “远程信息”参数  4）从“分类”列表框中选择“测试服务器”选项，设置其各项参数，如图 2­33 所示。单 击“确定”按钮，即完成动态站点 MyClass 的创建。 服务器模型：从下拉列表框中选择 ASP VBScript。 访问：设置服务器的访问类型，选择“本地/网络” 。 测试服务器文件夹：是用来存放网站源代码的根目录，这里选择 C:\ClassWeb。  URL 前缀：选择默认的 http://localhost。 任务 2.4  测试动态站点。 动态站点 MyClass 创建完成后，需要测试创建是否成功。 （1）在 C:\ClassWeb 文件夹下新建文本文档，在文本文档内输入如下代码内容： 今天的日期是：<%=date()%>  （2）在记事本中执行“文件”→“另存为”命令，弹出“另存为”对话框，在“保存类 型”下拉列表框中选择“所有文件（*.*） ” ，在“文件名”组合框中输入文件名为 test.asp，单 击“保存”按钮。

图 2­33  “测试服务器”参数 （3）打开浏览器，在地址栏中输入  http://localhost/test.asp，检查网页内容是否将当前日 期显示出来，若能正常显示表明动态站点创建成功。  2­1­3  相关知识  1．静态网站与动态网站 静态网站和动态网站各有特点，网站采用动态网站还是静态网站主要取决于网站的功能 需求和网站内容的多少，如果网站功能比较简单，内容更新量不是很大，采用纯静态网站的方 式会更简单，其他情况下一般要采用动态网站。 （1）静态网站。  1）认识静态网站。 静态网站纯粹采用 HTML（Hypertext Markup Language，超文本标记语言）语言编写，采 用 html 或 htm 作为网页文件的扩展名。网页的内容都是事先预备好的，就像报纸一样，用户 只能在网络上浏览信息， 而不能将用户的信息传到网络上。 静态网页设计好并上传到服务器之 后，就不能对其进行修改了，除非把网站文件下载到自己的电脑上，再用专业的网站制作软件 编辑好后上传，所以静态网站的内容都是事先预备好的，用户只能在网络上浏览信息，而不能 将用户的信息传到网络上。静态网站不能进行信息的交互。  2）静态网站的优点。 l 静态网站打开的速度相对比较快，因为它没有其他的程序和数据读取。 l 静态网站的内容相对稳定，因此容易被搜索引擎检索。 l 静态网站比较安全，重要数据不会丢失。  3）静态网站的缺点。 l 静态网站没有数据库的支持， 不能直接对网站内容进行修改， 在网站制作和维护方面 工作量较大，维护操作比较烦琐。

l 静态网站的交互性差。 l 如果网站内容较多，采用静态网站制作时，每个页面都要单独制作，无形地增加了空 间的占用率。  4）静态网页与 HTML。 静态网站由一个个静态网页组成，静态网页由单纯的超文本标记语言 HTML 进行编辑， 并以 HTML 方式（文件扩展名为.html/.htm）存储。 网络中浏览的静态网页都是一个个的 HTML 文件，这些网页中可以包含文本、图像、动 画、声音以及能够跳转到其他文件的超链接等。所有这些内容都要通过 HTML 语言进行编辑。 一个 HTML 文件包含了一些特殊的命令来告诉用户的浏览器应该如何显示文本、图像以 及网页的背景。这些命令加入到文本文件中，被称为 HTML 标记。如果在浏览器显示网页时 查看网页的源文件，可以看到在尖括号中的 HTML 标记。 下面的例子说明了一个简单的静态 HTML 网页是如何实现的。 打开记事本，把下面的内容输入到记事本中，将文件以 test.htm 为文件名进行保存。 注意：在存储时要选择“保存类型”为“所有文件(*.*)” 。  <html>  <body>  <p align="center"><font color="red">这是一个测试。</font></p>  <p><font color="blue"><i>测试 OK。</i></font></p>  </body>  </html>  查看文件预览后的效果如图 2­34 所示。这就是一个使用 HTML 编辑的简单网页。 图 2­34  HTML 网页 静态网页中的内容在显示时是不会改变的，设计时是什么样，显示时就是什么样。对于 上面的网页，在显示窗口中执行“查看”→“源文件”命令，可以在打开的记事本中看到网页 的源文件，如图 2­35 所示。 可以看到，这里的源文件代码与编写时的代码完全相同。 下面对这个使用超文件标记语言 HTML 编辑的静态网页进行简单说明。HTML 网页文件 都是以<html>标记开始，以</html>标记结束；<body>和</body>标记中放置的是文件中要显示 出来的内容；其中的<p  align="center">与</p>为一对标记，表示其中的内容居中显示；<font  color=red>与</font>也是一对标记，表示其中的文字字体颜色（font color）为红色（red）；<i>

知识。 （2）动态网站。  1）认识动态网站。 动态网站和静态网站相反，动态网站制作好后都有一个网站管理后台，以管理员的身份 登录之后，就可以对整个网站的内容进行添加、修改、删除等操作。所谓动态，是指网页上显 示的内容是可以改变、可以交互的。可以改变是指随着条件的不同，同一网页可以出现不同内 容； 可以交互是指网站与用户间的信息可以互通， 用户的信息可以传送到网络上， 供网站收集、 分析，网站也可以根据用户的需要来发布相应的信息。 动态网站并非页面有动画才是动态网站，正是由于它能随时实现更新，即后台修改，前 台马上显示修改后的内容，这样的便捷、交互性操作才是动态的涵义。 动态网站的开发语言主要有：ASP、JSP、PHP、ASP.NET  等，这些程序都要使用数据库 才能完成动态的操作，常用的数据库有：Access、MySQL、SQL Server、Oracle 等，Access 是 小型的数据库，属于  Office  办公的常用数据库软件，目前一般的服务器空间都支持；而对于 其他几种数据库都是企业型的数据库，用于存储数据量大、要求安全性高的项目中。通常 ASP  开发语言结合 Access 和 SQL Server 数据库使用，PHP 结合 MySQL 数据库使用。 动态网站的开发应用能实现许多静态网站实现不了的功能，如动态网站可以有会员注册、 能时时发布新闻和消息、 能在线发表留言、 能轻松展示产品信息等。 正是由于动态网站的诞生， 网站才给了人们极大的兴趣和爱好，因为动态网站能实现人和网络的沟通、信息的交互、能存 储和展示用户的信息和资料。可以理解为，动态网站就是带数据库的、可以日常更新的网站。  2）动态网站的优点。 l 动态网站以数据库技术为基础，可以大大降低网站维护的工作量。 l 查询信息方便，能存储大量数据，需要时能立即查询。  3）动态网站的缺点。 l 动态网站用到数据库， 所以对数据库的安全和保密性要求较高， 要专业技术人员提供 维护才能保证网站的安全。 l 动态网站不利于搜索引擎收录。 动态网站中的 “？” 对搜索引擎检索存在一定的问题， 搜索引擎一般不可能从一个网站的数据库中访问全部网站，或者出于技术方面的考 虑，搜索蜘蛛不去抓取网址中“？”后面的内容，因此采用动态技术的网站在进行搜

索引擎推广时需要做一定的技术处理才能适应搜索引擎的要求。

l 动态网站制作成本较高。 

4）动态网页。

动态网页是在 HTML 的基础上嵌入特殊的程序化的编码来编写的，编码可以使用编程语 言，如 C、Java、Visual  Basic 等，也可以使用专门的脚本（Script）语言，如 VBScript（ASP  动态网页默认的编程语言，可以看做是 Visual Basic 语言的简化版）、JavaScript（JavaScript 最 早起源于  Netscape  的  LiveScript）等。同时，在存储时也需要使用不同的文件扩展名， 如.asp、.jsp、.php 等。在浏览时，除了需要有浏览器的支持外，还需要有相应的系统环境，如  ASP、JSP 或 PHP，对其中的编码进行编译、解释，然后才能在浏览器中显示出正确的内容。 下面的例子说明了一个简单的动态网页的实现过程。 打开记事本，把下面的内容输入到记事本中，将文件以 test.asp 为文件名进行存储。 注意：在存储时要选择“保存类型”为“所有文件(*.*)” 。  <html>  <body>  <p align="center"><font size="5" color="red">欢迎学习动态网站设计制作与维护！</font></p>  <%  t=time()  h=hour(t)  If h>12 Then  clr="blue"  Else  clr="green"  End If  %>  <font size="4" color="<%=clr%>">现在时间是：<%=t%></font>  </body>  </html>  执行该文件后进行浏览，浏览的结果如图 2­36 所示，结果是按系统时间的不同有所改变， 当时间为 12 点以前时，显示的时间文字为绿色，12 点以后显示的时间文字为蓝色，体现了动 态网页内容是可以改变的。 图 2­36  动态网页运行结果

须经由系统环境进行编译、解释， “查看”→“源文件”命令中看到的只是网页经编译、解释 后得到的 HTML 文本。 上面的代码中，由“<%”与“%>”括起来的是动态部分。在浏览时，这部分代码先经服 务器端编译，再将执行得到的 HTML 内容与源文件中其他的 HTML 内容一起发送到客户浏览 器中显示出来。在浏览器中显示的 HTML 编码只是动态网页在服务器端执行的结果，而不是 全部的动态网页内容。 从上例可见，动态网页是由 HTML 内容与动态网页的编程语言相结合，一起来完成动态 内容的。在浏览时，动态网页先经服务器端的系统环境（本例中为 ASP 环境）编译、解释， 得到的内容再由客户浏览器显示出来。  2．ASP 和 JSP  动态网页的实现需要有相应的开发技术，例如上例中使用的  ASP。当前流行的动态网页 开发技术主要有 ASP/ASP.NET、JSP 和 PHP，这三者都提供在 HTML 代码中混合某种程序代 码， 由语言引擎解释执行程序代码的能力。 相应的动态网页的扩展名为.asp/.aspx、 .jsp、 .php。 其中使用较广泛的是微软公司的 ASP/ASP.NET 和 Sun 公司的 JSP。 （1）ASP。  1）认识 ASP。ASP 是 Active Server Page 的缩写，意为“活动服务页” 。ASP 本身并不是 一种脚本语言，它只是提供了一种使镶嵌在 HTML 页面中的脚本程序得以运行的服务器端脚 本环境，使用 ASP 可用来创建动态交互式网页并由此建立强大的 Web 应用程序。  2）运行 ASP 所需要的环境。ASP 的工作环境只能是 IIS 或 PWS。 l  IIS（Internet Information Server）：适用于 Windows 2000、Windows XP、Windows 2003  Server 等操作系统。 l  PWS（Personal Web Server） ：适用于 Windows 98 及以前的操作系统。  IIS 与操作系统的对应关系为：Windows 98 系统应该安装的是 PWS；Windows 2000 系统 应该安装的是 IIS 5.0；Windows XP 系统应该安装的是 IIS 5.1；Windows 2003 系统应该安装的 是 IIS 6.0。  3）ASP 的优点。

l 无须编译。ASP 脚本集成于 HTML 中，容易生成，无须编译或链接即可直接解释执 行，ASP 脚本是在站点服务器端执行的。 l 源程序代码不会外漏。ASP 脚本在服务器上执行，传到用户浏览器的只是 ASP 执行 结果所生成的常规 HTML 代码，ASP 脚本不会被传到客户端浏览器中，可以避免源 代码泄漏，提高了程序安全性。 l  ASP  是脚本运行环境。ASP  本身并不是一种脚本语言，它只是提供了一种使镶嵌在  HTML 页面中的脚本程序得以运行的环境。主要使用 VBScript、JavaScript 等脚本语 言进行编辑设计。使用 VBScript、JavaScript 等简单易懂的脚本语言，结合 HTML 代 码，可以快速地完成动态网页的开发。 l 独立于浏览器。ASP  程序的执行与浏览器版本无关，ASP  程序是在服务器端被解释 成相应的 HTML 页面，只要浏览器支持该 HTML，即可浏览 ASP 所设计的网页。 l 易于生成。使用普通的文本编辑器，如 Windows 的记事本，即可进行编辑设计。  4）ASP 的缺点。只能运行在微软的操作系统平台下，工作环境只能是 IIS 或 PWS，不能 进行跨平台服务。  5）ASP 动态网页的执行过程。ASP 动态网页的执行分为客户端的请求和服务器端对动态 网页的解释执行两个过程。ASP 动态网页的执行过程如图 2­38 所示。 图 2­38    ASP 动态网页执行过程 当用户在浏览器中输入了要访问的  ASP  动态网页文件的  URL  地址后，浏览器就将这个  URL 请求发送给 Web 服务器，当检查到是.asp 后缀名时，就调用 ASP 服务程序。ASP 读出相 应.asp  文档，对其进行解释执行。如果其中含有对数据库的操作，则去调用  ODBC（Open  Database Connectivity，开放数据库连接）或 OLEDB（Object Linking and Embedding Database） 访问数据库服务器。ASP 解释并执行命令后，将结果（此时已是 HTML 格式的静态网页）回 传给 Web 应用程序服务器，然后 Web 服务器再把结果发给客户端浏览器，浏览器看到的只是 执行后的最终结果。 虽然，客户端用户所接收到的页面与传统页面并没有任何区别，但是实际上页面内容已 经经过了服务端处理，完成了动态的个性化设置。  6）ASP 编辑工具。可以使用记事本、Dreamweaver、FrontPage 等。本书的 ASP 编程使用 的编辑工具是 Dreamweaver。  ASP.NET 是 ASP 的.NET 版本，在.NET 框架的支持下，具有更强的功能和更快的效率。  ASP.NET 使用.NET Framework 所支持的 VB.NET、C#.NET 等语言作为其开发语言，这些语言 生成的网页在后台被转换成了类并编译成了一个 DLL。由于 ASP.NET 是编译执行的，所以它 比 ASP 拥有了更高的效率。 数据库 数据库服务器  Web 服务器（IIS） 发送请求 响应 客户端浏览器 浏览器端  ASP 服 务程序  ODBC 或 OLEDB  服务器端

是电子商务类的网站，多采用 JSP。但对于初学者来说，学习 ASP 比 ASP.NET 和 JSP 要求的 基础低，易于入门，ASP 中的脚本语言 VBScript 和 JavaScript 比起 JSP 中的 Java 语言也更容 易学，学完后再去理解 ASP.NET 和 JSP 会更容易。所以本书以 ASP 作为脚本开发环境。  3．Dreamweaver 网页设计基础  Dreamweaver CS3 是 Adobe 公司收购Macromedia公司后最新推出的 Creative Suite 3  设计 套装中用于网页设计与制作的组件。作为全球最流行、最优秀的所见即所得的网页编辑器，  Dreamweaver 可以轻而易举地制作出跨操作系统平台、跨浏览器的充满动感的网页，是目前制 作 Web 页站点、Web 页和 Web应用程序开发的理想工具。 （1）Dreamweaver  CS3 的主要特点。Dreamweaver  CS3 具有强大的功能，它提供了功能 强大的可视化编辑工具、 简洁高效的集成开发环境以及代码编辑支持， 使开发人员和设计人员 能够快捷地创建规范的应用程序，其主要特点表现在以下几个方面： l 网页编辑形式灵活。Dreamweaver 将“设计”和“代码”编辑器集成在一起，既可 以方便地进行源代码编辑，也可以使用鼠标方式添加和设置对象。 l 使用可视化编辑环境。Dreamweaver 是一种所见即所得的网页编辑器，既有效地减 少了代码编写的工作量，也确保了所设计文档的专业性和兼容性。 l 强大的  CSS 功能。CSS样式可以有效地控制网页对象的外观，美化网页界面，如文 本字体、颜色、表单样式、图像风格等。 Dreamweaver 中有强大的CSS 样式表编辑器， 可以比较轻松地编辑 CSS 样式。 l 站点管理功能完善。Dreamweaver 提供了强大的站点管理功能，可以安全、系统地 维护和管理各种规模的网站。 l 集成性高。Dreamweaver 与 Fireworks、Flash、Shockwave 具有良好的集成性，可以 在这些 Web 创作工具之间自由地进行切换。 l 媒体支持能力强。在 Dreamweaver 文档中，可以灵活加入 Java、Flash、Shockwave、  ActiveX 以及其他媒体元素，也可以对各种多媒体元素进行处理。 l 扩展能 力 强 。Dreamweaver  可以实现功能的扩展。利用  Adobe  公司免费提供的  Dreamweaver插件，可以丰富 Dreamweaver 的媒体处理能力。 更详细的功能概述，请参考 Dreamweaver CS3 的帮助文件。

工作界面，所有的窗口和面板都被集成到一个大的应用程序窗口中，如图 2­39 所示。 图 2­39    Dreamweaver CS3 工作界面  1） “插入”工具栏。 “插入”工具栏提供了常用、布局、表单、数据、Spry、文本、收藏 夹等工具组合， 每一组工具适应于不同的编辑环境， 在使用时根据不同的需要进行选择。 例如， 在进行一般的编辑时，可选择常用工具组；而在进行页面布局时，可切换至布局组。默认情况 下“插入”工具栏显示的是常用工具组。  2） “文档”工具栏。 “文档”工具栏的标签上显示正在编辑的文件名，下方可选择文档编 辑的视图方式： “代码” 、 “拆分”和“设计”视图。当选择“代码”视图时，在窗口中出现的 是网页文档的代码，用于直接编写  HTML、VBScript  等；当选中“设计”视图时，出现的是 可视化的页面布局、可视化编辑和快速开发环境；当选中“拆分”视图时，将编辑窗口拆分为 上下两个关联的部分，上方是代码窗口，下方是设计窗口。  3）文档窗口。文档窗口显示当前创建和编辑的文档。  4） “标签选择器” 。在“标签选择器”中显示当前内容的标签次结构，单击该次结构中的 任何标签，可以在不退出设计视图的情况下编辑或删除标签。  5） “属性”面板。 “属性”面板是页面编辑中最常用的一个面板，用于检查和编辑当前选 定页面元素（如文本和插入的对象）的最常用属性（如文字的大小、图像的高度、表格的大小 等） 。属性检查器自动与选定的元素关联，当选择不同的元素时，会自动显示该元素对应的属 面板 组 标签 选择器 文档 窗口 菜单栏 “插入” 工具栏 文档 工具栏 属 性 面板

以使用 Web 服务器浏览 Web 网页了。

同步训练

一、实训 实训主题：创建静态和动态站点。 实训目的：会创建静态和动态站点，掌握 Web 服务器的安装与配置。 实训内容： （1）启动 Dreamweaver  CS3，使用“站点定义”对话框的“基本”选项卡（站点定义向 导）创建一个名为 class01 的静态站点，使站点指向 MyPersonalSite 文件夹。 （2）使用“站点定义”对话框的“高级”选项卡创建一个名为 class02 的动态站点，并设 置“默认网站”的“主目录”为 C:\ MyPersonalSite。在该文件夹下新建 test.asp 文件，文件内 容为： “欢迎光临我的网站！ ”在浏览器中验证  test.asp  文件的结果。在浏览器地址栏中输入  http://localhost//test.asp，并按 Enter 键。 （3）设置“默认网站”的“默认文档”为 test.asp，并在浏览器中验证结果。在浏览器地 址栏中输入 http://localhost/，并按 Enter 键。（注意和实训 2 的区别） 二、习题  1．选择题 （1）Dreamweaver CS3 是用于________的软件。  A．制作网页  B．制作网页动画  C．绘制网页图片  D．排版 （2）在 Dreamweaver CS3 中，站点分为________。  A．本地网和局域网  B．本地站点和远程站点  C．局域网站点和远程网站点  D．本地网和远程网 （3）Dreamweaver CS3 通过________面板管理站点。  A． “站点”  B． “文件”

C． “资源”  D． “结果” （4）下面关于脚本语言的说法错误的是________。  A．动态 HTML 的脚本语言是指 JavaScript 和 VBScript  B．JavaScript 最早起源于 Netscape 的 LiveScript  C．IE 没有提供对 JavaScript 的支持  D．VBScript 是接近 Visual Basic 的一种脚本语言 （5）以下关于 HTML 的叙述中错误的是________。  A．网页文件都是由 HTML 编写而成的  B．HTML 具有与操作系统和硬件平台无关性  C．HTML 的中文意思是“超文本标记语言”  D．可以通过任何一种文本编辑器编写 HTML 文件  2．问答题 （1）简述静态站点与动态站点的区别。 （2）简述 ASP 动态网页的执行过程。

子项目 2-2 管理本地站点

会复制、编辑、删除本地静态和动态站点。  2­2­1  工作任务 管理本地静态和动态站点。  2­2­2  任务实现 任务 管理本地静态和动态站点。 【任务分析】 站点的管理，主要包括站点的编辑、复制、删除等操作，本任务具体分为以下两个子任务： 任务 1.1：将静态站点 class 复制，将复制后的站点重命名为 class(static)。 任务 1.2：删除站点 class(static)。 【操作步骤】 任务 1.1  将静态站点 class 复制，将复制后的站点重命名为 class(static)。 （1）执行“站点”→“管理站点”命令，弹出“管理站点”对话框，如图 2­40 所示。 （2）选中 class 站点，单击图 2­40 中右侧的“复制”按钮，完成站点的复制，复制后的 站点名称为“class 复制” ，如图 2­41 所示。

图 2­42  编辑站点

（4）依次单击“下一步”按钮，最终完成站点的重命名，如图 2­43 所示。

任务 1.2  删除站点 class(static)。 （1）执行“站点”→“管理站点”命令，弹出“管理站点”对话框。 （2）选中 class(static)站点名称，单击“删除”按钮，弹出如图 2­44 所示的对话框。 图 2­44  确认是否要删除选中的站点 （3）确认是要删除的站点，单击“是”按钮，完成站点的删除。  2­2­3  模块小结 本模块主要介绍了站点的管理，包括编辑、复制和删除站点操作，这样就可以在创建完 站点后对站点进行管理。

同步训练

一、实训 实训主题：管理站点。 实训目的：会编辑、删除站点。 实训内容： （1）将创建的动态站点 class02 重命名为 MySite。 （2）删除静态站点 class01。 二、习题  1．若要编辑 Dreamweaver CS3 站点，可采用的方法是（ ） 。  A．选择“站点”→“管理站点”命令，选择一个站点，单击“编辑”按钮  B．在“文件”面板中，切换到要编辑的站点窗口，然后双击其中的文件  C．选择“站点”→“打开站点”命令，然后选择一个站点  D．在“属性”面板中进行站点的编辑  2．ASP 只能运行在微软的操作系统平台下，其工作环境只能是微软的（ ）和（ ） 。 在 Windows XP 和 2000 环境下，ASP 服务器端操作环境的软件主要是（ ） 。 

A．IIS  B．PWS  C．Tomcat  D．Apache  3．在 Dreamweaver CS3 中，下面关于定义站点的说法错误的是（ ） 。 

A．首先定义新站点，打开站点定义设置窗口 

B．在站点定义设置窗口的站点名称中填写网站的名称