42使用链接控制框架内容.docVIP

使用链接控制框架内容 一、教学目标 1. 知识目标 ⑴ 理解通过创建超级链接控制框架显示内容的过程。 ⑵ 熟悉属性面板中“目标”的种类和含义。 ⑶ 掌握框架中超链接的设框架中超链接的设教学难点 3. 教学方法 任务驱动学习、协作学习和探究学习相结合。 4. 课时安排 1课时 三、学习过程 教学环节及手段 教学内容 备注 组织课堂 复习提问 任务流程 导入任务 分析任务 集中学生注意力，准备上课。 如何创建框架集？ 如何设置框架集和框架的属性？ 评讲上节课的作业 点评上节的作业，找出出错的部分，从而引出本任务的内容，即通过添加超级链接控制框架页中显示不同的内容 提出任务：使用链接控制框架内容 为上一任务创建的框架页面添加内容，其中左下部框架页直接应用素材网页“left.html”。该网页中有“个人日记”、“感情天地”等五行文本。然后为这五行文本创建超级链接，链接到素材中对应的网页，链接目标显示在右下部框架。下面，讲解完成任务的步骤。 教师提问，学生操作总结回答 教师点评学生作业中的不足之处 首先对今天学习的任务进行明确定位，让学生明确今天学习的任务目标。 分析任务 完成任务 教师实际操作讲解。 边讲边做 知识总结 总结评价 布置作业 １．添加框架页的内容 制作顶部框架页所需要的网页“top.html”，创建一个空白页面“main5.html”。 ２．创建超级链接控制框架显示内容 讲解“个人日记”的链接方法，让学生自己完成其他的链接，最终结果如下： 文本内容 链接对象 目标 情感天地 “main2.html” mainFrame 休闲搞笑 “main3.html” mainFrame 天下杂侃 “main4.html” mainFrame 媒体日记 “main5.html” mainFrame 完成本任务学习了在网页中创建超级链接，实现控制框架显示内容。 课堂作业：1.新建站点“pra4-1”, 站点保存在“D:\pra4-1”文件夹。在其中创建包含上下结构的框架集网页“practice4-4.html”,上部框架页命名为“top.html”，在其中添加“中关村在线”、“太平洋电脑网”和“华军软件园”三个网站的导航链接。单击导航链接文本时，下方框架显示相应网站。 总结：本节通过在“心情日记”页面创建链接，学习使用超级链接控制框架内容，实现在同一浏览器窗口中显示多个网页的功能。特别要注意的是链接的目标要选择正确。 引申：比如，我们拍摄收集了很多相片，有家人的、朋友的、自己的。希望将他们分类管理，以便更容易浏览展示。那可以利用今天学的框架知识完成一个个人相册。还比如老师们的精品课程也可以通过框架集来操作。 教师总结：根据不同情况再次进行强调总结 设计一个个人网站进行自我介绍，要求使用框架技术布局页面。 引导学生自己完成本节授课内容 学生自己完成本节课堂作业 给学生时间自己找资料，自己布局美化页面，以便有更多自由发挥的空间 14春计算机班《网页设计》 1 2015年10月22日