资源简介

制作框架网页
教材分析：
本内容是人教版2014七年级下册信息技术《第2章 设计与制作网站》中活动3《第一节 制作框架网页》部分。学生网页设计是在学生学习过文字处理、图片处理、多媒体信息处理的基础上，让学生进一步掌握信息处理的方法，了解和掌握信息发布的另一种方法。
本节课框架技术是学生在简单网页、表格布局网页的基础上，进一步掌握网页结构的布局方法的一节课，承上启下，学生既可以通过学习进一步完善自己的网站结构，提高制作网站的效率，也可以通过操作，复习之前所学的各项应用，让学生体会框架结构的特点与优势。
学情分析：
1、学生已经具备建立站点和表格布局网页的技能，能够简单美化网页。
2、学生会发布自己的作品到服务器上。
3、学生常会产生用原有的知识模块去解决问题，对于新的方法或者知识有排斥心理。
教学目标：
1、知识与技能
（1）理解框架网页的概念、特点和作用。
（2）掌握框架网页的新建与保存的方法。
（3）初步掌握将框架结构与表格布局结合使用来制作网页。
（4）会对框架网页进行简单的编辑设置。
2、过程与方法
根据教师提供的素材和操作步骤，能独立完成制作任务，并能在制作过程中发现问题解决问题。
3、情感态度与价值观
（1）通过对课程“金陵话名人”为主题，其中各个小主题的框架结构网页制作活动，了解更多有关金陵名人等方面的知识。
（2）能够将表格网页与框架结构网页结合使用，在创作中体验乐趣。
4、行为与创新
在教师的引导下能根据所学知识进行主动探索，主动建构。创造特色网页效果。
教学重点与难点：
重点：
框架网页的新建与保存
框架网页属性的设置：重新设置初始页面，边框的设置等
难点：
对框架网页结构的理解
教学方法：
任务驱动
教师讲授、引导、辅导
学生自主探究、模仿学习
教学准备：
课件及其他框架网页参考样例、“金陵话名人”学件及相关文字、图片、动画、链接的网页等素材。
教学过程：
教学过程 教师活动 学生活动 设计意图
提出问题 教师拿“金陵话名人”其中的“帝王将相”这个模块中的所有网页提问，如果需要制作整体效果相同的网页，我们需要怎样操作；如果要修改其中的顶端banner，那需要怎么做？ 学生对教师的问题进行思考。 用贴近学生现状的问题引发学生的兴趣。
分析问题引出主题 教师：繁琐和重复的操作，后期网站维护不易修改，是我们目前面临的问题。
那么今天我们来学习提高网页制作效率的其中之一的方法：框架网页的制作
教师抛出问题：那什么是框架网页，什么时候需要用到框架网页？
（共同分析，ppt展示）
让学生观察点击出来的网页有什么特点（相同之处和不同之处）。
总结：框架网页中一般是部分框中的内容相对固定不变，而主框架中的内容可以根据用户选择的超链接不断更新变化。
学生观察教师演示的内容，对教师提出的问题进行思考回答（有3块内容，上侧与左侧的内容没有变化，只有右侧的内容在变化） 通过观察，学生直观感受框架网页的特点。
新授 框架网页是一种特殊的网页，它将浏览器窗口分割成不同的区域，每一个区域我们就称为一个框，这些框可独立显示网页。

学生观察教师的关于框架网页的课件，并认真听教师的讲解。 为了让学生能更好的学习框架网页设计技术，必须要理解框架网页的概念、特点及作用。
跟我学 （模仿）
框架网页的新建、保存 1、新建框架网页
提出新建框架网页不能直接点击工具栏上的快捷按钮。
举例：选择新建的框架类型（假定为：“横幅和目录”型）。
选择按钮：“设置初始网页”和“新建网页”。教师简单描述这两个按钮的不同。
2、框架网页的保存
提出问题：保存框架网页后会出现几个文件？
教师演示，提醒注意观察蓝色高亮区域。因为框架网页每一个框都是一个网页，所以在保存的时候要对每一个区域的网页独立保存，最后对整个框架进行保存。保存的文件名不能乱起，要有其意义。
请学生思考：用设置初始网页的方法建立的网页需要再单独保存一个网页吗？ 学生观察教师操作的内容，掌握新建、保存框架网页的方法，并对教师在制作过程中提出的问题进行思考猜想。 框架页面的保存是教学的重点，教师的操作尽量地慢，从概念的理解入手帮助学生加深印象。
进一步让学生理解“设置初始网页”和“新建网页”在保存时的不同。

框架网页的制作 教师介绍学件网站的使用，素材存放位置，要求学生根据所给的素材，设计制作一个框架网页。
要求学生独立完成3个框的设计制作。
学生操作过程中，教师巡查指导。 学生参照样例独立完成任务：框架网页的新建、保存及制作（top页、left页、main页）。
学生完成基本操作后“举手”示意。 课堂教学重点在教师讲解后模仿操作，有效突破。
自我探究
框架属性的设置 展示阶段性作品，有哪些不足？
教师进一步的提出问题：
1、能否去除框架边框？
2、能否更改主框的初始页面？
引出框架网页属性设置的内容。
教师做简单的介绍、引导。
学生操作过程中，教师巡查指导。 学生依照学件完善自己的框架网页。 通过类比图片、动画等属性设置，让学生能自主探究框架属性的设置，自我消化知识点。
反馈 根据学生举手情况，反馈学生制作情况。
教师从完成好的同学角度和没有完成的同学两个角度进行反馈 学生根据老师反馈的内容和自己的内容进行对比，加以思考，共同解决问题 根据学生现状分析问题，把握学生学习方向
美化页面 提示学生，如果操作迅速，可以将我们的网页效果进行美化，可以参考学件上的各个角度来美化网页效果 学生美化自己的网页效果 整合之前学习的网页效果技能，起衔接和复习巩固的作用。
提交作业 展示作业 学生提交作业
展示学生作品，交流评价 学生参与交流评价 培养学生网页设计的审美能力、创新能力。
小结 教师根据学生制作成功后的结果，提问：你今天重复制作相同部分的内容了吗？你的网页可以快速修改吗？（展示ppt遇到的问题这一页）
总结什么时候使用框架，如何保存、新建框架。
展示其他的框架类型制作的网页，鼓励学有余力的学生自主探究完成。
框架网页在网络上的应用举例。
学生回答，并进行比较
学生总结回忆。 加深对这节课所学的内容的理解。
拓展学生的眼界，让他们将所学知识应用到更广的网页设计中去。

1

展开更多......

收起↑