目录框架快制作 教学设计

第一篇：目录框架快制作 教学设计

第四单元 欢乐家庭总动员 活动2 目录框架快制作

一、学情分析

通过活动1的学习，大部分学生已认识到规划的重要性，也提升了学生问题分析、整体规划的能力。另外学生在上学期及本单元活动1都已接触过PowerPoint软件，因此，我在本节课主意以任务驱动为主。多给学生亲自操作、体验及交流的机会。

二、教学目标

知识与技能

1、理解目录在电子作品中的重要性；

2、能根据作品规划设计目录幻灯片；

3、熟练设置幻灯片背景。过程与方法

1、通过制作目录幻灯片，了解电子作品目录设计制作的方法；

2、为目录栏目建立对应幻灯片，形成完成的作品结构。情感、态度及价值观

1、激发学习兴趣和创作欲望，培养创新意识和创新能力；

2、通过学生亲手操作完成任务，给学生以满足感、成就感；

3、通过学生之间的互助和互评，增强学生之间的友谊。

三、教学重点：

1、理解目录在电子作品中的重要性；

2、为目录栏目建立对应幻灯片，完成作品框架制作。

四、教学难点：

能根据作品规划设计目录幻灯片。

五、教学准备

硬件：多媒体网络教室，保证每人一机。

软件：电子教室环境、教师机、学生机安装PowerPoint 2003中文版、相关图片素材。

课时安排： 1课时。

六、教学过程

（一）复习旧知、引入活动

教师活动：利用屏幕展示优秀的幻灯片作品（课本提供作品及本校学生制作作品），复习活动1内容，进而明白本节任务，引入活动。

学生活动：观看教师的屏幕展示，为完成本节以下两个任务做好准备：

1、制作作品目录；（任务1）

2、制作作品子页面的框架。（任务2）

（二）任务驱动、展开活动 说明：教师在课前将本节课所需图片素材及学生用课件共享到局域网中。

1、制作作品目录

任务驱动：制作作品目录，带着问题完成上述任务1。问题设置：

1、如何快速的给幻灯片插入背景？

2、如何调整“艺术字”的大小及方向等？

3、在完成一个子目录时，如何快速制作其余子目录？）

附加任务：为幻灯片制作封面。

评价总结：教师总体评价学生完成任务情况，并集体澄清学生在操作中遇到的问题，转播展示个别学生作品，要学生进行自评及互评。结合刚才提出的问题总结任务1。（突出教学重点1，突破教学难点）

2、搭建作品框架

任务驱动：搭建作品框架（为目录栏目建立对应幻灯片，并输入艺术字做标题，完成作品框架制 作）。带着问题完成上述任务2。

问题设置：

1、如何快速新建子栏目的幻灯片？

2、如何调整幻灯片的顺序，如何删除幻灯片？）

附加任务：为各个子栏目添加内容。（也可以指导组内其他同学完成任务，注意此时是指导，不是代替其操作）。

评价总结：教师总体评价学生完成任务情况，并集体澄清学生在操作中遇到的问题，转播展示个别学生作品，要学生进行自评及互评。结合刚才提出的问题，以此来总结任务2。（突出教学重点2）

（三）展示作品、总结活动

展示作品：教师转播展示部分学生作品，要学生结合作品进行自评及互评，然后结合教师评价，评出本节课的优秀作品。

第二篇：《目录制作》教学设计

学习者分析

教材分析

本课是苏科版初中信息技术七年级第四章第1节“研究报告制作”中的内容，主要包括：①了解目录的作用及一般组成。②学会设定标题样式。③利用自动化技术生成目录。其中按级别设定标题样式，是本课的难点，也是自动生成目录必须要解决的问题。电子目录的本质其实就是超链接，为学生学习ppt和网页超链接的设置奠定了知识和技能基础。

教学目标

知识与技能目标：了解目录的作用及一般组成，学会设定标题样式。

过程与方法目标：在制作目录的过程中，掌握利用自动化技术生成目录的方法。

情感态度与价值观目标：能够改变思维方式，尝试使用自动化思维解决问题，提高工作效率。

教学重点、难点

重点：目录的作用及组成；制作目录的过程。

难点：自动生成目录的方法；按级别设定标题样式。

