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