网页轻松做―――用FrontPage制作网页

网页轻松做

―――用FrontPage制作网页

一、教材分析

网页制作是教科版高中《信息技术基础》第六章“信息集成与信息交流”第一节“信息集成”的内容。本课是“信息集成与信息交流”的重点和难点，是在实行了主题网站的规划设计后学习的，要求学生学会根据需求集成信息（制作网站），并在建立网站过程中掌握网页制作的基本方法，体会信息集成过程所涉及的各方面知识的综合使用，通过学生的自主探究，科学研究的方法，发展创新意识，动手水平。并且网站建立的成功与否直接关系到“信息的发布”的讲解。

二、教学对象分析

本节课授课的对象为高一学生，已经具有独立的意识和倾向，易于接收新事物，上课时不喜欢教师过多的讲授，希望有独立思考和探索的时间。在前阶段的学习，学生已经初步掌握了文字、图片、声音、视频等多媒体信息的简单加工和处理技术，并且已经利用WORD 实行过小报的制作，学生兴趣浓厚。只有个别学生在初中时学过网页制作，因为间隔时间长，已经有所遗忘。因为零起点带来的影响，班级两极分化现象严重，主要体现在操作的熟练水准上。所以在教学中采取自主探究，教师指导的方法来引导学生操作。

三、教学目标

1．知识与技能：

（1）了解网页制作过程；

（2）掌握网页制作的基本方法：文字的插入、图片的插入和设置、表格的插入、页面效果的设置等。

2．过程与方法：

以任务为驱动，以协助文件提供技术支持，让学生在自我探索、自我学习中完成任务，掌握网页制作的基本方法，并体会整体规划的重要性。

3．情感态度与价值观：

（1）在做自己感兴趣的主题网站过程中形成和保持对信息技术的求知欲，感受探索与创造的乐趣

（2）学会欣赏他人的劳动成果，给出中肯的评价意见，提升艺术修养和审美情趣

四、教学重点、难点

教学重点：网页制作的基本方法

教学难点：利用表格实行网页布局

五、教学过程：

1、创设情境，引入新课

（1）展示图片，分析网页、网页元素

教师：向学生展示一些优秀的网页图片。

学生：欣赏网页图片。

（设计意图：激发学生的学习兴趣）

教师：刚才大家欣赏了这些网页图片，有什么感想吗？

学生：很美！

教师：大家想不想也制作出这样精美的网页？

学生：想。

任务一：打开一个网站，思考如下问题？

1、什么是网页？

学生讨论

教师归纳：网页其实就是存放在网站上的一个文件，它是用HTML语言（超文本标识语言）编写的，其扩展名一般为.html

2、什么是主页？

主页是通常用来表示访问某个网站时出现的第一个页面，用来对整个网站实行概括性的介绍，描述其他各个页面的内容的。

3、网页中包含哪些元素呢？

网页中包含文字、图片、动画、音乐元素等

如何制作一个网站呢？需要哪些步骤？

确定主题――规划设计――选择工具――评估测试

（1）确定主题：

班级网站、个人主页、音乐乐园、绿色家园、我喜爱的旅游景点、体育运动等（2）规划设计：如图

（3）选择网页制作的工具

HTML语言是万维网上的通用语言。各种文字编辑软件能够直接编写html

比如：word,记事本，写字板等

手工直接编写：Word、记事本、存为.htm 或.html文件

可视化编辑器：Dreamweaver、Frontpage等

Frontpage是一个功能强大、简单易用的网页制作工具，提供超链接和交互表单，还具有站点管理、发布等功能，适合初学者使用。

我们今天就以Frontpage为例一起来学习网页的制作。

（2）制作网页的一般步骤：

1、新建站点

2、创建网页

3、添加网页内容：文字、图片、动画、声音、视频、超链接、表单、特效等

4、添加更多的网页

5、网页之间创建超链接

6、网站评估测试

7、网站上传

2、任务驱动、自主探究

根据自己确立的主题做一个网页，要求

（1）利用表格布局

（2）要求图文并茂、动静结合

（3）内容能够反映主题

（4）整体设计和谐

（5）技术问题可通过教师提供的协助文档寻求协助，能够相互讨论，也能够直接请教

教师。

（6）做完的学生将网页保存，提交作业，填写自我评价表并互相交流

3、学生自主探究，教师辅导

４．交流成果，评价任务

做完的同学将网站整体上传，填写自评表，并通过FTP空间交流作品。教师引导学生从网页的布局、内容的选择、色彩的设置、字体的设置等角度全面地分析作品。

学生推荐部分优秀作品广播演示，教师实行点评并总结网页的布局形式及设计的原则，让学生明白网页的形式是多样的，优秀作品不是靠一节课就能完成的，鼓励学生在以后的

实践课中借鉴他人优秀之处，逐步完善自己的网页，争取自己的作品能成为优秀作品展示给下一届的学生。

教学反思：

教学设计意图：

1、创设情境，引入新课

（1）以网页欣赏展示的形式，激发学生学习网页制作的热情。

（2）以任务驱动的形式，让学生打开一个网站，通过浏览网页的形式思考并理解网页的含义及网页中的组成元素。

（3）通过讲述的形式让学生了解网站开发的过程，同时也给学生后续的制作做好铺垫。

2、任务驱动，自主探究

以制作一个网页为驱动，让学生自主探究制作一个简单的网页，体验网页制作的过程。在制作的过程中会遇到各种各样的问题，学生能够查阅资料、问同学、问教师，达到增进学生之间交流合作的目的。

2、交流成果，评价任务

通过学生自评、互评的形式交流制作的心得，引导学生从网页的布局、内容的选择、色彩的设置、字体的设置等角度全面地分析作品。

教学亮点：

1、网页的制作没有采取先演示后操作的形式，我认为这样能够更好地培养学生

自主探究的水平。

2、主题的选择没有固定，能够让学生更好地发挥其创新水平。

不足之处：

1、对学生的学习水平及操作水平把握不够，造成有部分学生没有完成任务

2、教学设计还不够精细，有些地方做得还不够，如协助资料的编写，学生素材

的收集。