网页制作教学设计

1、一.教材分析网页制作是浙教版信息技术基础第六章第二节的内容，它以“北京故宫”网站为例，介绍了网页制作的一般步骤。本文设计了两个实践体验“设计制作网站主页”和“设置超链接”，而这恰好是制作网站最重要的两个环节。网页制作这一部分的内容不仅在会考还是高考都是一个专题模块，因此这部分知识在整本书中占有举足轻重的地位二.学情分析高中的学生只要在初中上过信息课，他们都曾接触过制作网页制作的简单操作，而且大部分都上过网，对网页的布局、设计和制作带来了方便。教材中采用的网页制作软件是FrontPage2000，由于FrontPage2000采用了与Word等其他Ofice软件相类似的图形操作界面。在第三章，学

2、生已经学过了Word字处理软件。因此，学生对FrontPage2000的启动、关闭、文件操作、文字编辑和图片处理都会有一种似曾相识的感觉，这种知识的迁移对后续的学习非常有利。三.教学目标（一）知识与技能1、FrontPage2000的启动2、新建与保存网页3、主页命名与设置网页标题4、文字与图片的插入及属性的设置（如文字大小、字体、颜色等，图片大小、格式转换、环绕样式等）5、表格的插入及边框粗细的设置6、单元格的合并于拆分7、超链接的制作（二）过程与方法1、通过简单网站的制作，认识网站的结构2、通过网页的制作，掌握设计网页的一般步骤3、欣赏别人的网站，学会规划与设计网页的能力（三）情感态度与价

3、值观1、通过自行制作的网站，体验创造的乐趣和成功的喜悦2、通过欣赏和评价优秀的网站，激发学生创作欲望和学习兴趣四.教学重点和难点重点：I二八、1、文字与图片的插入2、表格的应用3、超链接的设置难点：1、如何安排文字与图片的位置关系，使页面更和谐2、如何拆分与合并单元格，使表格的布局更为合理五.教法与学法指导教法：任务驱动法演示法学法：小组合作法探究法六.教学准备本节课的学习是在机房中进行的，除了需要连成局域网的机子外，还需带广播功能的软件，如极域软件等。教师准备一个优秀的网站及一些制作网站的素材7 .教学策略与总思路（或总环节框架）学生是学习的主体，应掌握学习的主动权。本节课的设计，以提升学生

4、的自主探究能力以及分析问题、解决问题等能力为目标。本节课刚开始通过名人并且是制作优秀的个人网站展示，让学生分析网站中的元素，然后通过任务驱动的方式，让学生自主探究如何制作这些元素，接着通过小组合作的方式来制作他们喜爱的站，最后来交流和评价他们的作品。8 .教学过程（1） 情景创设（2）展示“姚明”的个人网站，学生不仅看到了他们的偶像，更重要的是被精美的网页所吸引。接着要求学生通过阅读课本，提问1：网页中所包含的元素有哪些？提问2：这些元素是如何制作的？【设计意图：通过欣赏“姚明”的个人网站，吸引学生们的注意力，激发他们的学习兴趣。同时为引出下面的知识做好铺垫】（2） 新课讲授（2）1、文字的插

5、入：复制粘贴2、文字属性的设置：选中文字，再按要求在文字工具栏上选中相应的值3、图片的插入：插入图片来自文件4、图片格式的转换：右击图片图片属性常规类型5、图片的环绕样式：右击图片图片属性常规样式格式定位6、表格边框粗细的设置：右击表格表格属性边框粗细7、单元格的合并与拆分：选中要合并的单元格或要拆分的单元格，再右击8、超链接的对象：既可以是文字也可以是图片9、常见超链接的类型：链接到网址链接到本地网页文件链接到电子邮件【设计意图：这个环节老师只花2分钟的时间，点到即止，告诉学生碰到问题可以在操作提示中去寻找帮助（由于之前学生学过word，所以有些操作能力比较强的学生可以不借助于提示），并不做

6、详细的操作演示。因为它包含在下面操作任务的提示中，目的在于培养学生自主探究能力】（3） 实践体验任务一：将“shouye.htm”另存为“index.htm”,并设置网页的标题为“2010年上海世博会”（2）【设计意图：让学生掌握网页的主页一般命名为“index.htm”，同时掌握网页标题的设置】任务二：在单元格5中插入素材文件夹中“wenzi.txt”文字，并设置字体为4号、宋体、黄色；在单元格8中插入素材文件夹中“logo.bmp”图片，要求图片与文字为左环绕样式，同时将bmp格式转换为jpg格式（3）【设计意图：让学生掌握文字与图片的插入，文字属性的设置和图片格式的转换以及图文混排（环绕

7、样式）】任务三：让学生制作和下面一样表格的网页首页，不需要插入真正的图片和文字，模仿即可，但在预览时表格的边框是看不到的。（5）图片超链接1超链接2超链接3超链接4超链接5图片+文字图片+文字图片+文字图片+文字图片+文字版权【设计意图：让学生掌握表格的插入，边框粗细的设置及单元格的合并或拆分，这里仅仅是模仿，为以后的创新打基础】任务四：给其中的一个超链接（超链接15中的任何一个）设置为有效的超链接，链接到素材文件夹中的“fenguan.htm”（4）【设计意图：让学生掌握超链接的设置】【设计意图：实践体验这个环节所有的操作均有操作提示，学生可直接上FTP去下载，当然有能力的学生可省去这个步骤

8、。这个环节纯粹是为了练兵，掌握本节课的知识点，并没有按照学生的意愿去设计他们的作品】（4） 作品制作（20）4个学生一组去设计他们感兴趣的网站，这个网站至少要有一张主页，一张分页，有能力的同学当然可以多设计几张分页。所有素材都有教师提供。具体分工为：1人收集素材，2人制作网页，1人负责解说他们设计的网站【设计意图：如果说“实践体验”那个环节束缚了学生思维的话，那么这个环节学生可以充分发挥他们的想象，可以综合运用所学的知识去设计自己想要的作品。这个环节不仅可以起到巩固知识的作用，同时学生们也可以体验通过小组合作成功设计出他们自己作品所带来的喜悦。】（5） 交流评价（5）评价的依据：I、网站中是否

9、至少有一张主页，一张分页，主页是否命名为index.htmn、网页中是否有文字与图片要素m、超链接是否有效w、文字与图片混排是否和谐V、网页布局是否合理（表格是否用得恰当）VI、作品内容是否有意义，积极向上印、网站的整体感觉是否给人“美”的享受【设计意图：这个环节不仅能够培养学生们的解说与欣赏能力，同时通过作品的比较与交流，可以起到查漏补缺的作用，让学生们更好地认识自己的作品，从而更好的掌握某些知识技能的应用】（6） 课堂小结（2）本节课主要介绍了制作网页的一般步骤，如何设计主页与分页以及他们之间的超链接，如何在网页中插入各种元素以及如何设置元素的属性让网页看起来更和谐，更美观。设计意图：巩固本节课所学的知识，并引导学生学以致用】评委会点评优点：各教学设计环节清晰，描述恰当，分析合理。教学过程的设计符合新课程理念，突出学生的主体地位。缺点：知识与技术目标缺少程度描述，教学过程设计较理想化。