制作框架网页
一、基本信息
名称
制作框架网页
知识点来源
学科：信息技术 年级：八年级 教材版本：清华版
二、教学分析
教学内容分析
本内容是初中信息技术清华版教材第2单元框架模板中制作框架网页的部分。学生网页设计是在学习过程中文字处理、图片处理、多媒体信息处理的基础上，让学生进一步掌握信息处理的方法，了解和掌握信息发布的另一种方法。
本节课框架技术是学生在简单网页、表格布局网页的基础上，进一步掌握网页结构的布局方法的一节课，承上启下，学生既可以通过学习进一步完善自己的网站结构，提高制作网站的效率，也可以通过操作，复习之前所学的各项应用。并且通过增加简单的页面间超链接环节，让学生体会框架结构的特点与优势。
学情分析
1、学生已经具备建立站点和表格布局网页的技能，能够简单美化网页。
2、学生会发布自己的作品到服务器上。
3、学生常会产生用原有的知识模块去解决问题，对于新的方法或者知识有排斥心理。
教学目标
1、知识与技能
（1）理解框架网页的概念、特点和作用。
（2）掌握框架网页的新建与保存的方法。
（3）初步掌握将框架结构与表格布局结合使用来制作网页。
（4）会对框架网页进行简单的编辑设置。
（5）掌握框架网页中插入超链接的方法。
2、过程与方法
根据教师提供的素材和操作步骤，能独立完成制作任务，并能在制作过程中发现问题解决问题。
3、情感态度与价值观
能够将表格网页与框架结构网页结合使用，在创作中体验乐趣。在教师的引导下能根据所学知识进行主动探索，主动建构。创造特色网页效果。
教学重点
1．了解框架的基本概念和用途。
2．掌握框架网页的创建和保存的方法。
教学难点
制作框架网页时，如何利用鼠标经过图像制作导航按钮
教学方法与策略
这节课我采用的教学方法主要有：任务驱动、教师讲授、引导、辅导
学生自主探究、模仿学习。在教学中，我注重启发、诱导学生，充分调动学生的学习积极性，营造轻松愉快的学习氛围，使学生变被动学习为主动学习，使课堂在生动、有趣、高效中进行。?
关于学法指导：?
教学相长，在这节课中，学生主要用到的学法是：接受任务——探究学习——尝试操作——综合运用等四个基本过程。?关于本节课的教学过程。?
教学媒体
一间拥有多媒体平台的计算机网络教室、教科书
三、教学过程
教学过程应该是教师带领学生主动认知、探究问题的过程，教学过程是完成教学内容与培养技能和情感的主要环节。我的设计理念是：学生为主体，教师为主导，任务为主线，能力为目标。
教学环节
教师活动
学生活动
对学生学习过程的观察和考查，以及设计意图
激趣导入
展示两张页，引导学生根据经验感受作出建构自己的问题情景，如：什么样的网页才是好看的？怎样设计才算有特色？
这样的网页我们也能制作，你们想不想制作一个属于自己个性网页？那好，我们立刻行动。从而引出课题，把任务的重点和要求，以及需要注意的地方告诉学生，使学生明白本节课要完成的内容，有目的，有重点的进行学习。?
1、开门见山，明确这节课学习的内容
2、演示优秀作品，引起学生的兴趣
分析问题引出主题
教师：繁琐和重复的操作，后期网站维护不易修改，是我们目前面临的问题。
那么今天我们来学习提高网页制作效率的其中之一的方法：框架网页的制作
教师抛出问题：那什么是框架网页，什么时候需要用到框架网页？
（共同分析，ppt展示）
让学生观察点击出来的网页有什么特点（相同之处和不同之处）。
总结：框架网页中一般是部分框中的内容相对固定不变，而主框架中的内容可以根据用户选择的超链接不断更新变化。
学生观察教师演示的内容，对教师提出的问题进行思考回答（有3块内容，上侧与左侧的内容没有变化，只有右侧的内容在变化）
通过观察，学生直观感受框架网页的特点。
新授
框架网页是一种特殊的网页，它将浏览器窗口分割成不同的区域，每一个区域我们就称为一个框，这些框可独立显示网页。
学生观察教师的关于框架网页的课件，并认真听教师的讲解。
为了让学生能更好的学习框架网页设计技术，必须要理解框架网页的概念、特点及作用
跟我学
（模仿）
框架网页的新建、保存
1、新建框架网页
提出新建框架网页不能直接点击工具栏上的快捷按钮。
举例：选择新建的框架类型（假定为：“横幅和目录”型）。
选择按钮：“设置初始网页”和“新建网页”。教师简单描述这两个按钮的不同。
2、框架网页的保存
提出问题：保存框架网页后会出现几个文件？
教师演示，提醒注意观察蓝色高亮区域。因为框架网页每一个框都是一个网页，所以在保存的时候要对每一个区域的网页独立保存，最后对整个框架进行保存。保存的文件名不能乱起，要有其意义。
请学生思考：用设置初始网页的方法建立的网页需要再单独保存一个网页吗？
学生观察教师操作的内容，掌握新建、保存框架网页的方法，并对教师在制作过程中提出的问题进行思考猜想。
框架页面的保存是教学的重点，教师的操作尽量地慢，从概念的理解入手帮助学生加深印象。
进一步让学生理解“设置初始网页”和“新建网页”在保存时的不同。
?
框架网页的制作
教师介绍学件网站的使用，素材存放位置，要求学生根据所给的素材，设计制作一个框架网页。
要求学生独立完成3个框的设计制作。
学生操作过程中，教师巡查指导。
学生依照学件完善自己的框架网页。
通过类比图片、动画等属性设置，让学生能自主探究框架属性的设置，自我消化知识点
展示作业
展示学生作品，交流评价
学生参与交流评价
培养学生网页设计的审美能力、创新能力。
教学反思
教学素材的选择上，希望体现教学成果的多样性，又为了整个网站制作的完整性，选择了多个菜单下的子网页的制作。所以有长久打算的网站规划，便于学生理解设计主题网站。
框架网页的制作，除了一开始的新建和保存外，并没有太多的难度的东西。但是需要学生真正接受框架网页的思想和体会框架网页的优势。所以我觉得重点是让学生理解框架的作用。本节课我通过比较，提出问题，解决问题，最后在学生完成框架网页制作后，再次体验之前的提出的问题，让学生更容易理解框架网页。
在整个教学过程中，原先设定了什么时候该做什么事情，但还是在解决学生问题的时候给耽误了，并且预计学生会上传作品的，但是高估了学生的能力，学生在上传作品这处没有集体演示和提要求，所以学生还沉浸在制作自己的作品中，虽然基本任务已经完成了。所以教学的每个环节都要考虑到，否则，忙中出错，很不值得。
课件12张PPT。第5课 统一风格 ——制作框架网页教学目标：
1、了解框架和框架集
2、掌握框架网页的创建与保存
3、学会制作框架网页
4、会添加鼠标经过图像 教学重点
1．了解框架的基本概念和用途。
2．掌握框架网页的创建和保存的方法。 教学难点
制作框架网页时，如何利用鼠标经过图像制作导航按钮。认识框架和框架集 框架是浏览器窗口中的一个区域，浏览器窗口可以划分为多个区域，每个区域都可以显示不同的html 文档。 框架集是HTML文件，它定义一组框架的布局和属性， 包括框架的数目，大小和位置以及在框架中初始显示的页面文件。创建框架网页 操作步骤如下：
选择菜单命令【文件】－>【新建】，弹出【新建文档】对话框。
在对话框中选择【示例中的页】－>【框架集】，选择所需的框架样式，如图所示 。
单击【创建】按钮，即可创建框架页。2、保存框架网页保存框架集文件操作步骤如下：
定位光标在要保存的框架内，或在框架面板中选择要保存的框架。
单击菜单栏中“文件”|“保存框架”命令，打开另存为对话框。
打开“另存为”对话框，设置保存位置和文件名，单击“保存”按钮，保存了框架。保存框架的操作问题1：如果一个站点在浏览器中显示为包含三个框架的单个页面,则该框架应该包含多少个独立的HTML文档?讨论 运用框架技术进行网页的布局和编辑,可以调用自己的网页,丰富新的页面。
本节主要介绍如何在网页中创建框架、如何保存框架集文件和如何编辑框架内容的操作、并能了解如何利用鼠标经过图像制作导航按钮。 本章小结
