6.1 应用框架制作电子书.docVIP

南阳工业学校教案 授课班级 授课时间 教 材 网页制作基础教程（Dreamweaver CS3）葛艳玲 电子工业出版社 教学项目 6.1 应用框架制作电子书 教学目标 创建框架网页 框架网页的选择 设置框架和框架集的属性 编辑框架 教学形式 一体化课，在一体化教室内 教学方法 教学做一体化教学、演示教学法 教学准备 1.课件 2.一体化教室 教学重点 创建框架网页 框架网页的选择 设置框架和框架集的属性 编辑框架 教学难点 创建框架网页 设置框架和框架集的属性 编辑框架 教学过程设计 设计流程 教学内容 设计意图 考 勤 （2’）1.教师展示样例，显示效果，让学生感魅力。 2.提出问题：效果图如何产生？学生思考。 3.教师介绍相关的概念。 新课教学 （58’） 6.1 应用框架制作电子书 6.1.1 案例综述 　　　　本例将制作一个HTML在线教程的页面，页面分三个区域，在顶部放置标题栏，左侧框架放置导航栏（即目录），单击链接，在右侧框架中打开链接内容 一个框架横放在顶部：Web站点的徽标和标题 一个较窄的框架位于左侧：导航条 一个大框架占据页面的其余部分：主要内容 6.1.2 案例分析 理解框架集、框架的概念。 创建框架集 制作框架、链接页面 创建超链接 保存框架集 框架：是指浏览器窗口中的一个区域。 框架集：定义了一组框架的布局和属性，包括框架的数目、框架的大小和位置以及在每个框架中初始显示页面的URL。 6.1.3 实现步骤 创建框架集 。 制作框架页 创建导航栏超链接 保存框架集 6.2.1 创建框架和框架集 选择预定义的框架集 (1).创建包含当前文档的框架集 打开一个文档 插入栏|布局|框架 框架集图标的蓝色区域表示当前文档 课堂小结 （10’） 框架的概念 框架的创建方法 课堂练习（15’） 学生课堂任务书 制作一个框架页面。