Dreamweaver网页设计与制作项目十

课程教案授课内容项目十制作留言板——动态网页入门授课班级授课学时8课时教学方法与手段讲授法、演示法、讨论法。多媒体教学项目内容本项目的内容是制作一个网页留言反馈系统。留言反馈系统是主要用来在Web网站建立客户意见收集的系统工具。系统要求包含以下功能：1.显示客户反馈信息和管理员的回复信息；2.可记录客户的名称、邮件、主页等信息；3.支持多用户。留言反馈系统用于从网上获取各种客户反馈信息，是所有网站必备的工具，采用基于微软NT服务器的ASP语言、主要应用微软ACCESS数据库技术编写而成。与静态网页相比，动态网页的学习难度相对要大一些，不仅要掌握网页制作知识，还要掌握数据库及编程方面的知识。教学目标学生通过本项目的学习，能：理解动态网页的工作原理熟悉IIS的安装了解数据库的基本知识熟悉数据库的建立教学重点与难点教学重点：建立数据库，创建动态网页教学难点：创建动态网页教学过程设计项目效果【任务一】创建动态网页测试环境（一）动态网页工作原理动态网页一般使用“HTML+数据库+ASP”“HTML+数据库+PHP”或“HTML+数据库+JSP”等技术来实现。目前中小型网站较常用的是“HTML+数据库+ASP”技术。当浏览者通过浏览器向服务器发出请求时，如果请求的是一个静态网页，那么这个请求到达服务器后，服务器会在本身的硬盘上寻找相关网页，然后返回；如果请求的是一个动态网页，服务器在接到请求后，会接着传送给安装在这个机器上的应用程序服务器。应用程序服务器会理解并解释这些代码的含义，并将解释后的内容返回到客户端，这样看到的仍然是一个单纯的静态HTML网页。这说明，即使是动态网站，在客户端也是看不到动态网页代码的，这在一定程度上起到了保护代码的作用。（二）安装IIS要制作动态网页，首先需要有一个测试服务器。在Windows7操作系统下，只要安装了IIS，就可以将自己的电脑设置为测试服务器。在安装Windows7时，默认状态下是不会安装IIS的，所以需要单独安装。步骤1 点击“开始”按钮，在弹出的菜单中选择“控制面板”。步骤2 打开“控制面板”窗口，双击其中的“默认程序”图标。步骤3 打开“默认程序”对话框，单击左下角的“程序和功能”。步骤4 在打开的窗口中选择“选择打开或关闭windows功能”。步骤5 打开“windows功能”对话框，这可能需要几分钟时间。步骤6在“windows功能”对话框中选择“Internet信息服务”复选框，并单击复选框前的“+”。步骤7 单击“万维网服务”前的“+”，在“安全性”菜单中选中“基本身份验证”和“摘要式身份验证”选项。步骤8 在“应用程序开发功能”菜单中选中“ASP和ASP.NET”选项。步骤9 开始安装IIS，这可能需要几分钟的时间。步骤10 为确认是否正确安装了IIS，运行浏览器，在地址栏中输入http://localhost后按［Enter］键，结果应如图所示。【任务实施】在安装IIS后，需要进行简单的设置（将网站与IIS联系起来）才能用于测试网页，下面进行设置。步骤1 在本地磁盘创建文件夹“book”，并将“\素材与实例\素材\book”文件夹中的内容拷贝至该文件夹中。步骤2 选择“开始”>“控制面板”菜单，打开“控制面板”窗口，双击其中的“管理工具”图标。步骤3 在打开的“管理工具”窗口中双击“Internet信息服务”图标。步骤4 打开“Intemet信息服务”窗口，依次单击“计算机名”和“网站”前面的加“默认网站”，打开默认网站对话框。步骤5在“默认网站”对话框选择“基本设置”选项，打开“编辑网站”对话框。步骤6 在“编辑网站”对话框中单击“物理路径”编辑框右侧的“浏览”按钮，弹出“浏览文件夹”对话框，选择前面创建的文件夹“book”，并单击“确定”按钮。步骤7在“默认网址主页”对话框双击“ASP”选项，打开相应的对话框，修改“启用父路径”选项值为“Ture”，并单击对话框右上角的“应用”选项步骤8回到“默认网站属性”对话框，双击“默认文档”选项，检查默认文档是否为“index.asp”。步骤9选择“默认网站”选项，单击鼠标右键，在弹出的菜单中选择“管理网站”中的“高级设置”选项，打开“高级设置”对话框。步骤10 在“高级设置”对话框中选择“应用程序池”选项，在选择应用程序池对话框中选择“Classic.NETAppPool”选项。步骤11为站点根文件夹book添加AuthenticatedUsers的完全访问权限。步骤12 为C:\Windows\Temp文件夹添加AuthenticatedUsers的完全访问权限。步骤13 为网站设置数据源，在“管理工具”对话框中选择“数据源（ODBC）”选项。步骤14 双击“数据源（ODBC）”，打开“ODBC数据源管理器”对话框，在对话框中选择“系统DSN”选项。步骤15 在“系统DSN”选项中单击“添加”按钮，在“创建新数据源”对话框中选择“DriverdoMicrosoftAccess”选项。步骤16 在“ODBCMicrosoftAccess安装”对话框中输入数据源名称和选择相应的数据库。设置完毕后，在浏览器地址栏中输入http://localhost/index.asp后按回车键，将打开已设置的网站主页。【任务二】创建“留言板”数据库——了解数据库下面使用Access2010创建一个包含4个字段的数据库，它们分别是编号、昵称、留言、日期和时间。利用该数据库可以保存用户个人信息及留言内容。步骤1 单击“开始”按钮，选择“所有程序”→“MicrosoftOffice”→“MicrosoftAccess2010”菜单，启动Access。步骤2 在Access2010工作窗口中选择“文件”→“新建”菜单，然后单击右侧任务窗格中的“空数据库”。步骤3 打开“文件新建数据库”对话框，在“保存位置”下拉列表中选择希望保存数据库的文件夹（此处为在站点文件夹“book”中创建的“data”文件夹），在“文件名”编辑框中输入数据库文件名，然后单击“确定”按钮。步骤4 在数据库文件对话框中，双击“创建”菜单中的“表设计”按钮。步骤5 打开表结构设计窗口，输入字段名“bianhao”，然后打开后面的数据类型下拉列表，从中选择“自动编号”。步骤6 输入字段名“nicheng”，取默认数据类型“文本”，在下面的“字段属性”设置区设置字段的“默认值”为“无名”，“允许空字符串”为“是”。步骤7 输入字段名“neirong”，取默认数据类型“文本”，在下面的“字段属性”设置区设置字段的“字段大小”为“255”，“允许空字符串”为“是”。步骤8 输入字段名“riqi”，设置其数据类型为“日期／时间”，单击“字段属性”设置区“默认值”后面的图标，在打开的“表达式生成器”对话框中设置“默认值”为“Date（+Time）”（当前日期和当前时间），然后单击“确定”按钮。步骤9 按【Ctrl+S】组合键保存文件，弹出“另存为”对话框，在“表名称”编辑框中输入“mytable”作为表名，然后单击“确定”按钮。步骤10 Office助手提示需要定义主键，是否定义，单击“是”按钮，“bianhao”字段自动被定义为主键，其前方出现钥匙形