教你如何进行框架网页制作

《教你如何进行框架网页制作》由会员上传分享，免费在线阅读，更多相关内容在学术论文-天天文库。

1、课题：框架网页制作（第11单元第2节第7课时）一、教学目标：知识与技能：（1）理解框架的概念及用途；（2）掌握框架网页的新建、制作、编辑与保存，了解框架的拆分方法；（3）初步掌握将框架结构与表格布局结合使用制作网页过程与方法：（1）通过对使用已有知识制作的一组表格网页的分析，体验新知识（框架结构网页）的优点，从而促进其学习新知；（2）理解框架概念与组成，学会分析网站的结构；情感态度与价值观：（1）通过以“人与动物”为主题的框架结构网页制作活动，了解更多有关人与动物和谐相处的知识，通过故事趣闻，增强学生关注动物的意识提高他们的兴趣；（2）能

2、灵活将表格与框架结构网页结合使用，在创作美中体验乐趣；二、教学重、难点重点：框架的概念、用途，创建、编辑与保存框架网页难点：框架的拆分三、教学方法对比教学法，探究学习法，模仿学习法四、教学准备：相关素材整理归类，按要求摆放五、教学过程设计教学过程教师活动学生活动设计意图引入展示一组表格制作的网页，这些网页有一个特点，要求学生仔细观察，找出该特点，并提问如何快捷地制作？尽管复制粘贴能为我们节省时间，但有没有更好的方法呢？相同的区域我们能否只做一遍呢？今天我们要学习的内容——框架网页制作就能给我们带来很多快捷。仔细观察，发现：上方和左侧内容都

3、是相同的，仅右下部分内容不一使用复制粘贴快捷地制作让学生明确框架网页使用的场合教学过程教师活动学生活动设计意图新授一、框架网页概念由以上例子入手，再展示一个框架网页，教师引导学生理解框架网页的概念二、框架网页的新建与保存教师要求学生先阅读书本操作步骤，再尝试自行探究操作任务一：创建“横幅和目录”结构的框架网页，新建top和left页面，并学会保存。框架结构中的每个框都是一个独立的选项文件即网页文件，因此当框架确定之后，需要为每个框分别指定其选项文件的来源，可以通过每个框中的两个按钮：“新建网页”按钮和“设置初始网页…”按钮进行选择。top

4、和left页面点击“新建网页”按钮，随即开始保存。此处为教学难点，由教师讲解，可先由框架概念入手，框架结构中的每个框都是一个独立的选项文件即网页文件，再针对保存页面中的兰色部分，教会学生注意观察。三、相关页面的制作与设置框架网页中相关页面的制作最终结合表格来布局，插入文字、图片和交互式按钮。任务二：top和left页面的制作要求：1、top页面内插入1×2（1行2列）的表格，左边单元格插入logo图片，右边单元格插入banner图片2、概括框架页面left页面内插入5×1（5行1列）的表格，在每个单元格内依次插入交互式按钮（共4个），交互

5、式按钮文字为展示介绍的相关内容概括，在第5个单元格内插入一邮箱指示的图片。3、调整表格边框粗细4、为main区域设置初始页面……（该网页由教师提供现成的）反馈学生操作情况，开展比一比，评一评，谁做的又快理解概念阅读课本内容，自学新建框架网页的操作阅读书本后，初步了解新建网页和设置初始网页……两个按钮的不同认真聆听教师的讲解，注意观察，并按要求模仿操作学生制作相关页面，耗时较长，同时也是对前面所学内容的复习回顾交互式按钮文字根据自己展示介绍的相关内容概括培养学生自主学习能力课堂教学难点在教师的讲解后模仿操作，有效突破难点最终回归到网页制作上

6、来，而非搭个空架子教学过程教师活动学生活动设计意图新授四、框架网页属性的设置创建好框架网页后，可以根据实际需要改变框架的属性任务三：调整框架的大小、设置框架的边框、设置框架窗口中的滚动条等。提高任务：框架的拆分学生自主探究学习，可向书本寻求帮助完成设置后请同学示范操作并说明自己为什么这样设置操作基础扎实的同学完成后可扩展学习掌握方法后，根据个人的喜好进行设置总结与评价给出一些常见的框架结构应用界面，如WEB邮箱页面等引导学生总结本课内容，梳理课堂知识分组推荐一优秀作品进行全班展示回顾总结本节课的知识点共同欣赏开拓视野，了解框架的应用教会学

7、生学习的方法，要善于总结