动态网页制作入门

动态网页

第10章

动态网页制作入门

创建动态网页测试环境 数据库相关知识 Dreamweaver中实现动态效果 在Dreamweaver中实现动态效果 发布网站

动态网页

10.1

创建动态网页测试环境

10.1.1 动态网页工作原理动态网页一般使用“HTML+数据库+ASP”或 动态网页一般使用“HTML+数据库+ASP”或 数据库+ASP” HTML+数据库+PHP”或 HTML+数据库 数据库+PHP” “HTML+数据库+PHP”或“HTML+数据库 +JSP”等来实现 等来实现。 +JSP”等来实现。目前中小型网站较常用的 HTML+数据库+ASP”技术 数据库+ASP”技术。 是“HTML+数据库+ASP”技术。

动态网页

10.1.2

在Windows XP中安装IIS XP中安装IIS 中安装

要制作动态网页， 要制作动态网页，首先需要有一个测试服 务器。 XP操作系统下 操作系统下， 务器。在Windows XP操作系统下，只要安 装了IIS IIS, 装了IIS,就可以将自己的电脑设置为测试 服务器。在安装Windows XP时 服务器。在安装Windows XP时，默认状态 下是不会安装IIS IIS的 所以需要单独安装。 下是不会安装IIS的，所以需要单独安装。

动态网页

综合实训1——设置“macaco” IIS默认网站 综合实训1——设置“macaco”为IIS默认网站 设置安装了IIS后 安装了IIS后，还需要进行简单的设置才能用 IIS 于测试网页，本节就以“macaco”网站为例 网站为例， 于测试网页，本节就以“macaco”网站为例， 来看看具体的设置方法。 来看看具体的设置方法。

动态网页

10.2

数据库相关知识

数据库(DataBase) 数据库(DataBase)是以一定组织形式存放在 计算机存储介质上的相互关联的数据集合。 计算机存储介质上的相互关联的数据集合。 数据库看起来像是一个表格， 数据库看起来像是一个表格，按照行或列来表 示信息。表的每一行称为一个“记录” 示信息。表的每一行称为一个“记录”,每一 列称为一个“字段” 列称为一个“字段”。字段和记录是数据库中 最基本的术语。 最基本的术语。

动态网页

10.2.1 创建数据库本节将使用Access 2000创建数据库 创建数据库， 本节将使用Access 2000创建数据库，以保存 用户个人信息及留言内容。当然， 用户个人信息及留言内容。当然，要使用 2000,必须首先安装该软件。 Access 2000,必须首先安装该软件。 Access的安装过程非常简单 在安装Office 的安装过程非常简单， Office办 Access的安装过程非常简单，在安装Office办 公软件时默认状态下会安装Access Access。 公软件时默认状态下会安装Access。 本节要创建的数据库包含5个字段， 本节要创建的数据库包含5个字段，它们分别 是编号、昵称、留言、日期和时间。 是编号、昵称、留言、日期和时间。

动态网页

10.3

在Dreamweaver中实现动态效果 Dreamweaver中实现动态效果创建动态站点

10.3

.1

在开始网页制作之前，需要先创建站点，动 在开始网页制作之前，需要先创建站点， 态网站更是如此。本节以“macaco”网站为 态网站更是如此。本节以“macaco”网站为 例来看一下动态站点的创建方法。 例来看一下动态站点的创建方法。

动态网页

综合实训2——为留言列表页面增加服务器行为 综合实训2——为留言列表页面增加服务器行为

(1)创建数据库连接利用Dreamweaver中的“数据库” 利用Dreamweaver中的“数据库”面板可以非 Dreamweaver中的 常容易地连接服务器和数据库， 常容易地连接服务器和数据库，具体操作见视 10频10-2-1。

动态网页

