《DreamweaverCS3网页制作案例教程电子教案 教学课件 ppt 作者 陈承欢 11第11章整合与发布网站》由会员分享，可在线阅读，更多相关《DreamweaverCS3网页制作案例教程电子教案 教学课件 ppt 作者 陈承欢 11第11章整合与发布网站（7页珍藏版）》请在金锄头文库上搜索。
1、第11章整合与发布网站第11章整合与发布网站本章将前面各章所创建的网页整合为一个完整的网站，并且对该网站进行测试，测试成功后，把网站中的文件上传到Web服务器。【教学导航】教学目标（1）学会将多个网页整合为一个完整的网站（2）掌握测试网站的方法（3）掌握发布网站的方法（4）清理文档的方法（5）了解域名的申请方法（6）了解宣传与推广网站的方法本章重点（1）将多个网页整合为一个完整的网站（2）测试网站（3）清理文档本章难点（1）测试网站（2）发布网站教学方法任务驱动法、分组讨论法、三步训练法、理论实践一体化、讲练结合课时建议4课时（含课堂同步训练）11.1课前准备（1）在本地硬盘创建文件夹（2）在
2、文件夹“E游天下”中建立9个子文件夹，名称分别为01、02、03、04、05、06、07、08、09，将光盘中文件夹“task01-1”至“task09-1”下所有子文件夹和文件分别拷贝到本地硬盘对应的子文件夹中。（3）启动Dreamweaver CS3（4）创建名称为“E游天下”的本地站点11.2课堂引导训练及评价【课堂引导训练任务描述】1、整合与发布网站任务卡整合与发布网站任务卡如表11-1所示。表11-1整合与发布网站任务卡任务编号11-1任务名称整合与发布网站网页主题E游天下计划工时120min网页制作任务描述（1）将多个网页整合为一个完整的网站（2）测试网站（3）清理文档（4）发布网
3、站任务实现流程分析新建网页index.html设置网站主页的超级链接查看与设置站点地图测试网站清理文档申请域名与空间发布网页宣传与推广网站配盘素材导引原始文件位置：start11第11章规划与整合网站task11-1最终文件位置：result11第11章规划与整合网站task11-12、整合与发布网站任务跟踪卡整合与发布网站任务跟踪卡如表11-2所示。表11-2整合与发布网站制作任务跟踪卡任务编号开始时间完成时间计划工时实际工时当前状态【任务完成过程】11.2.1新建网页文档index.html【操作要求】（1）创建一个网页文档index.html。（2）设置网页的标题、Meta属性、关键字、
4、说明和刷新属性【实施过程】（1）新建一个网页文档（2）设置网页标题在【文档】工具栏的“标题”文本框直接输入网页标题“E游天下”即可。（3）设置网页的Meta属性、关键字、说明和刷新属性（4）保存该网页，预览其效果。11.2.2设置网站主页的超级链接【操作要求】（1）设置网页index1001.html的图像热点超链接。（2）设置网页index1001.html导航栏的超链接。【实施过程】1、设置图像热点超链接在网页index1001.html的地图中分别绘制圆形热点区域，然后设置热点超链接。2、设置导航栏的超链接打开子文件夹“webPage”中的网页top_nav.html，切换到【代码视图】
5、窗口，添加必要的HTML代码，为相应的文字设置超级链接。11.2.3查看与设置站点地图1、查看站点地图2站点地图中的操作（1）隐藏文件（2）显示文件3保存站点地图11.2.4测试网站一个网站制作完成后，在网站发布之前应进行严格的测试，以检查各个超级链接是否1、测试网页（1）检查链接（2）检查浏览器的兼容性（3）验证标记2、测试本地站点（1）检查链接（2）检查页面效果（3）检查网页的容错性（4）检查兼容性3、用户测试4、负载测试5、创建网站报告11.2.5清理文档（1）打开需要清理的文档。（2）在Dreamweaver CS3主界面中，单击菜单【命令】【清理XHTML】，打开【清理HTML/XH
6、TML】对话框，在“移除”选项组中选择“空标签区块”、“多余的嵌套标签”、“不属于Dreamweaver的HTML注解”复选框，也可以在“指定的标签”文本框中输入所要删除的标签。在该对话框中单击【确定】按钮即可。（3）单击菜单【命令】【清理Word生成的HTML】，打开【清理Word生成的HTML】对话框，在该对话框中进行相应的设置之后，如图11-25所示，然后单击该对话框的【确定】按钮即可。清理完毕弹出如图11-26所示的【清理Word HTML结果】对话框，然后单击该对话框的【确定】按钮即可11.2.6申请域名与申请空间1、申请域名2、申请空间11.2.7发布网站1、上传文件1）使用Dre
7、amweaver CS3上传文件（1）启动Dreamweaver CS3，打开【文件】面板，选择上传的文件或文件夹，然后单击【上传文件】按钮上传文件，如图11-27所示。（2）如果在上传文件之前如果没有设置过远程服务器，会弹出如图11-所28示提示定义远程服务器的对话框。（3）单击【是】按钮，打开如图1-29所示的定义站点对话框，需要根据主页空间的类型选择合适的服务器类型，这里选择“FTP”。（4）选择“FTP”后，填写“FTP主机”地址，该地址是由申请的主页空间提供的，例如“www.E”，然后依次填写“主机目录”，主机目录由主页空间提供商提供的，接着填写“登录”、“密码”，登录名和密码是申请
8、主页空间确定的，下面的复选框根据需要进行选择，如图11-30所示。然后单击【确定】按钮即可向服务器上传文件了。（5）网站上传完毕，单击站点管理器上方的【展开以显示本地和远端站点】按钮，就可以看到站点文件已被上传到主机目录中了。2）使用CuteFTP上传文件2、获取文件（1）在远端服务器浏览窗口中选择需要获取的文件或者文件夹。（2）单击【获取文件】按钮，文件即会被下载到本地站点中。上传文件和获取文件，Dreamweaver CS3都会自动记录各种FTP操作，遇到问题时可以打开【FTP记录】窗口查看FTP记录。11.2.8宣传与推广网站1、注册到搜索引擎2、参加广告交换组织3、借助网络广告4、添加
9、到网址导航网站5、通过邮件推广6、利用友情链接7、BBS宣传8、传统宣传方式【课堂引导训练任务完成情况评价】对本次整合与发布网站的完成情况进行自评，整合与发布网站任务完成情况评价内容如表11-7所示。表11-7整合与发布网站任务完成情况评价表任务名称整合与发布网站综合评价任务完成情况分项评价创建站点新建网页设置链接测试网站发布网站推广网站存在的主要问题11.3课堂同步训练及评价11.3.1课堂同步训练任务描述1、同步训练任务卡课堂同步训练的任务卡如表11-8所示。表11-8课堂同步训练任务卡任务编号11-2任务名称整合与发布网站网页主题快乐E游计划工时60min同步实践任务描述（1）在本地硬盘
10、中创建多个文件夹，将前面各章课堂同步训练环节所创建的网页拷贝到各个相应的文件夹中（2）创建名称为“快乐E游”的本地站点（3）新建网页文档default.html（4）设置网站主页的超级链接（5）查看与设置站点地图（6）测试网站（7）清理文档（8）申请免费的网站域名与网页空间（9）发布网站配盘素材导引原始文件位置：start11第11章规划与整合网站task11-2最终文件位置：result11第11章规划与整合网站task11-22、同步训练任务跟踪卡课堂同步训练的任务跟踪卡如表11-9所示。表11-9课堂同步训练的任务跟踪卡任务编号开始时间完成时间计划工时实际工时当前状态11.3.2同步训练
11、网页的制作要点提示（1）为网页ex1002.html一级导航条中的菜单文字“E游调查”设置链接地址为“07/ex0702.html”，目标为“_self”。（2）为网页ex1002.html二级导航条中的菜单文字“桂林山水”设置链接地址为“05/ex0502.html”，目标为“_blank”。（3）事先成功申请一个免费的域名和空间，以保证发布网站能正常进行。（4）尝试使用Dreamweaver CS3的站点管理器和GuteFTP或FlashFXP上传网站。11.3.3课堂同步训练评价课堂同步训练评价内容如表11-10所示。表11-10课堂同步训练评价表任务编号11-2任务名称整合与发布网站任
12、务完成方式【】小组协作完成【】个人独立完成课堂同步实践任务完成情况评价自我评价小组评价教师评价存在的主要问题11.4课外拓展训练1、拓展训练任务卡课外拓展训练的任务卡如表11-11所示。表11-11课外拓展训练任务卡任务编号11-3任务名称整合与发布网站网页主题爱旅游计划工时120min拓展任务描述（1）在本地硬盘中创建多个文件夹，将前面各章课外拓展训练环节所创建的网页拷贝到各个相应的文件夹中（2）创建名称为“爱旅游”的本地站点（3）新建网页文档index.html或default.html（4）设置网站主页的超级链接（5）查看与设置站点地图（6）测试网站（7）清理文档（8）申请免费的网站域名
13、与网页空间（9）发布网站（10）尝试宣传和推广网站素材准备要求通过搜索引擎获取免费的域名和空间2、拓展训练任务跟踪卡课外拓展训练的任务跟踪卡如表11-12所示。表11-12课外拓展训练的任务跟踪卡任务编号开始时间完成时间计划工时实际工时当前状态3、拓展训练任务完成情况描述课外拓展训练任务完成情况如表11-13所示。表11-13课外拓展训练任务完成情况任务编号11-3任务名称整合与发布网站任务完成方式【】小组协作完成【】个人独立完成整合网站情况测试网站情况申请域名与空间发布网站情况完成情况评价【本章小结】一个网站开发完成后必须经过认真的测试才能发布，以免浏览网站时出现一些错误。一个网站要发布在服务器上去，才能被他人浏览。本章主要介绍了整合网站、测试网站、申请网站域名和网页空间、发布网站、宣传与推广网站。355
