网页设计第8单元.pptVIP

网页设计三合一教程 主讲教师 第8章　动态数据库网页 主讲教师 本章要点 配置动态服务器IIS建立 建立动态站点 创建动态页面 创建数据库链接 制作表单文档 8.1　动态站点概述 何为动态？ 一种具有“交互性”的页面效果，即网页会根据用户的要求和选择而动态改变和响应。 制作动态网页需要做的工作有： 第一，要在个人电脑上调试动态网页。 第二，使用数据库技术。 第三，在Dreamweaver中建立动态站点。 8.2　配置IIS服务器 1．安装IIS服务器 2．设置IIS 3．测试ASP动态网页 1．安装IIS服务器 （1）执行【开始】|【控制面板】命令，打开【控制面板】。 （2）双击【添加或删除程序】图标，打开【添加或删除程序】窗口。 （3）单击【添加/删除Windows组件】，打开【Windows组件向导】对话框。 （4）选择【Internet信息服务（IIS）】复选项。 （5）单击【下一步】按钮，开始安装IIS服务器。 安装完成后的窗口如下图所示。 2．设置IIS 首先在D盘下面建立一个“liuyanban”的文件夹，用来存放留言板动态页面文件。 其次通过以下的步骤来设置站点虚拟目录： （1）从【控制面板】窗口打开【管理工具】，在打开的【管理工具】窗口中选择【Internet信息服务快捷方式】。 2．设置IIS （2）双击【Internet信息服务快捷方式】选项，在弹出的【Internet信息服务】窗口左边窗格中，右击【默认网站】项，在弹出的菜单中执行【新建】|【虚拟目录】命令，弹出【虚拟目录创建向导】窗口，如右图所示。 2．设置IIS （3）单击【下一步】按钮继续。如左图所示，在【别名】下面的文本框中输入“liuyanban”。单击【下一步】按钮继续。如右图所示，在【目录】下边的文本框中输入“D:\liuyanban”，或者单击【浏览】按钮找到D盘的“liuyanban”文件夹。 3．测试ASP动态网页 在【Internet信息服务】窗口右边的窗格中找到建立的ASP动态页面，右键单击后，在弹出的快捷菜单中选择【浏览】项即可，如图8-15所示。 8.3　创建留言板主页面 8.3.1　建立动态站点 8.3.2　创建留言板页面 8.3.1　建立动态站点 （1）定义站点。 8.3.1　建立动态站点 （2）选择服务器技术。 8.3.1　建立动态站点 （3）选择存放的本地文件夹。 8.3.1　建立动态站点 （4）设置本机测试的URL。 8.3.1　建立动态站点 （5）单击【下一步】按钮继续进行设置。由于是在本机测试，并不需要远程服务器参与，所以选择【否】项。 8.3.1　建立动态站点 （6）单击【下一步】按钮继续。窗口显示了所填写的信息，确认一下。如果发现有错，可以单击【上一步】按钮返回修改设置，确认无误后就可以单击【完成】按钮。 这时，动态站点就定义完成了，现在可以在Dreamweaver 8中进行动态网页的设计了。 8.3.2　创建留言板页面 （1）创建留言板主页面ASP文档。 （2）用表格布局留言板主页面。 （3）选择这个表格，打开【属性】面板，在其中设置表格及其单元格的宽度和高度。 （4）拆分表格第1行右边的单元格，分成两列。 （5）在表格中插入一些显示元素。 8.3.2　创建留言板页面 （6）先将images文件夹下的图片依次插入表格第一行最右边的单元格中，然后分别在每个单元格中输入相应的信息，如下图所示。 （7）最后再将整个表格的【背景颜色】设置为浅蓝色（#66CCFF）。 8.4　用Access 2003创建数据库 1．创建空数据库文档 2．创建留言板用户信息表 3．创建管理员信息数据表 1．创建空数据库文档 （1）新建一个名为data的文件夹，然后将空数据库文件保存在data文件夹下，文件名为liuyanban_data.mdb。 1．创建空数据库文档 （2）单击【创建】按钮创建一个名为liuyanban_data的数据库文件，同时出现一个相应的数据库设计窗口，如图8-30所示。 1．创建空数据库文档 （3）双击【使用设计器创建表】命令，弹出一个表设计器窗口，如图8-31所示。表的结构设计将在其中完成。 2．创建留言板用户信息表 （1）创建字段（域）。最后的结果如图8-33所示。 2．创建留言板用户信息表 （2）设置用户信息数据表的主键字段。 （3）设置字段属性。 用户信息数据表设计完成以后，关闭表设计器窗口，可以看到数据库设计窗口中多了一个名字为yonghu的数据表，如下图所示。 3．创建管理员信息数据表 创建一个用来存储和管理留言板管理员的信息的数据表，名字为_guest，创建结果如下图所示。 最终的数据库设计窗口如下图所示。 8.5　留言板的逐步实现 8.5.1　创建数据库链接 8.5.2　留言