第10章网页设计与制作

20
• （2）出现【管理站点】对话框后，选择要编辑的网 站名称，然后单击【编辑】按钮，如图所示。
21
• （3）出现站点定义窗口后，选择“高级”标签，接 着在“分类”栏中选择“测试服务器”，然后从 “服务器模型”列表中选择测试的服务器模式，如 图所示。
22
• （4）接下来从“访问”栏中选择测试服务器访问的 位置，然后单击【确定】按钮，如图所示。
24
10.3.1 用户资料库的设计
• 了解了用户注册和登入验证机制的原理，就应该明 确创建一个用户资料库是必须的。下面就具体来介 绍整个用户资料库（Access数据库）的设计流程。 • （1）单击【开始】→【程序】→【Microsoft Office 】→【Microsoft Office Access 2003】命令，打开【 Microsoft Access】窗口。 （2）单击【新建文件】→【空数据库】命令，弹 出【文件新建数据库】对话框。可以根据实际情况 ，保存到相应位置。并在【文件名】文本框中输入 数据库文件名，例如“user.mdb”，如下图所示。
28
• （6）选择“dt”字段，在【默认值】文本框中输入 “now()”。目的是把当前时间做为记录新增时， “dt”字段的默认值，如图所示。
29
• （7）右击“id”字段，选择【主键】命令，为表设
置主键，如图所示。
30
• （8）单击窗口右上角的【关闭】按钮，系统会提示 保存所做的修改。返回到【user:数据库 （Access2000文件格式）】窗口，会发现所设计的 表“tb_user”已经存在于当中，如图所示。

PHP
JSP
ColdFusion
Macromedia的JRun或IBM的WebSphere或Tomcat
ColdFusion
4
• 在Dreamweaver中设计ASP、、PHP或JSP 网页时，也必须安装相关的服务器软件，才能正
常预览动态网页。
• 服务器软件有些附加在系统安装的光盘中，有 些可以从网站免费下载，在选择以哪种语言做为 开发平台时，需考虑到其适用性、复杂度及软件 支持应用的便利性。各服务器软件取得的位置如 下表所示：
31
• （9）在实际操作中，可以双击打开“tb_user”表记 录管理窗口。在这个窗口中，可以选择录入、编辑 或者删除一些记录信息，如图所示。
32
• （10）打开Dreamweaver的设计界面。单击【文件 】→【新建】命令，新建一个标准ASP文件。 • （11）单击【窗口】→【数据库】命令，弹出【数 据库】面板，如图所示。
33
• （12）单击【＋】→【自定义连接字符串】命令，弹出 【自定义连接字符串】对话框。在【连接名称】文本框 中输入“conn”。在【连接字符串】文本框中输入： • “Driver={Microsoft Access Driver(*.mdb)};DBQ=d:\site\data\user.mdb”。 • 选中【Dreamweaver应连接】选项组下的“使用此计算 机的驱动程序”选项，如图所示。
• 如果想要安装的是PWS，可以执行系统安装光盘中 add-ons\PWS文件夹中的setup.exe文件，其他服务器 软件的安装方法也大同小异，只要依画面的指示一 步步操作，即可完成安装。
13
10.2.2 设置IIS服务器
• 1.服务器属性的设置
• 当用户端通过HTTP通讯协议对服务器端发出请求后 ，IIS会依用户端所指定的地址，将其对应到服务器 上实际的文件路径，然后将网页返回用户端，而要 让用户端所指定的地址能够对应到正确的文件路径 ，就要对服务器设置正确的目录。 • 设置服务器属性的操作步骤如下： • （1）选择Windows任务栏的【开始】按钮，出现菜 单后，选择【控制面板】命令。 • （2）出现【控制面板】窗口后，双击“管理工具” 项目。如下图所示。
11
• （5）出现完成安装窗口后，选择【完成】按钮。如 图所示。
12
• （6）回到【添加或删除程序】窗口后，选择 按钮。
• 提示：
• 1.如果使用的是Windows 2000 Server的话，安装操作系统时 ，就已自动安装IIS了，所以不需要再次安装。 • 2.即使没有安装服务器软件还是可以制作动态网页，但无法预 览制作的网页，需将互动网页传送到网站服务器，网页才能正 常显示，所以最好安装一下。
• 微软的操作系统中已经包含了IIS，可直接从原版光 盘中选择安装，但是Windows XP Home Edition并没 有提供IIS。 • 在不同版本操作平台的服务器版本也不同，如下 表所示，供参考：
操 作 平 台
Windows NT 4.0 Workstation
服 务 器 软 件
PWS4.0
18
• 在步骤（5），如果选择“主目录”标签，可以设置 服务器的本机路径（本地路径：C： \inetpub\wwwroot\haoke，C为开机磁盘），此路径 为网站根目录（localhost），如图所示。
19
2.设置服务器模式
• 如果想要在自己的计算机测试数据库网页，需将计算机 仿真成服务器，所以在定义网站的窗口中，还要再设置 测试服务器的模式及访问的文件夹。 • （1）选择【文件】面板，接着选择 按钮，出现菜单后， 选择“管理站点”，如图所示。
Windows 95/98/Me
Windows NT 4.0 Server Windows 2000 或Server、Windows XP

