网页制作教学设计

《网页制作》教学设计

一.教材分析

《网页制作》是浙教版《信息技术基础》第六章第二节的内容，它以“北京故宫”网站为例，介绍了网页制作的一般步骤。本文设计了两个实践体验“设计制作网站主页”和“设置超链接”，而这恰好是制作网站最重要的两个环节。《网页制作》这一部分的内容不仅在会考还是高考都是一个专题模块，因此这部分知识在整本书中占有举足轻重的地位 二.学情分析

高中的学生只要在初中上过信息课，他们都曾接触过制作网页制作的简单操作，而且大部分都上过网，对网页的布局、设计和制作带来了方便。教材中采用的网页制作软件是FrontPage2000，由于FrontPage2000采用了与Word等其他Office软件相类似的图形操作界面。在第三章，学生已经学过了Word字处理软件。因此，学生对FrontPage2000的启动、关闭、文件操作、文字编辑和图片处理都会有一种似曾相识的感觉，这种知识的迁移对后续的学习非常有利。 三.教学目标

（一）知识与技能

1、FrontPage2000的启动

2、新建与保存网页

3、主页命名与设置网页标题

4、文字与图片的插入及属性的设置（如文字大小、字体、颜色等，图片大小、格式转换、环绕样式等）

5、表格的插入及边框粗细的设置

6、单元格的合并于拆分

7、超链接的制作

（二）过程与方法

1、通过简单网站的制作，认识网站的结构

2、通过网页的制作，掌握设计网页的一般步骤

3、欣赏别人的网站，学会规划与设计网页的能力

（三）情感态度与价值观

1、通过自行制作的网站，体验创造的乐趣和成功的喜悦

2、通过欣赏和评价优秀的网站，激发学生创作欲望和学习兴趣 四.教学重点和难点

重点：

1、文字与图片的插入

2、表格的应用

3、超链接的设置

难点：

1、如何安排文字与图片的位置关系，使页面更和谐

2、如何拆分与合并单元格，使表格的布局更为合理 五.教法与学法指导

教法：任务驱动法 演示法

学法：小组合作法 探究法 六.教学准备

本节课的学习是在机房中进行的，除了需要连成局域网的机子外，还需带广播功能的软件，如极域软件等。教师准备一个优秀的网站及一些制作网站的素材 七.教学策略与总思路(或总环节框架)

学生是学习的主体，应掌握学习的主动权。本节课的设计，以提升学生的自主探究能力以及分析问题、解决问题等能力为目标。本节课刚开始通过名人并且是制作优秀的个人网站展示，让学生分析网站中的元素，然后通过任务驱动的方式，让学生自主探究如何制作这些元素，接着通过小组合作的方式来制作他们喜爱的站，最后来交流和评价他们的作品。 八.教学过程

（一） 情景创设（2’）

展示“姚明”的个人网站，学生不仅看到了他们的偶像，更重要的是被精美的网页所吸引。接着要求学生通过阅读课本，提问1：网页中所包含的元素有哪些？提问2：这些元素是如何制作的？

【设计意图：通过欣赏“姚明”的个人网站，吸引学生们的注意力，激发他们的学习兴趣。同时为引出下面的知识做好铺垫】

（二） 新课讲授（2’）

1、文字的插入：复制－粘贴

2、文字属性的设置：选中文字，再按要求在文字工具栏上选中相应的值

3、图片的插入：插入－图片－来自文件

4、图片格式的转换：右击图片－图片属性－常规－类型

5、图片的环绕样式：右击图片－图片属性－常规－样式－格式－定位

6、表格边框粗细的设置：右击表格－表格属性－边框粗细

7、单元格的合并与拆分：选中要合并的单元格或要拆分的单元格，再右击

8、超链接的对象：既可以是文字也可以是图片

9、常见超链接的类型：①链接到网址②链接到本地网页文件③链接到电子邮件