教学策略

本课是一节典型的技能课，根据教学的内容和学生的实际情况，笔者创设了为班级的《饮料与青少年健康研究报告》制作目录的任务情境，学生在“创设情境，感受目录功能―观察案例，分析目录构成―初次尝试，手工插入目录―快速提取，自动生成目录―使用体验，感悟电子阅读―思维导图，巩固新知”这六个环节的引领下展开一系列逐层递进的学习活动。

教学过程

1.创设情境，感受目录功能

游戏：学生准备好课本，迅速找到“图片分类及格式”在课本中的页码，并打开相应位置。

速度最快的同学分享经验（使用目录）。

师：请大家观察课本的目录，并说说目录页的作用。

学生回答（概括内容；快速索引，方便读者选择浏览）。

师：在阅读过程中，需要快速找到某一页的时候，就需要目录的帮助。《饮料与青少年健康研究报告》完成之后可以分享给其他人阅读，但每个人的喜好不同，不是所有人都喜欢从第一页看到最后一页，这就需要我们做个目录来帮助读者了解报告的概况，引导读者阅读。今天我们就来学习制作目录。

设计意图：让学生在查阅书籍的过程中，发现目录的作用与优势，产生为《饮料与青少年健康研究报告》制作目录的需求，学生在好奇心的驱动下带着问题学习，既创设了良好的需求情境，也调动了学生的学习积极性。

2.观察案例，分析目录构成

师：观察课本目录页并思考：①目录页由哪些元素组成？②实现目录功能的必要元素有哪些呢？（如下页图1）

设计意图：通过观察分析课本目录，师生共同总结目录页的组成元素，并以结构化的思维导图的形式呈现出来，让学生对目录有一个全面的了解，充分认识目录页中的必要元素，防止学生过度关注目录的修饰，而忽略了目录的关键内容――标题及页码。

3.初次尝试，手工插入目录

活动1：手工插入目录。

①利用已学的知识，自主制作“目录”字样。

②添加标题，并思考：如何将研究报告中的各级标题提取到目录页中？（直接录入，复制粘贴）

③在每个标题后插入省略号。

④手工输入每个标题对应的页码。

小结：虽然这些方法能够完成目录的制作，但比较麻烦。

设计意图：运用已有技能，学生虽然能够制作出目录页，但也感受到了这种方法的弊端，为学习使用自动化技术生成目录奠定基础，使学生有获得新知的好奇和喜悦。

4.快速提取，自动生成目录

活动2：局部比较，理解自动生成目录的基础。

①模仿老师的方法，尝试生成目录。（发现“错误，未找到目录项”，思考：为什么同样的方法，老师能成功，自己却出错了呢？）

②分别打开“饮料与青少年健康研究报告”和“演示范例”文件，选定对应的标题，查看“开始”选项卡中的样式，有什么发现？（《饮料与青少年健康研究报告》中所有的标题都为“正文”样式；“演示范例”中“1摘要”“2绪言”等标题为“标题1”样式，“2.1引言”“2.2研究目标”等标题为“标题2”样式）

小结：自动生成目录前必须根据层级关系设置不同级别的标题样式，而且目录层级越高，标题样式序号越小。

活动3：根据《饮料与青少年健康研究报告》目录页效果，自动生成目录（如图2）。

①设置每个标题的样式（将“1摘要”“2绪言”等章标题统一设置为“标题1”样式，“2.1引言”“2.2研究目标”等节标题统一设置为“标题2”样式）。

②生成目录（将光标定位在存放目录的空白处，单击“引用”选项卡中的“插入目录”按钮）。

拓展问题：

①如何快速设置多个同级标题的样式？（将光标定位在某个设置好的标题中，双击“格式刷”按钮，并连续复制标题样式到多个标题）

②若修改文稿后，标题或页码发生变化，这时该如何处理目录呢？（运用“更新目录”按钮重新生成目录）

设计意图：运用自动化技术生成目录的方法没有直接讲授给学生，而是借助搭建局部比较的接收支架，引导学生发现自动生成目录的关键，即按级别设定标题样式，不仅探究了实现自动化技术的条件，也培养了学生解决实际问题的能力，超越了简单技能训练，渗透了技术方法和思想的培养。

