中职高教版《Dreamweaver网页制作》项目四 任务二 使用链接控制框架内容教案

任务二 使用链接控制框架内容 一、提出任务 1．任务目标 在“心情日记”页面创建链接，使用链接控制框架内容。 2. 解决的问题 本任务通过在“心情日记”页面创建链接，学习使用超级链接控制框架内容，实现在同一浏览器窗口中显示多个网页的功能。 3. 本任务所涉及原有知识要点 完成本任务所涉及原有知识要点有：如何创建框架集，设置框架集和框架的属性。 二、教学目标 1. 知识目标 ⑴ 理解通过创建超级链接控制框架显示内容的过程。 ⑵ 熟悉属性面板中“目标”的种类和含义。 ⑶ 掌握框架中超链接的设置。 2. 能力目标 掌握利用框架和链接实现在同一浏览器窗口中显示多个网页内容。 3. 情感目标 培养学生不怕困难、积极探索的优良作风，增强学生审美能力，使学生感受到完成任务的成就感。 三、教学分析与准备 1. 教学重点 框架中超链接的设置。 2．教学难点 属性面板中“目标”的种类和含义。 3. 教学方法 任务驱动学习、协作学习和探究学习相结合。 4. 课时安排 4课时。 5. 教学环境 多媒体网络教室。 四、学习过程（组织课堂、复习知识、教师引领完成任务占1.5课时；举一反三占2.5课时。） 教学环节及手段 教师活动 学生活动 课堂 复习提问 任务流程 导入任务 分析任务 完成任务 教师结合PPT演示文稿和实际操作讲解。 边讲边做 知识总结 举一反三 引出任务 任务目标 启发思路 准备资料 完成任务 总结评价 布置作业 集中学生注意力，准备上课。 如何创建框架集？ 如何设置框架集和框架的属性？ 演示上次的任务，找出未完成的部分，从而引出本任务的内容，即通过添加超级链接控制框架页中显示不同的内容 提出任务：使用链接控制框架内容 为上一任务创建的框架页面添加内容，其中左下部框架页直接应用素材网页“left.html”。该网页中有“个人日记”、“感情天地”等五行文本。然后为这五行文本创建超级链接，链接到素材中对应的网页，链接目标显示在右下部框架。下面，讲解完成任务的步骤。 １．添加框架页的内容 制作顶部框架页所需要的网页“top.html”，创建一个空白页面“main5.html”。 ２．创建超级链接控制框架显示内容 讲解“个人日记”的链接方法，让学生自己完成其他的链接，最终结果如下： 文本内容链接对象目标情感天地“main2.html”mainFrame休闲搞笑“main3.html”mainFrame天下杂侃“main4.html”mainFrame媒体日记“main5.html”mainFrame 完成本任务学习了在网页中创建超级链接，实现控制框架显示内容。 总结上述知识点，然后提问学生是不是也想自己做一个应用框架技术的网页？比如，我们拍摄收集了很多相片，有家人的、朋友的、自己的。希望将他们分类管理，以便更容易浏览展示。下面任务就是利用今天学的框架知识完成一个个人相册。 创建网站“pra4-3”,站点保存在“D:\pra4-3”文件夹。使用框架技术制作一个网上相册，将自己拍摄或搜集的相片分类（至少分三类），把每一类相片显示在一个页面中。创建一个“上方固定，左侧嵌套”的框架集网页“practice4-6.html”。上部框架显示相册标题（自定），左下部框架显示分类名称并添加链接，右下部框架显示相应类别的相片页面（注意：除了框架集网页外其他网页文件名自定）。 要认真组织页面，力求达到美观的效果，最好使用css样式。 准备资料：上网查找或者使用自己的照片素材 应用上述技术制作自己的网页，每个框架页的属性设置根据自己的喜好制作。 学生自评：分组让学生评论本组作的情况，哪些好、哪些不好，缺点是什么，哪些知识点没有掌握 教师总结：根据不同情况再次进行强调总结 设计一个个人网站进行自我介绍，要求使用框架技术布局页面。 教师提问，学生总结回答 首先对今天学习的任务进行明确定位，让学生明确今天学习的任务目标。 引导学生自己完成 ... ...