《网页制作》教学设计

1、网页制作教学设计一、教材分析网页制作教学是信息基础必修教材中第六章第1节信息集成中网站制作简介的相关内容。编辑网页所使用的是软件是Frontpage2000，该软件的使用与以前所学的word有类似的地方，软件操作具有一定的迁移性。二、学情分析学生在之前已经学习了word的相关操作，具备网上获取信息和一定的信息处理水平。Frontpage2000的使用与word有很多类似的地方，学生较容易上手。三、教学目标知识与技能：了解网页的基本元素；掌握网页制作中网页元素的应用；懂得利用表格布局网页的基本思想； 过程与方法：通过实践体验对比，得出结论。亲历网页制作的过程。情感态度与价值观：在与同伴合作完成简

2、单网页的制作过程中，培养与他人合作交流的意识和习惯，通过设计学校网页，培养学生热爱学校的情感。四、教学重点、难点教学重点：网页制作中网页元素的应用教学难点：利用表格布局网页五、教学方法：合作探究法、任务驱动六、 教学过程（一）情境导入师：用PPT展示一组美丽的学校风景图片，师生共同欣赏。这是哪里的风景，这么漂亮？生：我们的学校。师：既然我们的学校是这么漂亮，如何让更多的人了解我们的学校呢？请学生说说宣传的途径，最后得出：通过制作网页，在网上发布宣传。师：我完全赞同同学们的观点。那我们如何来制作网页呢？本节课我们就一起来学习制作美丽的蒲中网页。（二）新课讲授师：展示校园页面，请学生欣赏网页并回答

3、页面中有哪些元素？生：文字、图片、动画等。师：网页里的这些元素是如何集成起来的？其实是用网页制作工具制作起来的。网页制作其实并不难，今天我们将使office2000中的frontpage2000来制作网页，它具有功能强大、简单易用的特点。教师演示启动frontpage2000的步骤，演示界面和功能。界面简单介绍：因为都是office套件的一种，所以和word界面很相似，同时注意区别。Frontpage 启动后，它会自动开启一个空白的网页，后缀名为.htm，代表的是超文本链接，即表示网页。实践一：2个小实验实验1：启动Frontpage后，点击“文件”“打开站点”，找到D盘下的bpzx文件夹。双

4、击文件夹列表里的shiyan1.htm文件，学生尝试拼凑图形。实验2：双击文件夹列表里的shiyan2.htm文件，学生尝试拼凑图形，将图形按顺序拖到表格的单元格里，并适当拖到表格的边框，能拼凑成功吗？学生操作，发现实验1中的图形总有1个无法拖动，拼凑不成功，实验2在表格中拼凑图形成功。教师启发学生思考，得出：表格的定位。师：利用表格的定位功能。布局功能能够对页面元素实行定位，使网页清晰美观、富有条理。表格中能够包含多种类型的内容，如图像、文本、多媒体文件。引导学生观察一开始出示的网页，发现排列整齐。师生共同得出：利用表格布局网页。师：既然表格功能是如此的强大，老师这里制作了一张利用表格布局的

5、“美丽的蒲中”网页，但因为时间关系，老师只做了一部分，今天，老师要请你们当网页设计师，完成网页的制作。实践二：双击文件夹视图里的meilipz.htm，任务一：请大家从D盘的sucai文件夹中，从7张校园风景图片中挑选其中一张，插入网页表格的适当位置。文字材料直接从sucai文件夹中的word文档中复制。注意页面的保存，保存时要注意：网站中用到的图像、声音、视频文件应有条理地存放到指定文件夹中。当保存图片时，要把图片保存到images文件夹中。学生自主操作，4人一组合作学习。教师巡回辅导。操作中的操作步骤要点参考网页制作学案。任务二：合并相关单元格，在合并后的单元格里各插入flash动画和欢迎字幕，以实现页面的动态效果。注意保存。可能的问题：1、图片属性设置2、flash动画的插入教师展示一部分学生的作品，点评，小结。学生再次练习完善。实践三：设置网页标题和背景色师：要想使页面更漂亮更受欢迎吗？尝试在表格内右击，点击“页面属性”，设置网页标题，设置背景色或者背