冀教版八年级全册信息技术 9.框架布局网页 教案

案例名称 框架布局网页 科目 信息技术 教学对象 八年级 提供者 课时 1 一、教材内容分析 《框架布局网页》是冀教版《初中信息技术2》第二单元《网页制作———Dreamweaver》第九课的内容。学生在前面学习了表格布局网页以及CSS样式的内容，在此基础上学习利用框架布局网页，可以使学生对网页结构的认识更加清晰明了，同时在一个窗口中显示几个不同的页面，使这些页面之间互相联系，以条理清晰的架构来表达信息，使信息的表达更加准确和便捷。 二、教学目标（知识与技能，过程与方法，情感态度与价值观） 知识与技能目标: 1.理解框架的概念及组成。 2.掌握框架布局网页的制作方法及连接的设置。 3.在定义CSS样式的基础上学会在页面设置浮动图片的操作。 过程与方法目标： 1.通过理解框架的概念及组成，学会分析框架网站的结构。 2.通过制作“我的作品”页面，让学生在活动中感受框架与导航带来的方便，从而认识它们的作用。 情感态度与价值观： 1.通过以“我的作品”框架结构网页制作活动，激发学生学习兴趣，体会框架网页在展现主题内容中的作用。 2.通过学习网站的使用，培养学生自主学习，探究学习的意识和能力。 3.以小组协作完成任务的同时，培养学生相互交流沟通的能力以及学生团队协作的精神。 教学重点，难点 1. 初步掌握了Dreamweaver. 2. 利用表格和CSS样式对网页进行布局. 三、学习者特征分析 本节的教学对象为八年级学生，已经学过了word以及网页制作的有关知识，对制作网页有浓厚的学习兴趣，并初步掌握了Dreamweaver，能利用表格和CSS样式对网页进行布局。并有一定的观察能力和分析问题的能力，但很少会考虑不同内容的网页布局会不同。另外，初中生正处在好动、注意力不能长时间集中，所以在教学中以教师引导、学生自主学习为主，教师示范为辅，尽量选择学生感兴趣的内容进行教学。 四、教学策略选择与设计 本课采用以制作“我的作品”栏目的框架网页活动为主线，引导学生利用学习网站自主探究学习，同时，为提高课堂效率，教师给学生提供创建框架网页所必需的一些素材。 首先以对比方法引入新课学习，激发学生学习兴趣，引导学生利用学习网站自主学习，给学生探究的机会。在操作中，让学生尝试———遇到问题———解决问题———继续尝试的学习中提高能力，完成教学内容。 五、教学环境及资源准备 硬件：网络教室 资源准备：1.学习网站 2.制作框架网页的素材 3.一些框架网页制作的视频素材及上课用到的道具 六、教学过程 教学过程 教师活动 学生活动 设计意图及资源准备 新课导入 教师展示已做好的“我的作品”栏目页，让学生结合第六课中学习的网页版面布局内容，自主分析该网页的结构布局。 ? ?教师演示实例并设问：点击左侧链接后，在网页中变的只有右侧主窗口的网页内容，这是如何实现的？ ????———由此引入新课《框架布局网页》 ??????教师根据学生的提问，提出问题：问的非常好，大家思考用表格也能实现的网页，为什么会用框架结构布局？它和表格布局有哪些不?同，各有什么优势？在下课之前我们解决这个问题。 根据教师的引导结合旧知剖析网页的布局，思考并回答教师的提问 ???????学生认真观察，积极思考并回答教师的提问。 ???????学生可能会提问：用表格布局网页也能实现该网页的制作。 ??????让学生分析网页的布局，及帮助学生复习了旧知，也为新课———框架布局网页打好了伏笔。 ??????以实例演示，启发学生独立思考框架结构的特殊之处，从而对框架用在什么地方有更深刻的理解。 ??????? 让学生带着问题学习可以引起学生的学习兴趣。 任务分析 教师展示实例及素材，并请同学到台前分析实例布局。 学生观看教师展示任务成品实例，并思考、回答实例布局（上部横幅+导航条，左侧作品类型，右侧作品 ... ...