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

《第10章动态网页制作入门课件.ppt》由会员分享，可在线阅读，更多相关《第10章动态网页制作入门课件.ppt（16页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、第10章 动态网页制作入门动态网页制作入门 创建动态网页测试环境创建动态网页测试环境 数据库相关知识数据库相关知识在在DreamweaverDreamweaver中实现动态效果中实现动态效果 发布网站发布网站10.1 10.1 创建动态网页测试环境创建动态网页测试环境 10.1.1 10.1.1 动态网页工作原理动态网页工作原理 动态网页一般使用动态网页一般使用“HTML+HTML+数据库数据库+ASP+ASP”或或“HTML+HTML+数据库数据库+PHP+PHP”或或“HTML+HTML+数据库数据库+JSP+JSP”等来实现。目前中小型网站较常用的等来实现。目前中小型网站较常用的是是“H

2、TML+HTML+数据库数据库+ASP+ASP”技术。技术。10.1.2 10.1.2 在在Windows XPWindows XP中安装中安装IIS IIS 要制作动态网页，首先需要有一个测试服要制作动态网页，首先需要有一个测试服务器。在务器。在Windows XPWindows XP操作系统下，只要安操作系统下，只要安装了装了IISIIS，就可以将自己的电脑设置为测试，就可以将自己的电脑设置为测试服务器。在安装服务器。在安装Windows XPWindows XP时，默认状态时，默认状态下是不会安装下是不会安装IISIIS的，所以需要单独安装。的，所以需要单独安装。课堂练习课堂练习1 1

3、设置设置“pegiunpegiun”为为IISIIS默认网默认网站站 安装了安装了IISIIS后，还需要进行简单的设置才能用后，还需要进行简单的设置才能用于测试网页，下面就来看看具体的设置方法。于测试网页，下面就来看看具体的设置方法。在开始操作之前，请先将本书附赠素材在开始操作之前，请先将本书附赠素材“素材素材与实例与实例”中的中的“pegiunpegiun”文件夹拷贝到本地磁文件夹拷贝到本地磁盘中。盘中。10.2 10.2 数据库相关知识数据库相关知识 10.2.1 10.2.1 数据库简介数据库简介 数据库（数据库（DataBaseDataBase）是以一定组织形式存放在）是以一定组织形式

4、存放在计算机存储介质上的相互关联的数据集合。计算机存储介质上的相互关联的数据集合。数据库看起来像是一个表格，按照行或列来表数据库看起来像是一个表格，按照行或列来表示信息。表的每一行称为一个示信息。表的每一行称为一个“记录记录”，每一，每一列称为一个列称为一个“字段字段”。字段和记录是数据库中。字段和记录是数据库中最基本的术语。最基本的术语。课堂练习课堂练习2 2 创建数据库创建数据库“mydbmydb”本节将使用本节将使用Access 2000Access 2000创建数据库，以保存创建数据库，以保存用户个人信息及留言内容。当然，要使用用户个人信息及留言内容。当然，要使用Access 2000

5、Access 2000，必须首先安装该软件。，必须首先安装该软件。AccessAccess的安装过程非常简单，在安装的安装过程非常简单，在安装OfficeOffice办办公软件时默认状态下会安装公软件时默认状态下会安装AccessAccess。本例中，我们将创建一个包含本例中，我们将创建一个包含5 5个字段的数据个字段的数据库，它们分别是编号、昵称、留言、日期和时库，它们分别是编号、昵称、留言、日期和时间。间。10.3 10.3 在在DreamweaverDreamweaver中实现动态效果中实现动态效果 10.3.1 10.3.1 创建动态站点创建动态站点 在开始网页制作之前，需要先创建站点

6、，动在开始网页制作之前，需要先创建站点，动态网站更是如此。本节以态网站更是如此。本节以“pegiunpegiun”网站为网站为例来看一下动态站点的创建方法。例来看一下动态站点的创建方法。课堂练习课堂练习3 3 为留言列表页面增加服务器行为为留言列表页面增加服务器行为 （1 1）创建数据库连接）创建数据库连接 利用利用DreamweaverDreamweaver中的中的“数据库数据库”面板可以非面板可以非常容易地连接服务器和数据库。常容易地连接服务器和数据库。（2 2）创建记录集）创建记录集 记录集就是数据库表中各条记录的集合，此处记录集就是数据库表中各条记录的集合，此处创建记录集的目的是读取数