【设计意图：这个环节老师只花2分钟的时间，点到即止，告诉学生碰到问题可以在操作提示中去寻找帮助（由于之前学生学过word，所以有些操作能力比较强的学生可以不借助于提示），并不做详细的操作演示。因为它包含在下面操作任务的提示中，目的在于培养学生自主探究能力】

（三） 实践体验

任务一：将“shouye.htm”另存为“index.htm”,并设置网页的标题为“2010年上海世博会” （2’）

【设计意图：让学生掌握网页的主页一般命名为“index.htm”，同时掌握网页标题的设置】

任务二：在单元格5中插入素材文件夹中“wenzi.txt”文字，并设置字体为4号、宋体、黄色；在单元格8中插入素材文件夹中“logo.bmp”图片,要求图片与文字为左环绕样式，同时将bmp格式转换为jpg格式（3’）

【设计意图：让学生掌握文字与图片的插入，文字属性的设置和图片格式的转换以及图文混排（环绕样式）】

任务三：让学生制作和下面一样表格的网页首页，不需要插入真正的图片和文字，模仿即可，但在预览时表格的边框是看不到的。（5’）

图片

超链接1 超链接2 超链接3 超链接4 超链接5

图片+文字 图片+文字 图片+文字 图片+文字 图片+文字

版权

【设计意图：让学生掌握表格的插入，边框粗细的设置及单元格的合并或拆分，这里仅仅是模仿，为以后的创新打基础】

任务四：给其中的一个超链接（超链接1－5中的任何一个）设置为有效的超链接，链接到素材文件夹中的“fenguan.htm” （4）

【设计意图：让学生掌握超链接的设置】

【设计意图：实践体验这个环节所有的操作均有操作提示，学生可直接上FTP去下载，当然有能力的学生可省去这个步骤。这个环节纯粹是为了练兵，掌握本节课的知识点，并没有按照学生的意愿去设计他们的作品】

（四） 作品制作（20）

4个学生一组去设计他们感兴趣的网站，这个网站至少要有一张主页，一张分页，有能力的同学当然可以多设计几张分页。所有素材都有教师提供。具体分工为：1人收集素材，2人制作网页，1人负责解说他们设计的网站

【设计意图：如果说“实践体验”那个环节束缚了学生思维的话，那么这个环节学生可以充分发挥他们的想象，可以综合运用所学的知识去设计自己想要的作品。这个环节不仅可以起到巩固知识的作用，同时学生们也可以体验通过小组合作成功设计出他们自己作品所带来的喜悦。】

（五） 交流评价（5’）

评价的依据：

Ⅰ、网站中是否至少有一张主页，一张分页，主页是否命名为index.htm Ⅱ、网页中是否有文字与图片要素

Ⅲ、超链接是否有效

Ⅳ、文字与图片混排是否和谐

Ⅴ、网页布局是否合理（表格是否用得恰当）

Ⅵ、作品内容是否有意义，积极向上

Ⅶ、网站的整体感觉是否给人“美”的享受

【设计意图：这个环节不仅能够培养学生们的解说与欣赏能力，同时通过作品的比较与交流，可以起到查漏补缺的作用，让学生们更好地认识自己的作品，从而更好的掌握某些知识技能的应用】

（六） 课堂小结（2）

本节课主要介绍了制作网页的一般步骤，如何设计主页与分页以及他们之间的超链接，如何在网页中插入各种元素以及如何设置元素的属性让网页看起来更和谐，更美观。

设计意图：巩固本节课所学的知识，并引导学生学以致用】 评委会点评

优点：各教学设计环节清晰，描述恰当，分析合理。教学过程的设计符合新课程理念，突出学生的主体地位。

缺点：知识与技术目标缺少程度描述，教学过程设计较理想化。

网页制作教学设计

“网页的制作”教学设计

网页制作软件 教学设计

网页制作的教学设计

网页的制作教学设计

《制作网页》教学设计（优秀）

网页设计制作要求

网页设计与制作

网页设计制作教程

网页设计与制作教学总结

《网页制作教学设计.doc》

将本文的Word文档下载到电脑，方便收藏和打印

推荐度：

点击下载文档