第10章动态网页制作入门课件

第10章动态网页制作入门创建动态网页测试环境数据库相关知识在Dreamweaver中实现动态效果发布网站第10章动态网页制作入门创建动态网页测试环境110.1创建动态网页测试环境10.1.1动态网页工作原理动态网页一般使用“HTML+数据库+ASP”或“HTML+数据库+PHP”或“HTML+数据库+JSP”等来实现。目前中小型网站较常用的是“HTML+数据库+ASP”技术。10.1创建动态网页测试环境10.1.1动态网页工210.1.2在WindowsXP中安装IIS要制作动态网页，首先需要有一个测试服务器。在WindowsXP操作系统下，只要安装了IIS，就可以将自己的电脑设置为测试服务器。在安装WindowsXP时，默认状态下是不会安装IIS的，所以需要单独安装。10.1.2在WindowsXP中安装IIS要制3课堂练习1设置“pegiun”为IIS默认网站安装了IIS后，还需要进行简单的设置才能用于测试网页，下面就来看看具体的设置方法。在开始操作之前，请先将本书附赠素材“素材与实例”中的“pegiun”文件夹拷贝到本地磁盘中。课堂练习1设置“pegiun”为IIS默认网站安装了I410.2数据库相关知识10.2.1数据库简介数据库（DataBase）是以一定组织形式存放在计算机存储介质上的相互关联的数据集合。数据库看起来像是一个表格，按照行或列来表示信息。表的每一行称为一个“记录”，每一列称为一个“字段”。字段和记录是数据库中最基本的术语。10.2数据库相关知识10.2.1数据库简介5课堂练习2创建数据库“mydb”本节将使用Access2000创建数据库，以保存用户个人信息及留言内容。当然，要使用Access2000，必须首先安装该软件。Access的安装过程非常简单，在安装Office办公软件时默认状态下会安装Access。本例中，我们将创建一个包含5个字段的数据库，它们分别是编号、昵称、留言、日期和时间。课堂练习2创建数据库“mydb”本节将使用Access610.3在Dreamweaver中实现动态效果10.3.1创建动态站点

在开始网页制作之前，需要先创建站点，动态网站更是如此。本节以“pegiun”网站为例来看一下动态站点的创建方法。10.3在Dreamweaver中实现动态效果10.37课堂练习3为留言列表页面增加服务器行为（1）创建数据库连接

利用Dreamweaver中的“数据库”面板可以非常容易地连接服务器和数据库。课堂练习3为留言列表页面增加服务器行为（1）创建数据库8（2）创建记录集记录集就是数据库表中各条记录的集合，此处创建记录集的目的是读取数据库中的内容。以前创建记录集需要手动编写SQL语句。现在好了，使用Dreamweaver提供的“绑定”面板，只需在弹出菜单中选择数据库连接和表即可轻松创建。

（2）创建记录集记录集就是数据库表中各条记录的集合，此处创9（3）设置动态文本动态文本是指需要从数据库中读取，而不是直接输入到网页中的文本。使用Dreamweaver提供的“服务器行为”面板，可以轻松设置动态文本，不需要再一个个地插入。

（3）设置动态文本动态文本是指需要从数据库中读取，而不是直10课堂练习4为留言页面增加服务器行为留言板肯定要具有留言功能，本节我们就来看看如何使用Dreamweaver实现网页的留言功能。第9章的课堂练习1制作了一个留言界面，本节我们就在它的基础上开始留言功能的制作。