(2)创建记录集记录集就是数据库表中各条记录的集合， 记录集就是数据库表中各条记录的集合，此处 创建记录集的目的是读取数据库中的内容。 创建记录集的目的是读取数据库中的内容。以 前创建记录集需要手动编写SQL语句； SQL语句 前创建记录集需要手动编写SQL语句；现在好 使用Dreamweaver提供的“绑定”面板， Dreamweaver提供的 了，使用Dreamweaver提供的“绑定”面板， 只需在弹出菜单中选择数据库连接和表即可轻 松创建，具体操作见视频10-2-2。 松创建，具体操作见视频1010

动态网页

(3)设置动态文本动态文本是指需要从数据库中读取， 动态文本是指需要从数据库中读取，而不是 直接输入到网页中的文本。使用Dreamweaver 直接输入到网页中的文本。使用Dreamweaver 提供的“服务器行为”面板， 提供的“服务器行为”面板，可以轻松设置 动态文本，不需要再一个个地插入， 动态文本，不需要再一个个地插入，具体操 作见视频10 10作见视频10-2-3。

动态网页

综合实训3——为留言页面增加服务器行为 综合实训3——为留言页面增加服务器行为留言板肯定要具有留言功能， 留言板肯定要具有留言功能，本节我们就来看 看如何使用Dreamweaver实现网页的留言功能。 看如何使用Dreamweaver实现网页的留言功能。 Dreamweaver实现网页的留言功能 章的综合实训1制作了一个留言界面， 第9章的综合实训1制作了一个留言界面，本节 我们就在它的基础上开始留言功能的制作， 我们就在它的基础上开始留言功能的制作，具 体操作见视频10 10体操作见视频10-3。

动态网页

10.4

发布网站

网站制作好后，需要将其上传到主机空间上， 网站制作好后，需要将其上传到主机空间上，别 人才能通过Internet访问你的网站。此外， Internet访问你的网站 人才能通过Internet访问你的网站。此外，为了 让浏览者能顺利访问你的网站， 让浏览者能顺利访问你的网站，在将站点上传到 主机空间之前，最好对其进行测试。 主机空间之前，最好对其进行测试。

动态网页

10.4.1 网页兼容性测

试通过兼容性测试，可以查出文档中是否含有浏 通过兼容性测试， 览器不支持的标签或属性等， EMBED标签 标签、 览器不支持的标签或属性等，如EMBED标签、 marquee标签等 标签等。 marquee标签等。如果这些元素不被浏览器支 持，在浏览器中会显示不完全或功能运行不正 进而影响网页的质量。 常，进而影响网页的质量。

动态网页

10.4.2 检查并修复网页链接在一些大型站点中，往往会有很多链接， 在一些大型站点中，往往会有很多链接，这就难 免出现URL地址出错的问题。 URL地址出错的问题 免出现URL地址出错的问题。如果逐个页面进行 检查，将是非常烦琐和浩大的工程， 检查，将是非常烦琐和浩大的工程，又很浪费时 间和精力。针对这一问题，Dreamweaver提供了 间和精力。针对这一问题，Dreamweaver提供了 检查链接”功能， “检查链接”功能，使用该功能可以在打开的文 档或本地站点的某一部分或整个站点中快速检查 断开的链接和未被引用的文件。 断开的链接和未被引用的文件。

动态网页

10.4.3 设置站点远程信息申请好主机和域名后， 申请好主机和域名后，服务商会为我们提供登 录虚拟空间所用的IP地址、 IP地址 录虚拟空间所用的IP地址、登录账户名称和密 码。必须把这些信息设置到Dreamweaver对应 必须把这些信息设置到Dreamweaver对应 Dreamweaver 的站点中，才能通过Dreamweaver Dreamweaver内置的站点 的站点中，才能通过Dreamweaver内置的站点 管理功能上传或下载站点文件。 管理功能上传或下载站点文件。

动态网页

10.4.4 上传或下载文件与服务器成功连接后， 与服务器 …… 此处隐藏：1914字，全部文档内容请下载后查看。喜欢就下载吧 ……