5.使用体验，感悟电子阅读

师：观察目录页，其除了自动生成的标题和页码外，还有什么特殊的功能呢？请大家思考以下几个问题：①现在要阅读“饮料对人体的影响”的相关内容，如何才能快速打开呢？（使用滚动条翻阅）②按住ctrl键的同时单击标题，会出现什么现象？这运用了什么技术呢？（超链接）③在日常生活、学习中，我们是否也遇到过这一技术呢？（网页中的超链接）

小结：和传统的阅读不同，在目录中利用超链接技术可以直接跳转到想要阅读的地方，这是纸质目录所没有的功能，也充分体现了电子书阅读的优势。

设计意图：引导学生体验纸质目录所没有的超链接功能，既充分体现自动生成目录的技术优势，也能让学生感受到电子目录带给我们的便利。

6.思维导图，巩固新知（如图3）

设计意图：思维导图是一种运用集中与发散思维的有效图形思维工具。学生借助思维导图，可以将关键知识点整合并结构化呈现，可以清晰形象地呈现出各知识间的脉络关系，有助于从整体上把握知识，完成知识的建构。

第三篇：目录的制作——教学设计

《制作作文选——目录的制作》教学设计

大纵湖初级中学 宋春苗

【设计思想】

本节课以作文选目录的制作为载体，按照 “分析目录——制作目录——美化目录——评价目录”的流程组织教学，通过多种教学方法和手段，力求引导学生制作一份比较完整、美观的目录作品。以“自主、合作、探究”的教学理念指导课堂教学，侧重培养学生分析问题、解决问题的能力，增强学生自主学习、协作学习的意识，启发学生的创造性思维，培养他们的审美观。

【教材分析】

《目录的制作》这节课是江苏省初中《信息技术》教材中第3章第1节《制作作文选》中的内容，这节课是学生在了解制作作文选的一般步骤、掌握文本的编辑排版方法和学会制作卷首语的基础上开设的一节内容。课本上共介绍了5个知识点，传统的教学中，我们都从美观的角度，利用文本框设计版面，制作目录。这节课我作了调整，从技术的角度出发，让学生学会利用“索引和目录”功能自动生成目录页，并能综合运用艺术字、图片、图形等对象来美化目录。最终我们会发现，这种方法同样也可以制作出缤彩纷呈的目录作品。

【学情分析】

经过“卷首语、正文”的学习，学生已经有了对文本编辑、修饰的基础，也初步掌握了图片、艺术字、自选图形的编辑方法。因此在本节课中，学生应该能够利用已有知识或在助学软件的提示下，制作“目录”字样，并对目录进行一些简单的美化。

本课的重点是利用“索引和目录”功能自动生成目录页，如何实现高达成率？希望经过老师的引导、分析、演示的帮助下，绝大部分学生能完成目录的制作，同时能呈现精美的目录作品。

【教学目标】

知识与技能：了解目录的作用及一般组成；学会利用“索引和目录”功能自动生成目录页；能综合运用艺术字、图片、图形等对象美化目录。

过程与方法：体验并掌握目录制作的一般过程。情感态度与价值观：充分体验WORD自动生成目录所带来的技术优势。

【重点难点】自动生成目录；设定标题样式；设置项目符号和编号。【教学策略与手段】讲解演示相结合、自主探究学习、合作学习等 【教学过程】

一、创设情境，导入新课

师生互动：师展示课本目录图片，让学生猜出它是哪本书的哪部分内容？

师调查：

1、我们班有多少同学平时看书刊、杂志经常用到目录的？

2、你知道目录的作用吗？ 学生讨论交流。师小结：目录主要记录书刊中章节的标题及页码，它起到导读和索引的作用，便于读者查找。

揭题：目录的制作。（幻灯、板书）

设计意图：以同学们最熟悉的课本目录为切入点，通过 ‚猜一猜‛和问题调查的方式，让学生了解目录的作用和重要性，进而揭题。

二、新课讲授

（一）分析目录

学生赏析：欣赏目录图片，剖析目录组成。师通过幻灯片展示一组精美的目录图片，引导学生在欣赏的同时思考目录的一般组成。