7、据库中的内容。以创建记录集的目的是读取数据库中的内容。以前创建记录集需要手动编写前创建记录集需要手动编写SQLSQL语句。现在好语句。现在好了，使用了，使用DreamweaverDreamweaver提供的提供的“绑定绑定”面板，面板，只需在弹出菜单中选择数据库连接和表即可轻只需在弹出菜单中选择数据库连接和表即可轻松创建。松创建。（3 3）设置动态文本）设置动态文本 动态文本是指需要从数据库中读取，而不是动态文本是指需要从数据库中读取，而不是直接输入到网页中的文本。使用直接输入到网页中的文本。使用DreamweaverDreamweaver提供的提供的“服务器行为服务器行为”面板，可以轻松设置

8、面板，可以轻松设置动态文本，不需要再一个个地插入。动态文本，不需要再一个个地插入。课堂练习课堂练习4 4 为留言页面增加服务器行为为留言页面增加服务器行为留言板肯定要具有留言功能，本节我们就留言板肯定要具有留言功能，本节我们就来看看如何使用来看看如何使用DreamweaverDreamweaver实现网页的实现网页的留言功能。留言功能。第第9 9章的课堂练习章的课堂练习1 1制作了一个留言界面，制作了一个留言界面，本节我们就在它的基础上开始留言功能的本节我们就在它的基础上开始留言功能的制作。制作。10.4 10.4 发布网站发布网站 网站制作好后，需要申请一个域名和主机空间，网站制作好后，需要

9、申请一个域名和主机空间，并将制作好的网站上传到空间上，这样别人才能并将制作好的网站上传到空间上，这样别人才能通过通过InternetInternet访问你的网站。此外，为了让浏览访问你的网站。此外，为了让浏览者能顺利访问你的网站，在将站点上传到主机空者能顺利访问你的网站，在将站点上传到主机空间之前，最好对其进行测试。间之前，最好对其进行测试。10.4.1 10.4.1 网页兼容性测试网页兼容性测试 通过兼容性测试，可以查出文档中是否含有浏通过兼容性测试，可以查出文档中是否含有浏览器不支持的标签或属性等，如览器不支持的标签或属性等，如EMBEDEMBED标签、标签、marqueemarquee标

10、签等。如果这些元素不被浏览器支标签等。如果这些元素不被浏览器支持，在浏览器中会显示不完全或功能运行不正持，在浏览器中会显示不完全或功能运行不正常，进而影响网页的质量。常，进而影响网页的质量。10.4.2 10.4.2 检查并修复网页链接检查并修复网页链接 1 1检查页面链接检查页面链接 2 2检查站点中某部分的链接检查站点中某部分的链接 3 3检查站点范围的链接检查站点范围的链接 10.4.3 10.4.3 设置站点远程信息设置站点远程信息 申请好主机和域名后，服务商会为我们提供登录申请好主机和域名后，服务商会为我们提供登录虚拟空间所用的虚拟空间所用的IPIP地址、登录帐户名称和密码。地址、登

11、录帐户名称和密码。必须把这些信息设置到必须把这些信息设置到DreamweaverDreamweaver对应的站点对应的站点中，才能通过中，才能通过DreamweaverDreamweaver内置的站点管理功能内置的站点管理功能上传或下载站点文件。上传或下载站点文件。10.4.4 10.4.4 上传或下载文件上传或下载文件 与服务器成功连接后，如果要从本地站点向服与服务器成功连接后，如果要从本地站点向服务器中上传文件，可直接单击务器中上传文件，可直接单击“文件文件”面板中面板中的的“上传文件上传文件”按钮按钮 ，此时系统会首先打开，此时系统会首先打开提示对话框，询问用户是否上传整个站点。如提示对话框，询问用户是否上传整个站点。如果单击果单击“确定确定”按钮，系统将开始上传文件并按钮，系统将开始上传文件并显示上传进度提示对话框。单击显示上传进度提示对话框。单击“详细详细”前面前面的小黑三角，将显示详细的上传信息列表。的小黑三角，将显示详细的上传信息列表。