电商高级1326班网页制作教案本第九周02.docx

广州市机电技师学院 广州市天河金领技工学校萝岗校区教师姓名:授课班级:课程名称:陈建平电商高级1326网页制作编号：06版本：流水号:科目网页制作班级电商高级1326授课日期第9周(2)课题第8章使用框架布局 设置框架集和框架属性课时2课时授课方式讲授式、演示式辅助教具多媒体学 习 目 标通过学习完本课题，学生应当能够：1 .掌握框架及框架集属性的设置2 .掌握无框架内容的设置作业布置学习资料重点1 .掌握框架及框架集属性的设置2 .掌握无框架内容的设置难点1 .框架及框架集属性的设置2 .无框架内容的设置教 学 回 顾审阅签名:审阅日期:审阅签名:审阅日期:授课教师:提交日期:教学过程教学环节 与时间分配组织教学5，复习回顾2'新课导入3，讲授新课讲解15'任务驱动10'讲解10'（下课时间）任务驱动15,评价10'教学内容【组织教学】学生机注册、清点人数【复习回顾】提问：1 .如何创建创建框架集？2 .常见的框架的结构类型有哪些？3 .如何保存框架和框架集？【新课导入】设置框架集和框架属性1.设置框架集属性可以在框架集的“属性”面板中设置其属性，具体步骤如下：1）选择页面中的框架集，打开框架集的“属性”面板，如果“属性”面板不可见， 可执行“窗口” 一一 “属性”命令。2）单击“属性”面板右下角的展开按钮，显示框架集的所有属性。可对其进行设置。注意：在文档窗口的设计视图中拖动框架边框，可以粗略设置框架大小，然后再在“属 性”面板中设置准确的大小。2 .设置框架属性可以在框架的“属性”面板中设置框架的属性，具体步骤如下：1）选择文档中需要设置属性的框架，打开框架的“属性”面板。2）单击“属性”面板右下角的展开按钮，显示框架的所有属性。可对其进行设置。3 .设置无框架内容并不是所有的浏览器都支持框架。当在不支持框架的浏览器中打开框架页面时，浏览 器只显示HTML文档中noframes和/noframes标签之间的内容。通常，将这部分内容称 为无框架内容。在Dreamweaver CS3中创建无框架内容的步骤如下：1）执行“修改”一一“框架集”一一“编辑无框架内容”命令，使网页框架消失， 显示完整的设计视图，视图上方标注“无框架内容”。2）按照编辑普通文档的方法，编辑其中的内容，如输入文本、插入图像及创建超链 接等。3）再次执行“修改”一一“框架集”一一“编辑无框架内容”命令，可退出无框架 内容编辑状态，返回到原来的框架集文档窗口中。提问10'课堂小结10'