学生欣赏、思考并回答。师小结：（幻灯片展示）（1）“目录”字样；

（2）标题及页码——这是目录非常重要的部分。设计意图：通过展示一些精美的目录图片，让学生认识目录并从中找共性，进而分析目录的一般组成。只有分析到位，学生才能制作到位。

（二）制作目录

师带领学生打开素材，并作简要说明。

1、“目录”字样的制作

学生自主探究：利用已学知识，自主实践，制作“目录”两个字。学生操作，师巡视。

设计意图：为了提倡学生个性化的发展，这里对‚目录‛两字的制作方法不作强求。从学生的制作过程中总结方法，并让学生按照自己的操作习惯进行选择。这样不仅能设计出不同样式的文字，而且尊重了学生个性的发展。

2、标题及页码的添加

（1）初步尝试：手工添加标题及页码

师生共同浏览作文选（老师为本节课准备的素材），了解其组成（12篇文章，分4个篇章）。

设疑：如何将正文中的“4个篇章名，和12个文章标题及页码”提取到我们的目录页中？

学生思考并操作。（直接输入，复制粘贴）师小结：当然这些方法都能完成目录的制作，但是这样做显得比较麻烦。在这里，老师介绍一个快速的方法。

师演示并讲解：在word中有项功能能够自动生成目录页，单击“插入——引用——索引和目录”，4个篇章名和12个文章的标题及页码全部生成了。

设计意图：学生根据已有知识进行制作，充分感受到这种操作方法的弊端后，老师这时再推出新知，学生会有获得新知的好奇和喜悦，更愿意从心理上去接受这种解决问题的新方法。

（2）再次尝试：自动提取标题及页码

学生根据提示操作，发现“错误，未找到目录项”。

设疑：为什么同样的方法，老师能成功，可是同学们出错了？ 学生尝试解决。（提示：可以找“小助手”帮忙。）

师生共同分析原因：在自动生成目录前需分别设定不同级别标题的样式。

师演示操作。

学生根据老师的操作完成标题及页码的提取。

设计意图：这个环节没有把新知一下子全部讲授，故意保留一点，学生掌握到新方法的时候一定很急于去做，本以为会成功却出错，从而意识到这是个难点。让学生自己发现问题，并寻求解决问题的方法。这样可以很好地培养学生发现问题、分析并解决问题的能力。

师巡视、指导，也可让学生充当“小助手”帮助解决问题，如遇到共性问题集体解决。

设计意图：学生在练习的过程中会遇到很多问题，完全靠教师根本忙不过来，而且也容易挫伤未能辅导到的同学的积极性。所以，在本节课中我采用两种‚小助手‛帮忙，一是优等生，二是助学软件。用了‚小助手‛既减轻了教师的辅导压力，又使得人人都能得到及时的指导，保护了同学们的学习积极性。这样做还可以增进同学间的友谊，锻炼学生的自学能力，大大地提高课堂的教学效益。

（3）体验目录的链接功能 师引导学生仔细观察目录页，除了自动生成的标题和页码外，还有什么特殊的功能？

学生回答：按住CTRL，单击标题可以链接到对应的文章。师小结：这是我们纸质目录所没有的功能，也充分体现了电子书阅读的优势。

设计意图：让学生体验纸质目录所没有的超链接功能，既充分体现了用‚索引和目录‛功能制作目录的技术优势，也能让学生感受电子书给我们所带来的便利。这个活动也升华了本节课的主题。

（三）美化目录

通过对比，让学生欣赏更加精美的目录，并分析它的精美所在。

师小结：这里添加了图片、图形以及为了让目录结构层次更为清晰、更有条理的项目符号等对象。

学生自主实践：利用图片、图形等对象美化目录 师提示：图片和图形插入的方法前面已经介绍过，请同学们结合相关素材在目录中添加相应的对象。

学生操作，师巡视指导。

设计意图：学生已经有了对文本编辑、修饰的基础，也掌握了图片、图形的添加方法，这个环节，老师完全可以放手让学生操作。对于操作的提示，点到即可。这样既培养了他们的自学能力，又能充分发挥他们的主体地位。如遇到问题，鼓励学生利用助学软件自主解决，鼓励学生之间的互相探讨，遇共性问题，师再做统一分析、解决。

