（中职）多媒体应用技术任务8.6 创建交互式网页及发布网站教学课件（）

（中职）多媒体应用技术任务8.6创建交互式网页及发布网站教学课件（工信版）任务8.6创建交互式网页及发布网站【任务描述】【任务目标】【任务分析】郭迪已基本上完成了整个网站的制作，但是在lianxiwo.html文件中插入的表单仅仅只是一个表面，如何才能让浏览者真正能输入信息后被郭迪看到，取到相互交流的作用呢？做好的网站又如何发布到服务器上呢？如果要实现表单功能，则需要在本地电脑上设置服务器，关联数据库，使用简单的access数据库来存储数据，使用Dreamweaver制作asp动态网页。1.会在本地电脑上设置服务器。2.会在本地电脑上关联数据库。3.会使用Dreamweaver制作asp动态网页。4.了解asp动态网页的概念。任务8.6创建交互式网页及发布网站【任务实施】1.检查电脑上是否装有“Internet信息服务(IIS)管理器”。选择“开始|控制面板”，打开“控制面板”对话框，选择“管理工具”，查看是否有“Internet信息服务(IIS)管理器”命令。若有，则进行第3步。没有，则进行第2步。如图8-6-1所示。图8-6-1查看是否装有“Internet信息服务(IIS)管理器”任务8.6创建交互式网页及发布网站【任务实施】2.安装“Internet信息服务(IIS)管理器”。选择“控制面板|程序和功能|打开或关闭Windows功能”，在“windows功能”对话框中，勾选“Internet信息服务”，点击“确定”按钮，等待安装即可。如图8-6-2所示。图8-6-2安装“Internet信息服务(IIS)管理器”任务8.6创建交互式网页及发布网站【任务实施】3.设置“Internet信息服务(IIS)管理器”添加一个网站。在“Internet信息服务(IIS)管理器”对话框中，选择“网站”，单击鼠标右键，选择“添加网站”，在“添加网站”对话框中，输入“网站名称”为“guodiweb”，“应用程序池”为“DefaultAppPool”，“物理路径”为“E:\guodiWeb”，IP地址为“68”（IP地址为自己本机设置的IP），点击“确定”启动网站。如图8-6-3所示。图8-6-3设置“Internet信息服务(IIS)管理器”添加一个网站任务8.6创建交互式网页及发布网站【任务实施】4.测试网站服务器是否正常工作。打开IE浏览器，在地址栏中输入“68/”，看是否能正常打开网站首页（index.html）。如图8-6-4所示。图8-6-4测试网站服务器是否正常工作任务8.6创建交互式网页及发布网站【任务实施】5.使素材库中的数据库文件关联系统DSN。把素材库中“任务8.6”文件夹中的拷贝到“guodiWeb”文件夹中。打开“控制面板|管理工具|数据源(ODBC)”，在“ODBC数据源管理器”对话框中，选择“系统DSN”，点击“添加”按钮，在“创建新数据源”对话框中选择“MicrosoftAccessDriver(*.mdb，*.accdb)”，单击“完成”。在弹出的“ODBCMicrosoftAccess安装”对话框中，填写“数据源名”为“liuyan”，“说明”为“我的留言数据库”，点击“选择”按钮，选择E盘guodiWeb文件夹下的Data1.accdb数据库。素材“Data1.accdb”数据库中的结构如图8-6-5所示。图8-6-5将素材库中的数据库文件关联系统DSN任务8.6创建交互式网页及发布网站【任务实施】图8-6-5将素材库中的数据库文件关联系统DSN任务8.6创建交互式网页及发布网站【任务实施】6.在Dreamweaver软件下设置网站测试服务器。启动Dreamweaver，选择“站点|管理站点”，选择“郭迪的个人求职网站”（若没有，请新建站点，详细步骤参照任务1），点击“编辑按钮”，在“站点设置对象郭迪的个人求职网站”对话框中，选择“服务器”，选择“+”（添加服务器按钮），设置“服务器名称”为“郭迪的服务器”，“连接方法”为“本地/网络”，“服务器文件夹”为“E:/guodiWeb”，“WebURL”为68/，单击“保存”，如图8-6-6所示。回到“站点设置对象郭迪的个人求职网站”对话框，勾选“测试”后，点击“保存”。图8-6-6在Dreamweaver软件下设置网站测试服务器任务8.6创建交互式网页及发布网站【任务实施】7.更改网页“lianxiwo.html”网页为“lianxiwo.asp”。在“文件”浮动面板内选择“lianxiwo.html”，单击鼠标右键，选择“编辑|重命名”，将html改成asp，按回车，在弹出的“更新文件”对话框中选择“更新”命令。如图8-6-7所示。图8-6-7更改网页“lianxiwo.html”网页为“lianxiwo.asp”任务8.6创建交互式网页及发布网站【任务实施】8.双击打开“lianxiwo.asp”网页，调出“数据库”浮动面板，添加“数据源”。在打开“lianxiwo.asp”网页后，选择“窗口|数据库”，调出“数据库”浮动面板，检查1、2、3项是否打勾，若打勾，则继续添加数据源，否则请完成前面3个步骤。点击“+”，选择“数据源名称（DSN）”，在弹出的“数据源名称（DSN）”对话框中输入“连接名称”为“liuyan”（名称须为英文），点击“确定”。如图8-6-8所示。图8-6-8添加数据源任务8.6创建交互式网页及发布网站【任务实施】9.添加“服务器行为”为“插入记录”，实现从网页的文本框中输入的数据能自动存贮在后台数据库中。选择“服务器行为”选项卡，单击“+”按钮，选择“插入记录”，在弹出的“插入记录”对话框中，选择连接为“liuyan”，插入到表格“liuyan”中，插入后，转到“index.html”获取值自“form1”，选择网页中相应的文本输入框对应相应数据库列表名称。点击“确定”即可。如图8-6-9所示。图8-6-9添加“插入记录”服务器行为任务8.6创建交互式网页及发布网站【任务实施】10.验证数据是否输入到后台数据库。打开lianxiwo.asp网页，在文本输入框中写上留言内容，点击“提交”，若返回到主页，则成功提交，可到后台数据库查看留言内容。如图8-6-10所示。图8-6-10验证任务8.6创建交互式网页及发布网站【相关知识】1.ASPASP的全称为MicrosoftActiveServerPages，意为“动态服务器页面”，是一套微软开发的服务器端脚本环境，ASP内含IIS5.0种，通过ASP可以结合HTML网页、ASP对象和ActiveX元件建立动态、交互且高效的Web服务器应用程序，其优点是简单易学，适用于小型网站的设计。要运行ASP程序，要在Windows操作系统上安装IIS6.0，设置web站点。2.关于数据库数据库（Database）是按照数据结构来组织、存储和管理数据的仓库，它产生于距今六十多年前，随着