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