拓展提升：设置项目符号和编号 师鼓励感兴趣的同学自主尝试。

设计意图：这节课中还有个知识点是‚项目符号和编号的设置‛，这部分内容我是这样处理的。在分析精美原因时，先和学生共同分析它的作用，让学生对这些符号有个初步了解。最后在展示作品的时候，我再给学生支一招 ‚其实这里可以用右击快捷菜单中的‘项目符号和编号’来实现‛。这样的设计不仅可以让学生最终展示的作品不拘一格，缤彩纷呈，而且充分尊重了学生的个性，有利于培养他们的创造力。

三、作品展示，共同评价 师展示学生作品。

学生自评：谈谈自己的作品是如何制作和美化的？ 他评：找亮点送建议。

师提供评价的角度：

1、目录是否完整；

2、制作是否正确；

3、布局是否合理；

4、色彩是否和谐。

师作总体评价。设计意图：评价是我们信息技术课堂中一个非常重要的环节。这个环节我采用自评、他评、师评相结合的方式，同时给学生列出不同的评价角度，这样不仅让评价形式多样化，而且让评价不浮于表面，更实在，更具体。

四、总结并提出希望

通过本节课的学习，同学们了解了目录的作用、组成，并学会在WORD中制作目录。希望同学们在今后的学习生活中：

“用好目录，提高阅读效果；做好目录，创作精美作品！” 设计意图：通过教师画龙点睛、提纲挈领地将本节课所学的内容加以简明、扼要的概括，便于学生抓住教学内容的重点，将所学的知识系统化，并能在头脑中构建出一定的知识结构。最后用简短的寄语结束本节课，不仅让学生意识到制作目录的重要性，也升华本节课的内容——用好目录，提高阅读的效果！

【问题研讨】

1、“分类设定标题的样式”这个环节如何处理？

2、“项目设置和符号”的设置这部分内容如何讲解？放在哪个环节中讲更合适？

3、若不使用“索引和目录”，则要运用“超链接”，那么书签的概念应如何讲解？

第四篇：“小报框架的设计制作”教学设计说明

《紧急求生知多少——小报框架的设计制作》

一、关于教学目标

本课教学目标的设计依据是《上海市中小学信息科技课程标准》，能充分体现课程标的的理念，突出了学生的主体地位，体现学习的过程与方法，既设置了学生在35分钟的教学中能够达到的短期学习行为与实际效果的具体目标，也为今后的可持继发展作了铺垫。站在学生的立场上，从学生的角度，提出了学生能够达到的层面。学生在学习过程中激发出来的兴趣与情感的主线在与知识技能这条线紧紧缠绕交织呈现的时候，价值观得到了更充分的体现。本设计能突出教学重点，教学难点把握到位，并采取有效措施进行突破。【教学重、难点】

 重点：理解小报制作的方法步骤以及工具的合理应用。

突破过程：通过对样例板报的“时光倒流”的演示，让学生在短时间内理解小报制作的方法步骤；引导学生利用事先为学生准备好的“小帮手”文件进行自主学习、主动探究，并通过实践操作领悟正确的操作方法，从而理解如何合理应用工具栏中的相应工具按钮。

 难点：合理选择自选图形中的图形进行版面布局。

突破过程：借助于事选准备好的“框架构思图”，让学生的实践操作之前先在纸上完成“框架构思图”的绘制，为接下来的实践操作打下基础，做到在操作时目标明确，不再盲目地选择一些不太合理的自选图形。

二、关于教学设计

依据新课程标准，信息科技教师应改变传统的教师讲授为主的教学观念，注重提倡和发展多样化的学生学习方式，特别是要提倡自主，探索与合作的学习方式，让学生成为学习的主人，使学生的主体意识，能动性和创造性不断得到发展，发展学生的创新意识和实践能力。

在本节课的设计过程中，我采用“学生自主探究教学”，充分发挥学生学习的自主性，引导学生主动发现问题、讨论问题、解决问题，建构良好的认知结构，使学生受到科学方法的训练，培养学生的观察能力和实践能力，学会自主学习，发展思维能动性，同时让学生的其他能力得到充分的展示。