课堂练习4为留言页面增加服务器行为留言板肯定要具有留言功1110.4发布网站网站制作好后，需要申请一个域名和主机空间，并将制作好的网站上传到空间上，这样别人才能通过Internet访问你的网站。此外，为了让浏览者能顺利访问你的网站，在将站点上传到主机空间之前，最好对其进行测试。10.4发布网站网站制作好后，需要申请一个域名和主机空1210.4.1网页兼容性测试通过兼容性测试，可以查出文档中是否含有浏览器不支持的标签或属性等，如EMBED标签、marquee标签等。如果这些元素不被浏览器支持，在浏览器中会显示不完全或功能运行不正常，进而影响网页的质量。10.4.1网页兼容性测试通过兼容性测试，可以查出文档1310.4.2检查并修复网页链接1．检查页面链接2．检查站点中某部分的链接3．检查站点范围的链接10.4.2检查并修复网页链接1．检查页面链接1410.4.3设置站点远程信息申请好主机和域名后，服务商会为我们提供登录虚拟空间所用的IP地址、登录帐户名称和密码。必须把这些信息设置到Dreamweaver对应的站点中，才能通过Dreamweaver内置的站点管理功能上传或下载站点文件。10.4.3设置站点远程信息申请好主机和域名后，服务商1510.4.4上传或下载文件与服务器成功连接后，如果要从本地站点向服务器中上传文件，可直接单击“文件”面板中的“上传文件”按钮，此时系统会首先打开提示对话框，询问用户是否上传整个站点。如果单击“确定”按钮，系统将开始上传文件并显示上传进度提示对话框。单击“详细”前面的小黑三角，将显示详细的上传信息列表。10.4.4上传或下载文件与服务器成功连接后，如果要从16第10章动态网页制作入门创建动态网页测试环境数据库相关知识在Dreamweaver中实现动态效果发布网站第10章动态网页制作入门创建动态网页测试环境1710.1创建动态网页测试环境10.1.1动态网页工作原理动态网页一般使用“HTML+数据库+ASP”或“HTML+数据库+PHP”或“HTML+数据库+JSP”等来实现。目前中小型网站较常用的是“HTML+数据库+ASP”技术。10.1创建动态网页测试环境10.1.1动态网页工1810.1.2在WindowsXP中安装IIS要制作动态网页，首先需要有一个测试服务器。在WindowsXP操作系统下，只要安装了IIS，就可以将自己的电脑设置为测试服务器。在安装WindowsXP时，默认状态下是不会安装IIS的，所以需要单独安装。10.1.2在WindowsXP中安装IIS要制19课堂练习1设置“pegiun”为IIS默认网站安装了IIS后，还需要进行简单的设置才能用于测试网页，下面就来看看具体的设置方法。在开始操作之前，请先将本书附赠素材“素材与实例”中的“pegiun”文件夹拷贝到本地磁盘中。课堂练习1设置“pegiun”为IIS默认网站安装了I2010.2数据库相关知识10.2.1数据库简介数据库（DataBase）是以一定组织形式存放在计算机存储介质上的相互关联的数据集合。数据库看起来像是一个表格，按照行或列来表示信息。表的每一行称为一个“记录”，每一列称为一个“字段”。字段和记录是数据库中最基本的术语。10.2数据库相关知识10.2.1数据库简介21课堂练习2创建数据库“mydb”本节将使用Access2000创建数据库，以保存用户个人信息及留言内容。当然，要使用Access2000，必须首先安装该软件。Access的安装过程非常简单，在安装Office办公软件时默认状态下会安装Access。本例中，我们将创建一个包含5个字段的数据库，它们分别是编号、昵称、留言、日期和时间。课堂练习2创建数据库“mydb”本节将使用Access2210.3在Dreamweaver中实现动态效果10.3.1创建动态站点

在开始网页制作之前，需要先创建站点，动态网站更是如此。本节以“pegiun”网站为例来看一下动态站点的创建方法。10.3在Dreamweaver中实现动态效果10.323课堂练习3为留言列表页面增加服务器行为（1）创建数据库连接

利用Dreamweaver中的“数据库”面板可以非常容易地连接服务器和数据库。课堂练习3为留言列表页面增加服务器行为（1）创建数据库24（2）创建记录集记录集就是数据库表中各条记录的集合，此处创建记录集的目的是读取数据库中的内容。以前创建记录集需要手动编写SQL语句。现在好了，使用Dreamweaver提供的“绑定”面板，只需在弹出菜单中选择数据库连接和表即可轻松创建。

（2）创建记录集记录集就是数据库表中各条记录的集合，此处创25（3）设置动态文本动态文本是指需要从数据库中读取，而不是直接输入到网页中的文本。使用Dreamweaver提供的“服务器行为”面板，可以轻松设置动态文本，不需要再一个个地插入。

（3）设置动态文本动态文本是指需要从数据库中读取，而不是直26课堂练习4为留言页面增加服务器行为留言板肯定要具有留言功能，本节我们就来看看如何使用Dreamweaver实现网页的留言功能。第9章的课堂练习1制作了一个留言界面，本节我们就在它的基础上开始留言功能的制作。

课堂练习4为留言页面增加服务器行为留言板肯定要具有留言功2710.4发布网站网站制作好后，需要申请一个域名和主机空间，并将制作好的网站上传到空间上，这样别人才能通过Internet访问你的网站。此外，为了让浏览者能顺利访问你的网站，在将站点上传到主机空间之前，最好对其进行测试。10.4发布网站网站制作好后，需要申请一个域名和主机空2810.4.1网页兼容性测试通过兼容性测试，可以查出文档中是否含有浏览器不支持的标签或属性等，如EMBED标签、marquee标签等。如果这些元素不被浏览器支持，在浏览器中会显示不完全或功能运行不正常，进而影响网页的质量。10.4.1网页兼容性测试通过兼容性测试，可以查出文档2910.4.2检查并修复网页链接1．检查页面链接2．检查站点中某部分的链接3．检查站点范围的链接10.4.2检查并修复网页链接1．检查页面链接3010.4.3设置站点远程信息申请好主机和域名后，服务商会为我们提供登录虚拟空间所用的IP地址、登录帐户名称和密码。必须把这些信息设置到Dreamweaver对应的站点中，才能通过Dreamweave