框架说课稿(共2页).doc

精选优质文档-倾情为你奉上制作框架网页说课稿各位老师，大家好。我叫 。我说课的题目是制作框架网页，下面我将从教材、教法，学法，教学过程四个方面进行说课。一 说教材本次课采用的是高职高专教材WEB程序设计实践教程中框架网页的内容, 本次课主要讲解框架网页的相关知识，实现精品课网站项目中的制作框架网页子项目，为后续知识的学习，打下基础。本次课的能力目标是：能够应用框架建立简单网页知识目标是：1、了解框架网页的概念和组成。2、掌握框架和框架集属性的设置方法素质目标是:培养学生网页设计的结构布局能力和创新能力教学重点难点是：掌握框架属性的设置二 说教法教学方法：根据教学内容和学生实际，我采用了任务驱动法、实例教学法、演示法、集中重点讲解法和个别指导等教学方法。教学手段：通过实施任务驱动，把学习的主动权交给学生，引导学生动手尝试，让学生体验并制作框架网页。另外，采用半成品加工策略，提供一些素材，让学生直接制作，提高学习效率。 教学设计步骤：引入、操练、深化、归纳、训练、总结、布置作业。三 说学生 本课程在大三第二学期开设，学生已有一定的编程基础。本次课实践性较强，对于每个训练任务，鼓励学生独立思考，尝试操作，自行分析问题并寻求解决问题的方法，让学生从“学会”转化为“会学”。四 说教学过程请看大屏幕，大屏幕上展示的是精品课网站中c语言程序设计的网页，单击网页上侧或右侧的导航栏中的超链接都可以改变网页的内容。但是，这个超链接和以前介绍的超链接有什么不同呢？给学生两分钟思考的时间。对了，这个网站中导航条等信息并不需要在每次点击链接时都发生改变，因此没有必要在每一个页面中都插入这些元素。这样的网页就是我们今天要学习的框架网页。以这个网页为例，该页面是如何实现的呢？我们一起分析一下：首先网页由框架分成了几个部分，其次，上部和右侧是有导航功能的。接下来，我们具体实现这两部分。任务1:框架网页的新建与保存。在Dreamweaver中选择文件菜单中的新建命令，打开新建文档对话框，在常规选项卡的类别列表中选择框架集选项，在框架集列表中选择想要创建的框架类型。单击创建按钮。弹出“框架标签辅助功能属性”对话框，为该框架指定标题,单击确定按钮，页面被分为上下两个框架并生成空白框架页面。这样的框架结构并不是我们想要的，可以用鼠标拖动边框对框架进行拆分，完成所需要的框架结构。接下来在空白框架中显示页面,选中topFrame框架,在属性面板中单击浏览文件按钮打开选择HTML文件对话框，选择top.html文件作为topFrame框架的页面。其他的框架也是一样的步骤,这里不再重复.网页完成以后,需要保存网页,选择文件菜单中全部保存命令，保存所有文件。学生完成这个任务时，边听边模仿边操作，遇到不会的地方，同学之间互相商量，或者咨询老师，大约需要20分钟的时间。通过该任务的实现，使学生学会创建嵌套框架并保存框架。 学生完成任务之后，继续任务2：创建具有导航功能的框架网页。 导航栏中的超链接，需要在属性面板中设置链接和目标属性的值。在“链接”文本框中输入要链接的文件名或者单击文件夹图标选择要链接的文件，在“目标”下拉列表中，选择显示链接文件的框架。其他的超链接也是一样的步骤，这里不再重复。学生完成这个任务时，边听边模仿边操作，遇到不会的地方，同学之间互相商量，或者咨询老师，大约需要15分钟的时间。通过该任务，使学生能够实现一个具有导航效果的框架网页。任务完成之后，教师归纳，归纳两点：1、<frame>框架标记的属性及设置方法。2、<frameset>框架集标记的属性及设置方法。相应的属性面板在标记的下方显示。为了提高学生的能力，把应用电工精品课网页做为训练项目，在完成项目的过程中学生组内交流，互相帮助，教师巡回。整个项目完成大约40分钟。项目测评采用分组测评的方式，按小组交流作品，挑选出较有特色的作品，将挑选出来的作品在全班展示，由学生对其评价。教师对学生作品的优缺点进行总结，帮助学生进行修改。训练和测评结束之后教师总结: 框架作为一种制作网页的工具，可以将浏览器窗口划分为若干个窗格，实现在同一个浏览器窗口中同时显示不同网页的效果，很多网站的论坛或邮件系统都是由框架完成的。最后，布置作业作业有两个，第一个作业，完成课外项目在线论坛中的框架设置。这个作业是留给所有学生的。第二个作业，当浏览器不支持框架显示时,该怎么办?这个作业是留给学有余力的同学课下查找资料，寻找答案。好了，我的说课说完了。谢谢！专心-专注-专业