我将教材内容进行了二度创造，以我区统一的“平安快乐每一天”项目活动为载体开展教学，让学生设计制作一份《紧急求生知多少》的电子小报，这

第1页 节课是这个小项目的第二课时，设计制作出小报的框架，并对框架图形的线条进行美化处理，通过教学活动，让学生体验学习的快乐，理解小报制作的方法步骤。

本课教学设计，采用“谈话引入，揭示课题——明确任务，构思框架——自主探究，完成任务——展示评价，经验交流”教学流程。

1、谈话引入，揭示课题

好的开始是成功的一半，在本节课中，我运用对样例板报的“时光倒流”的演示，短时间内帮助学生理解板报制作的步骤，也让看似复杂的板报制作变得简单易操作，提起学生参与的极大兴趣，为后边的教学作了铺垫。

2、明确任务，构思做法

要让学生清楚明白本节课的活动主题和任务，才能引导其在有限的时间内最终掌握正确的方法技能，因此，本环节的设计旨在引导学生明确本课要完成的任务，通过让学生思考并绘制“框架构思图”,引导学生构思小报框架制作所要采取的具体做法，做到心中有数，为下一环节做好准备，避免了活动时可能出现的盲目性和无目的性。

3、自主探究，完成任务

框架设计制作活动正式开始了，这一环节中，学生将根据构思的框架图在WORD中实现，他们将发现采取行动时会遇到种种问题，只有解决了这些问题，他们才能顺利地完成任务，此时学生会很迫切地想去解决这些问题，在这种情况下，他们的求知欲将会膨胀开来，这正是学习的最佳状态，利用这一点，我引导学生利用“小帮手”文件进行自主探究解决问题的方法，并通过实践来验证方法的可行性，在不断的探索与实践中掌握新知，利用新本领来解决问题，最终完成任务。

4、展示评价，经验交流

最终学习成果的展示，让学生体验到成功的乐趣，也增强了学生的自信心和学习信息科技的兴趣。

信息科技课堂教学评价提倡评价方式的多样化，通过自评让学生在亲身体验评价的过程中进行积极的自我反思、自我认识、自我调整，通过互评让学生学会客观公正对待他人的学习成果，自评和互评既提高了学生的赏析能力又可以锻炼学生的口语表达能力。

通过交流活动过程中得到的经验，梳理板报制作的方法步骤，让学生比较并说出电子板报与手绘板报之间的区别，锻炼了学生的语言表达能力，同时也增强了学生梳理知识技能的能力。

本课的设计特色是：将问题预设在板报框架设计制作的活动过程中，学生

第2页 在活动过程中会自然而然地发现这些问题，并会受好奇、好强心理的影响下以及教师的引导下主动去尝试解决这些问题，从而增强了自主学习的能力。

三、关于教学策略

本课注重为学生创设一个互动、民主、宽松、探究、自主学习的学习氛围，激发学生的学习情绪，寓知识技能于快乐的学习活动之中，在主体性学习过程中，实现教学目的。主要采用“自主探究教学模式”。本课采用以下教学手段：

1、示范演示法——通过对样例板报的制作进行“时光倒流”的演示，使板报制作的步骤变得清晰和简单，增强了学生的自信心。

2、学件自学法——通过事先制作的“小帮手”文件，为学生创设一种自主学习的氛围，增强学习的主动性和学习兴趣。养成良好的终身学习的能力。

3、尝试法——在自主探究和讨论交流的基础上让学生尝试探究到的方法的正确性和可行性。从而培养学生积极地思维和动手能力。体现了因材施教的理念。

如果这些教学策略对学生的学没起到预期的作用时，应及时发现问题，抓住典型，以典型事例进行分析解决，引导学生主动思考，学会分析，大胆尝试。

四、关于教学设想

本课的设计意图让学生通过自主探究去解决问题，体验学习的乐趣，从而达到预期的目标。然而教师与学生的想法并不完全一致，因此在教学过程中学生并不是完全走教师预先设计的路，他们很有可能会走其他的路，就本堂课来说，开放性较大，可以说每一个学生制作出的框架都是不一样的，在制作过程中，学生还是可能会用一些不太科学的方法去做，当学生有这种偏差时，教师应及时引导学生用正确的方法。

