《网页制作案例分析：教案、学案、作业》.pdfVIP

网页制作案例分析

一、教案

课题网页制作

课型新授课

1、学习创作电子作品的相关知识和技能；

知识与技能2、了解网页制作的基本方法和步骤；

3、学会用FrontPage2000制作简单网页。

1、能根据需求选择合适的媒体表达思想；

过程与方法2、能采用适当的工具和方法呈现信息、发表观点、

教学目标

交流思想。

1、经历并实践创作电子作品的全过程，形成积极主

情感态度动学习和利用信息技术、参与信息作品创作的态度；

与价值观2、认真负责的利用网络媒介进行信息的表达和交流，

树立健康的信息表达和交流意识。

了解网页制作的基本方法和步骤，熟悉在网页中插入字幕、表格、

教学重点

图片的方法。

教学难点网页制作过程中对象的使用方法和操作

教学用具多媒体电脑、网络教室

教学方法任务驱动、讲练结合法、合作探究教学法

教学过程

I、引言：经过前面的学习，我们已经能够通过访问一个个的网页来获取我们需

要的信息，但是越来越多的人已经不能满足于网上浏览，他们设计、制作出自

己的网页，并在网上发布，进行广泛的信息交流。用网页来呈现信息已经成为

第1页共6页

一种趋势和时尚。我们大家想不想拥有一个自己的网页呢？那么从今天就开始

我们网页的创作之旅。

II、讲授新课

制作你的第一个网页

准备工作：首先在D盘建立一个文件夹。(用来存放网页及相关文件)

1、建立站点

(1)在窗口中选择菜单命令“文件”—“新建”—“站点”。

(2)出现“新建”对话框，选择“空站点”，指定新站点的位置：“D:\yz”，

单击确定。

2、打开站点(新建站点后，系统默认打开)

3、插入表格

(1)单击菜单栏中“表格”--“插入”--“表格”菜单命令；

(2)出现“插入表格”对话框如图。(如果将表格的“边框粗细”设置为0，在

浏览网页时，我们将会看不见表格了。)

4、给网页添加内容

按照要制作的网页要求，输入文字，设置文字属性，插入字幕，插入图片。

(1)插入滚动字幕：将鼠标指针移到第一个单元格内，单击菜单栏中“插入”

—“组件”—“字幕”命令；出现字幕属性对话框后，按要求修改字幕属性。

(2)插入图片：网页中最主要的元素除了文字，就是图片。如果网页中只有文

字，而没有图片的搭配装饰，一定会显得呆板。那么在FrontPage2000中如何

为网页加上图片呢？

①将光标移到编辑区内你想放置图片的地方，单击窗口工具栏中的“插入图

片”按钮，弹出“图片”对话框，同时，叠加了一个“选择文件”对话框；

第2页共6页

②选择好你想要的图片，然后单击确定。

(3)在指定位置输入文字“校园风光”、“教师天地”、“学生天地”、“给

我写信”，并设置这些文字的属性，这样，所要求制作的简单网页就制作好了。

5、网页的保存

单击文件菜单—保存文件—保存位置（yz[新建的站点]）--文件名（index）--

更改网页的标题—单击（保存）--保存嵌入式文件到指定文件夹中

III、教学小结

IV、练习、作业

1、练习网页制作过程中基本元素的使用方法。

2、课余时间设计一个有特色的网页。(观察身边的事物，设计一个有特色的

网页，或以我的校园或以我的班级或以我的爱好为主题)

分析：

这是2003年在泰安举行的一次全省优质课比赛的一个老师作品，当时他是泰

安的一个老师，用背景材料和音乐都是跟泰山和他的学校相关联的，因为他抽

签抽到了第一个讲，所以印象很为深刻，课堂虽然很传统但学生积极性较高，

活动很配合，里面内容和深度把握较好，用了讲授法演示法分组法分层次启

发很多种教学方法，是那种稳中求胜的类型，只是缺点为