第13课 制作框架网页（教案）2023-2024学年五年级下册信息技术人教版

制作框架网页 一、教学目标 1. 知识与技能： 使学生了解框架网页的基本概念和作用。 学会在网页编辑软件中创建和保存框架网页。 掌握如何设置框架的属性，如框架大小、滚动条等。 学习如何在不同框架中插入网页内容。 2. 过程与方法： 通过实例演示和操作实践，培养学生的观察能力和动手能力。 引导学生通过合作学习，共同探究框架网页的制作方法。 3. 情感态度与价值观： 激发学生对网页制作的兴趣和爱好。 培养学生团队协作和解决问题的能力。 二、教学重难点 1. 教学重点： 框架网页的概念和作用。 创建和保存框架网页的基本方法。 2. 教学难点： 框架属性的设置和调整。 在不同框架中插入合适的网页内容。 三、教学准备 1. 硬件准备： 计算机教室，确保每台计算机能够正常运行网页编辑软件。 投影仪和屏幕，用于展示教师演示内容。 2. 软件准备： 在每台计算机上安装FrontPage或Dreamweaver等网页编辑软件。 准备一些框架网页设计的优秀案例，供学生参考。 3. 教学素材准备： 教师事先制作一个包含框架网页的示例，用于展示和讲解。 准备课后练习题目的电子文档。 四、教学过程 【导入】（5分钟） 老师：同学们，你们平时上网时有没有注意到一些网页被分成了几个部分，每个部分都可以独立滚动？这就是我们今天要学习的框架网页。 学生：（表现出好奇和兴趣） 老师：框架网页可以让我们的网页内容更加有组织和易于浏览。现在，我们就来一起学习如何制作框架网页吧！ 【新课讲解】（25分钟） 1. 框架网页的基本概念 老师：首先，我们来了解一下框架网页的基本概念。框架网页是由多个框架组成的，每个框架都可以独立显示一个网页。这些框架可以同时显示在同一个浏览器窗口中，而不会互相干扰。 学生：（认真听讲，记录笔记） 2. 创建框架网页 老师：现在，请大家打开FrontPage/Dreamweaver软件，我们要开始创建框架网页了。请大家跟着我的步骤来操作。 （老师演示如何创建框架网页，学生跟随操作） 老师：在创建框架网页时，我们可以选择不同的框架模板，如上下型、左右型等。大家可以根据自己的需要选择合适的模板。 学生：（尝试选择不同的框架模板，观察效果） 3. 设置框架属性 老师：创建好框架网页后，我们还需要设置框架的属性，如框架大小、滚动条等。请大家看我如何操作。 （老师演示如何设置框架属性，学生跟随操作） 老师：在设置框架属性时，我们要注意保持框架的整洁和美观，同时还要考虑用户的浏览体验。 学生：（尝试调整框架属性，观察效果） 4. 插入网页内容 老师：设置好框架属性后，我们就可以在不同的框架中插入网页内容了。请大家看我如何操作。 （老师演示如何在不同框架中插入网页内容，学生跟随操作） 老师：在插入网页内容时，我们要注意内容的布局和美观，同时还要考虑内容的相关性和连贯性。 学生：（尝试在不同的框架中插入合适的网页内容） 【课堂练习】（15分钟） 老师：现在，请大家根据我们刚才学习的知识，自己动手制作一个包含框架网页的网页。要求至少包含两个框架，并在每个框架中插入合适的网页内容。同时，可以设置合适的框架属性，使网页更加美观。最后，记得保存你们的作品哦！ 学生：（根据教师的指导，完成网页制作练习） 老师：（在学生制作过程中，巡回指导，及时解答学生遇到的问题） 【作品展示与评价】（10分钟） 老师：现在，请大家将自己的作品提交到教师机上。然后，我们可以互相欣赏和评价彼此的作品。请大家在欣赏别人作品的同时，也给予一些建设性的意见和建议哦！ 学生：（提交作品并互相欣赏评价） 【课堂小结】（5分钟） 老师：今天，我们一起学习了如何制作框架网页。通过今天的学习，我们不仅掌握了创建和保存框架网页的基本方法，还学会了如何设置框架属性和在不同框架中插入网页内容。希望大家能够将今天学到的知识应用到以后的学习和生活中去，创作出更多更好的网页作品！ 五、板书设计 制作网页——制作框架网页 1. 框架网页的基本概念 2. 创建框架网页 3. 设置框架属性 4. 插入网页内容 六、课后练习 选择题 1. 框架网页的主要作用是（ ）。 A. 美化网页 B. 提高网页加载速度 C. 将网页内容分区域显示 D. 增加网页的安全性 2. 在FrontPage/Dreamweaver中，创建框架网页应使用（ ）菜单。 A. 文件 B. 编辑 C. 插入 D. 格式 3. 设置框架属性时，可以通过（ ）来调整框架的大小。 A. 拖动框架边框 B. 输入具体数值 C. 使用预设模板 D. 以上都可以 4. 在框架网