1、本设计学生活动量较大，教师应注意对各环节的把握，保证课堂的管理与学生充足的探究活动时间。

2、由于是让学生自主探究，故在探究过程中容易出现混乱，学生会在使用“小帮手”文件上浪费大量时间，教师应及时加以引导与调整。

第3页

第五篇：5.1 《制作框架集页》教学设计

项目五 任务一《制作框架集页》教学设计

一、设计构想

《制作框架集页》出自高等教育出版社出版的《网页设计与制作》第二版项目五，主要是通过在网页中使用框架、框架集，使各网页之间的风格相互统一，结构布局更加灵活多样，本节课将从Dreamweaver CS6中框架的插入、调整、保存入手了解框架的使用方法。

二、学情分析

知识储备：

学生已经了解Dreamweaver CS6中表格布局网页，而网页的布局方法有表格布局、框架布局、CSS+DIV布局三种，因此学生可在表格布局的基础上区分框架布局。学习特点：

学生对于在页面中导航不变只有内容发生改变的网页有极强的学习兴趣，但操作不够细心，因此任务应从易到难依次加深难度。

三、教学目标

知识与技能目标：

（1）理解框架的概念、框架集的概念；（2）学会正确的框架命名方法。（3）学会新建、保存框架集。过程与方法目标：

通过框架的新建、保存理解框架布局的原因。情感态度价值观：

培养学生学习网页的兴趣，增强对于网页设计的认识。

四、教学重点

框架的插入方法；框架的保存方法。

五、教学难点

框架保存时的顺序

六、教学方法

任务驱动

七、教学过程

第1环节：新建文档，创建框架 【教师活动】

（1）新建一个HTML空白页

（2）在菜单栏中选择‘插入’---‘HTML'----'框架’---‘对齐上缘’

（3）在弹出的‘框架标签辅助功能属性’对话框中选择框架值和标题

【学生活动】

（1）新建文档，创建对齐上缘的框架 【设计意图】

（1）规范步骤，建立框架，引入今天所学内容 第2环节：查看效果，区分框架、框架集 【教师活动】

（1）在设计视图中就会出现上下两个框架

（2）讲解框架、框架集的概念  框架：把一个浏览器窗口划分为多个区域，每个区域都是一个独立的HTML文档。

 框架集：定义一组框架的布局和属性，包括框架的数目、大小、位置等信息，也是一个HTML文件。

 框架、框架集的命名：通常采用“模块名字_内容概要”的命名方式，例如bjb_frameset；bjb_skj；bjb_xkj；分别表示笔记本-框架集；笔记本-上框架；笔记本-下框架。【学生活动】

（1）认真听讲，学会区分框架、框架集的概念及其命名方法 【设计意图】

（1）通过讲解区分框架、框架集的概念及其命名方法 第3环节：设置框架属性 【教师活动】

（1）讲解框架边框属性设置

在设计视图中选中框架边框，如下图：这个边框很隐蔽，不好找

选中边框之后，属性面板会变这样： 设置边框属性为 边框“是”，边框宽度“2”，边框颜色“#000000” 【学生活动】

（1）找到框架分割线，设置框架边框的属性。【设计意图】

（1）通过框架边框的设置，让学生对于框架的结构有所了解。第4环节：框架保存 【教师活动】

（1）提醒学生保存框架的顺序为：先分别保存各子框架，最后保存框架集即可。（2）对于对齐上缘的框架，点击上框架，选择‘文件’--‘保存框架’，保存为bjb_list.html；

点击下框架，选择‘文件’--‘保存框架’，保存为bjb_expression.html； 鼠标单击选择整个框架集，选择‘文件’--‘保存框架页’，保存为bjb_Frameset.html 【学生活动】

（1）分别保存上、下框架和框架集，为框架、框架集合理命名。【设计意图】

（1）让学生理解框架保存的方法。第5环节：总结评价 【教师活动】

（1）利用F12快捷键快速预览网页效果。

（2）总结框架在网页中可以起到布局的效果，提醒学生注意框架保存的顺序。【学生活动】

（1）预览自己保存框架的效果，并记住框架保存的顺序。【设计意图】

（1）总结今天所学内容。