PWS4.0
IIS 4.0 IIS 5.0
7
10.2.1 IIS的安装
• 在Windows XP操作平台上，安装IIS 5.0服务器软件， 其操作步骤如下： • （1）选择Windows任务栏的 按钮，出现菜单后，选 择【控制面板】命令。如图所示。
MDAC
下载网址：/data/download.htm
PHP JRun WebSphere Tomcat ColdFusion 属于开放性的软件，可以从网站免费下载，下载网址： /downloads.php 可 以 从 网 站 下 载 试 用 版 ， 下 载 网 址 ： /software/jrun/ 可 以 从 网 站 免 费 下 载 ， 下 载 网 址 ： /software/ 可 以 从 网 站 免 费 下 载 ， 下 载 网 址 ： /tomcat/ 可 以 从 网 站 下 载 试 用 版 ， 下 载 网 址 ： 6 /software/coldfusion/
34
• （13）单击【测试】按钮，如果连接创建成功，将 弹出如图所示的对话框。
35
• （14）单击【确定】按钮，关闭【自定义连接字符 串】对话框。返回【数据库】面板，向导将自动在 其下拉列表中添加一条【conn】的列表选项，如图 所示。
36
• （15）单击【窗口】→【文件】命令，弹出【文件】 窗口。将看到在站点目录下会自动创建一个名为 “Connections”的文件夹。在其下将会新增一个名 为“conn.asp”的文件，如图所示。
•
25
26
• （3）单击【创建】按钮，弹出【user:数据库 （Access 2000 文件格式）】窗口，如图所示。
27
• （4）单击【使用设计器创建表】按钮，弹出【表1：表】设计 窗口。单击【文件】→【保存】命令，把表进行重新命名，例 如“tb_user”。 • （5）在【tb_user：表】设计窗口中按照下表所示定义所有字 段信息。
3
10.2 搭建服务器平台
• 各种动态网页格式适用的服务器应用软件，如下表 所示：
格 式
ASP
服务器应用软件
Microsoft的IIS或PWS Microsoft 的 IIS 及 .NET Framework 及 MDAC （Microsoft Data Access Components）2.6以上 的版本 PHP 、 Microsoft 的 IIS （ 或 PWS ） 或 免 费 软 件 Apache
第10章 动态网页
教学任务：
• 认识动态网页。 • 能够搭建服务器平台，包括：IIS的安装、设置 IIS服务器。 • 能够进行用户注册和登入验证。
教学重点与难点：
• 用户注册和登入验证。
1
10.1 认识动态网页
• 动态网页，就是网页文件中不但含有HTML标记，而且是建立 在B/S（浏览器与服务器）架构上的服务器端脚本程序。在浏 览器端显示的网页是服务器端程序运行的结果。动态网页文件 的后缀根据不同的程序语言来定，如ASP文件的后缀是.asp。 • 动态网页与网页中的无动画效果（如网页含有各种动画、动态 图片、一些行为引发的动态事件等）无关。动态页面最主要的 特点就是结合后台数据库，自动更新页面。建立数据库的链接 是页面通向数据的桥梁，任何形式的添加、删除、修改和检索 都是建立在链接的基础上的。 • 动态网页发布技术的出现使得网站从展示平台变成了网络交互 平台。Dreamweaver在集成了动态网页的开发功能后，就由网 页设计工具变成了网站开发工具。Dreamweaver提供了众多的 可视化设计工具、应用开发环境以及代码编辑支持，开发人员 和设计师能够快捷地创建代码应用程序，集成程度非常高，开 发环境精简而高效。
8
• （2）出现【控制面板】窗口后，双击“添加或删除 程序”项目。如图所示。
9
• （3）出现【添加或删除程序】对话框后，选择“添 加/删除Windows组件”。如图所示。
10
• （4）出现【Windows组件向导】对话框后，从“组件” 列表中勾选“Internet信息服务（IIS）”，然后选择【下一 步】按钮。如图所示。
2
• 动态网页的特点可以归纳为以下几点：
• 交互性。动态网页会根据用户的需求和选择而发生改变 和响应，将浏览器作为客户端界面。 • 自动更新。动态网页以数据库为基础，无须手动更新 HTML文档，便会自动生成新的页面，可以大大降低维护 网站的工作量。 • 因时因人而变。动态网页能够根据不同的时间、不同的 访问者而显示不同的网页内容；根据用户的即时操作和 即时请求，动态网页的内容会发生相应的变化，如常见 的留言板、BBS、聊天室等就是用动态网页来实现的。 • 采用动态网站技术而生成的网页都称为动态网页。动态 网站建设就是网站中的网页使用ASP、PHP、及 JSP等程序语言进行编写，并且网页中某一部分或所有内 容通过数据库连接，然后将数据库中的数据显示在网页 相应的位置上。