初三信息技术教学案

信息技术教案

初中〔9〕年级下册

任课教师：穆合塔尔江.司迪克第一课时PowerPoint入门

授课人：穆合塔尔江授课时间：2015年3月2日课时：1

［教学目标］

(1)了解"PowerPoint"。

⑵学会启动PowerPoint、选择版式、设置背景的方法。

⑶掌握幻灯片上文字输入、格式设置的方法。

⑷理解建设幻灯片和插入幻灯片的不同命令。

⑸能用PowerPoint制作两页幻灯片。

［教学重点与难点］

重点：初步制作二页含有文本和艺术字的幻灯片。

难点：“新建(N)〃命令与“新幻灯片(N)〃命令，背景颜色设置。

教学方式：自主学习，合作学习

［教学过程］

一、谈话引入

学生看到教师用计算机播放电子幻灯片，既有文字、图片、声音，又有动画，

效果很好。他非常想学，就问教师，教师告诉他说是用PowerPoint制作出来的,

PowerPoint是Office中的一个重要软件，下面我们就一起来学习假设何用

PowerPoint来制作多媒体幻灯片。

二、新授

1.任^-:进入PowerPoint

学生自学，翻开"MicrosoftPowerPoint，z窗口，并显示"PowerPoint”对话

框。

2.任务二：新建第一页幻灯片

下面我们来新建第一页幻灯片。

（边讲边练）

⑴单击“PowerPoint”对话框中“空演示文稿（B）〃，再单击“确定〃按钮，

弹出“新幻灯片〃对话框。这个对话框中列出的是各种幻灯片版式。

⑵单击左上方的“标题幻灯片〃版式，再单击“确定〃按钮。这时在

“MicrosoftPowerPoint”窗口的编辑区中出现了所选版式的第一张幻灯片。

下面请同学们自己试着输入标题，姓名、班级。

（学生自行操作，教师巡视，并做个别辅导。）

（网络播送）请一学生上来演示，并作讲解。

3.任务三：插入新幻灯片

幻灯片一般都不只一张，假设何样做第二张、第三张呢

（边讲边练）

（1）单击“插入（1）〃菜单中的“新幻灯片（N）〃命令，弹出“新幻灯片〃对话

框。这时又出现新幻灯片的各种版式。

⑵选择一种版式，如“空白〃版式。

⑶单击“确定〃按钮。这样，第二张幻灯片就插入了。

插入第三张或更多张张幻灯片方法都是一样。（学生操作，教师巡视指导）

4.任务四：插入艺术字“我们的运动会〃

我们可以给幻灯片插入艺术字，使幻灯片变得更美观。

学生结合WORD里面所学的，自己操作，教师巡视指导。

5.任务五：插入文本框

请学生自学，自己来尝试操作，教师巡视，并作个别辅导。

6.任务六：背景颜色设置

大家完成得非常好，有的同学说制作的幻灯片的背景都是白色的，有些单调，

想参加背风光，这假设何办呢（边讲边练）

⑴单击“格式（0）〃菜单中的“背景（K）"命令，弹出“背景〃对话框。

⑵单击对话框下方的列表框右侧的箭头，再单击“填充效果（F）…〃命令。

⑶弹出“填充效果〃对话框，单击“纹理〃标签，先择一种纹理效果。单击“确

定〃按钮。

⑷再单击“预览（P）〃按钮，这时我们看到了背景填充的效果，如果觉得可以，

就可单击”应用（A）〃按钮，否则还可重新选择一种纹理来填充。

这样，我们就将背景设置成我们希望的效果了。大家还可试着用“其他颜色

（M）…〃来设置背风光，方法是一样的。

学生操作，教师巡视指导。

7.任务七：保存文件与退出

我们在完成一个幻灯片作品后，一定要记得保存，而保存的方法与Word的方法

一样，只是这时文件类型为“演示文稿〃，请同学们以“运动会〃为文件名来

保存。保存好了，我们就可退出PowerPoint了，方法与退出Word一样。

稳固练习：

学生操作保存，强调保存到自己的文件夹中，类型为演示文稿。

板书设计：

PowerPoint入门

课后反思:

组长意见:

第二课时制作图文并茂的幻灯片

授课人：穆合塔尔江授课时间：2015年3月9日课时：1

［教学目标］

（1）掌握幻灯片中插入剪贴画的方法。（2）能将图片文件插入幻灯片中。

⑶能制作图文并茂的幻灯片。

［教学重点与难点］

重点：插入图片，到达图文并茂的效果。难点：插入图片文件。

教学方式：自主学习，探究学习

［教学过程］

一、谈话引入

在上节课中，同学们都学会了制作幻灯片，并插入各种文字，想插入一些图片

来使幻灯片更活泼一些，假设何翻开已制作好的幻灯片呢

二、新授

1.任^—:翻开PowerPoint文件

（网络播送）请一生演示并介绍。

翻开PowerPoint文件的方法与翻开Word文件一样，先翻开“PowerPoint”窗

口，再用“翻开〃命令翻开文稿，也可以直接找到文件，双击演示文稿的文件

名即可。

2.任务二：插入剪贴画

学生演示，讨论：

⑴翻开“运动会.ppt〃演示文稿，选定第一张幻灯片。

（2）单击“插入（1）〃菜单，将指针指向“图片（P）〃“剪贴画（C）…〃命令再单

"i"0

⑶在“插入剪贴画〃窗口中选择类型“运动〃，这时会显示与运动有关的几幅剪贴画。

（4）将指针移动到某一剪贴中单击，这时会弹出四个选择项，我们选择第一个选

择项“插入编辑〃，这时我们看到一幅剪贴画就在幻灯片上出现了。

⑸调整剪贴画的大小和在幻灯片上的位置。

这样，就插入一幅剪贴画了。

请同学们在其他幻灯片上插入剪贴画。学生练习，教师巡视，并做个别辅导。

3.任务三：插入图片文件

学生告诉教师说，想插入照片，他已经将照片用磁盘保存下来了，应该假设何

办

⑴翻开学生的作业。

⑵单击“插入（1）〃菜单，将指针依次指向“图片（P）〃“来自文件（F）〃命令

再单击，这时弹出“插入图片〃对话框。

⑶在“查找范围（1）〃框中指定图片文件存放的磁盘驱动器的文件夹，在文件

列表框中选定图片文件，这时我们会在右侧的预览框中看到一幅画，这就是所

选图片，单击“插入（S）〃按钮，这时我们看到图片就在幻灯片上显示出来了。

⑷调整插入的图片的大小和在幻灯片上的位置，还可在这张幻灯片上插入一些

文字。

这样，就可插入你想要插入的图片了。

稳固练习：请同学们在幻灯片上插入图片。

板书设计：

制作图文并茂的幻灯片

课后反思：

组长意见：

第三课时选择模板及修改与编辑文本

授课人：穆合塔尔江授课时间：2015年3月日课时：1

［教学目标：］

1、会选择自己喜欢的模板，并根据模板制作演示文稿。

2、会在幻灯片视图中修改和编辑文本。

3、会保存演示文稿。

［教学重点：］

选择自己喜欢的模板后，能在幻灯片视图中添加和修改文本。

［教学难点：］

文本的修改以及文本框的移动。

教学方式：自主学习，探究学习

［课前准备：］

1、制作演示文稿范例

2、为学生提供风景画图片

［教学过程：］

1、这节课的知识点比照多也比照分散，在组织教学时要先给学生创设一个

好的情境，然后提出一个好而切实可行的任务，除了教材中的任务外，还可以

让学生制作一个绕口令的演示文稿或猜谜语的演示文稿。

2、在教学模板选择和自动版式选择时，可以放开让学生自己选择、自己比

照，最终找到他们喜欢的模板。

3、在对文本进展修改以及对艺术字、剪贴画和图片等对象进展处理时，要

让学生明白必须先选中它们，否则无法对它们进展处理。移动文本框时一定要

将鼠标指针指向文本框的边框，然后才能

移动。缩放艺术字、剪贴画和图片等对象时，要先将它们选中，再将鼠标指针

指向周围的句柄，然后再缩放。教学这局部内容时应该适当地放慢演示的节奏，

或者通过教师的误操作来加深学生的印象。

4、保存演示文稿时，要让学生明白保存一个文件要有文件名，还要有一个保存

位置。

稳固练习：请制作演示文稿范例。

板书设计：

制作图文并茂的幻灯片

课后反思：

组长意见：

第四课时让文字和图片飞起来

［教学目标：］

1、会设置文字、图片和艺术字等对象的动画效果，并会给每个对象配上声

音。

2、培养学生经常保存文件的良好习惯。

［课时安排：］

1课时。

［教学重点：］

设置文字、图片和艺术字等对象的动画效果并配上声音。

［教学难点：］

在设置动画效果之前要先选中对象。

［教学过程：］

1、可以为对象设置动态效果是PowerPoint和Word最大的区别，也是它吸

引人的地方，动画对于学生来说更是具有极大的吸引

力，因此可以先将范例演示给学生看，以激发他们的学习兴趣。

2、翻开演示文稿可以有两种方法：第一种是启动PowerPoint时从

“PowerPoint”对话框里选择“翻开已有的演示文稿〃来翻开，第二种是启动

PowerPoint以后，选择从常用工具栏中或从文件菜单中选择“翻开〃命令，然

后从中选择需要的文件。

3、设置动画效果之前必须先选中要设置的对象，翻开“自定义动画〃对话

框也有不同的方法。第一种：选中对象后选择“幻灯

片放映〃中的“自定义动画〃命令；第二种：选中对象后单击鼠标右键，从快

捷菜单中选择“自定义动画〃命令。从自定义动画对话框里，为选中的对象选

择动画效果，配上声音，这里要让学生明白，为对象设置了动画效果以后才能

为它配上声音。如果想为其他对象设置动画效果，可以在自定义对话框里单击

“确定〃后，选择其他对象进展设置，再进展设置，也可以不退出自定义对话

框，单击“时间〃按钮，从“无动画的幻灯片对象〃中选择一个对象，然后单

击“动画〃按钮，进展动画设置。

4、教学时，要让学生试试各种动画效果，既激发他们的学习兴趣，也可以

让他们更快地掌握对象的动画设置。

5、引导学生养成经常保存文件的良好习惯。

［课后反思：］

本节课是为对象增加动画，同学们学得很认真，做的很顺利，有兴趣，有乐趣,

学得就会很投入，圆满完成了教学任务。

第五课时制作一组幻灯片

［教学目标：］

1、能在幻灯片浏览视图中设置幻灯片切换效果。

2、能修改工程符号。

［课时安排:］

1课时。

［课前准备：］

1、制作好演示文稿范例——〔动物之爱〕。

2、提供动物图片〔光盘“图片'动物〃文件夹里〕。

［教学重点：］

为每一张幻灯片设置一种切换效果。

［教学过程：］

1、这节课的根本任务是制作一组介绍动物的幻灯片，让学生在完成任务

的同时掌握以上说到的知识点。这是一个学生比照感兴趣的任务，教师的范例

要选择几种学生特别喜爱的动物，画面要尽可能的活泼、儿童化，以激发学生

的学习兴趣。

2、新建幻灯片有两种方法：第一种方法，选择“插入〃菜单中的“新幻灯片〃

命令；第二种方法，单击常用工作栏上的“新幻灯片〃按钮。

1、幻灯片里可以为标题添加“工程符号〃，工程符号还可以修改，方法是先

选中该工程符号所在的文本，再选择“格式〃中的“工程符号〃，通过改

变字体来选择自己喜欢的工程符号。

2、在幻灯片浏览视图中可以通过拖动的方法改变幻灯片的位置。

4、为幻灯片设置切换效果也有两种方法：第一种方法，从幻灯片浏览视图中选

择要设置的幻灯片，选择“幻灯片放映〃中的“幻灯片切换〃按钮，或者单击

“幻灯片切换〃饺钮；第二种方法，右键单要设置的幻灯片，从快捷菜单中选

择“幻灯片切换〃。

5、切灯片的切换效果有几十种，并且可以选择一种适宜的切换速度。有了切换

效果以后还可以为整张幻灯片配上一段音乐，音乐可以循环播放，直到下一个

声音播放为止。如果不希望通过单击鼠标来换页，可以选择“每隔秒〃一

项，输入时间后，就可以规定的时间内自动换页，这样的设置比照适合自动演

TFo

［课后反思：］

本节课是一节综合课，有些同学做的很好，有些同学有点吃力，不过在小组合

做的过程中，也学会了不少。最终大局部同学完成了教学任务。

第六课时超级链接

［教学目标:］

1、初步了解的含义。

2、会设置演示文稿内部的超级链接。

［课时安排：］

1课时。

［课前准备：］

1、演示文稿范例。

2、上次制作的演示文稿“动物的家〃。

［教学重点：］

学会在幻灯片中设置超级链接。

［教学难点：］

理解超级链接的含义

［教学过程：］

1、这节课的根本任务是制作一张像菜单一样的幻灯片，想看什么只要在

“菜单〃里选择就可以了，最根本的知识点则是超级链接，由于超级链接的

概念非常的抽象，因此用菜单来比喻比照容易让学生承受。开场可以这样引入：

同学们，你们点过菜吗想吃什么就点什么，一会儿想吃的菜就端上来了。你信

不信在电脑上也可以“点菜〃，当然这“菜〃你只能看不能吃。〔开场演示范例〕

在这一张幻灯片里，有四种动物，想看什么就点什么，它马上会出现在你眼前。

想知道这是假设何的吗我们一起来学习，请同学们先翻开上次保存的演示方向

——“动物的家〃。

2、制作超级链接之前，首先要制作一张类似于菜谱的幻灯片，在上面列出

了被链接的幻灯片名称。幻灯片的名称可以以文本的方式出现，也可以以艺术

字或图片的形式出现，然后就可以在名称和实际的幻灯片之间建设——对应的

超级链接了。

在演示文稿中，一个对象可以链接到同一演示文稿中的其他幻灯片，也可

以链接到其他文件，还可以链接到一个网站，这节课是要在一个对象和同一演

示文稿中的其他幻灯片之间建设链接。

首先选中需要设置超级链接的对象，然后选择“幻灯片切换〃中的“动作

设置〃，或者右键单击对象后从快捷菜单中选择“动作设置〃，选择“超级链

接到〃“幻灯片〃，，从幻灯片标题列表选择目标幻灯片就可以了。

在教学这局部内容时，教师要尽可能放慢节奏。

3、最后可以让每个学生演示一下自己做的演示文稿，以激发他们进一步学习

的兴趣。

［课后反思：］

超级链接是个难点，大局部同学还是能够理解其含意，顺利完成任务，小局部

同学有点吃力，出现了错误，还要加强练习。

第七课时练习课

［教学目标：］

使学生熟练掌握超级链接。

［课时安排］

1课时

［教学过程：］

1、在自己的幻灯片中设置超级链接。我们会把完成得较好的同学的练习播送

给大家欣赏。

2、学生练习，教师巡视，并做个别指导。

3、欣赏局部同学作品

4、（注：教师在机器里保存了一些图片，你可以从“网上邻居server——

图片〃找到）

［课后反思：］通过本节练习，学生们的理解和操作水平都有很大提高。

第八课时我的作品

［教学目标：］

1、学会整理自己的文件，能把自己的文件分类保存。

2、学会设置对象与文件之间的超级链接。

［课时安排：］

1课时。

［课前准备：］

1、学生作品：自己画的图片、Word文档、PowerPoint演示文稿。

2、演示文稿范例。

［教学重点：］

设置对象与文件之间的超级链接

［教学难点：］

整理文件

［教学建议：］

1、这节课的根本任务是用幻灯片来展示自己的电脑作品，是学生展示自

己的好时机，学生要在完成这个根本任务的过程中掌握两个知识点，一是整

理自己的作品，将它们分门别类保存好；二是学会设置对象和其他文件之间的

超级链接。

2、整理自己的作品，将它们分门别类保存在不同的文件夹里有一定的难度，

因为文件构造比照抽象，学生理解起来比照困难。而这又是比照重要的技能和

习惯，因此要正确引导学生去尝试这件事情。首先可以让学生看一看已经整理

好了的作品，即在“我的作品〃文件夹里有“幻灯片〃、“图片〃、“作文〃三

个子文件夹，然后让学生看一看自已的作品，都放在一个文件夹里，结果是比

照杂乱，不容易查找。然后引导学生先建设一个“我的作品〃文件夹，然后在

这个文件夹里建设“幻灯片〃、“图片〃、”作文〃三个子文件夹，再分别把演

示文稿剪切到“幻灯片〃文件夹里，把自己画的图片剪切到“图片〃文件夹里，

把Word文档剪切到“作文〃文件夹里。更重要的是要引导学生养成经常整理

文件的好习惯。

3、设置对象与其他文件之间的超级链接与上节课的内容根本相似，中选择了

一个对象，选择“幻灯片切换〃中的“动作设置〃，选择“超级链接到〃“其

他文件〃，再从文件列表中选择需要的文件。

［课后反思：］学生们做出了不少精彩的作品，综合能力得到了很大的提升。

第九课时：认识Frontpage2000

［教学目标：］

使学生初步认识FR0NTPAGE2000的界面

［课时安排：］

1课时。

［教学重点：］

1、认识几种视图方式，会新建和保存网页。

2、网站文件夹里面“_private〃“_vti_cnf〃之类的文件夹不要删除。

3、掌握在网站文件夹里面新建或者删除子文件夹。

［教学建议：］

主页〔也称网页，假设何样称呼都无所谓〕就象一张白纸，你可以在上面写字，

画画等等，通过自己的设计，那张白纸可以变成很漂亮。做主页时就是这个概

念，只不过我们写字，画画是用笔和白纸，而做主页我们是用鼠标，键盘和

Frontpage:〕

当然制作网页的工具不单只有Frontpage2000,还有许许多多好用的工具。

但是对于初学者来说，Frontpage2000是最好不过了，因为它操作简

单，方便使用，最适合初学者。或许你下了决心要做一个专业网页制作人员，

要学会更多更专业的网页制作工具，但是我还是希望你先学习使用

Frontpage2000,打好扎实的根基假设何样也好一点对吧。

Frontpage2000后可以在Windows的开场菜单运行它。

首先我们来认识一下Frontpage2000的操作界面〔如图3〕。

〔图3〕

对于初学者来说，一看到有那么多的菜单和那么多的按纽，不禁会吓一大

跳：“太复杂了，我看我还是不行了。〃哈哈，请你放心，你太抬举Frontpage2000

了，其实它没什么，就那么一点，你完全可以“征服〃它的，给自己一点信心：〕

我们来把Frontpage2000的界面划分成两半，你可以看见图3上面有一条

红线，当然在你的Frontpage2000上面是没有的，这只是笔者自己画上去的，

为了大家好区分。

好的，那么我们看图3,我们把红线以上的那局部叫控制窗，红线以下的叫

制作窗。

控制窗包括常见的那些“文件，编辑〃菜单，虽然看上去挺多挺复杂，但

是它大局部常用的命令都归到了下面一栏的按纽栏中去了。你看，在流行图形

操作界面的今天，我们是多么地幸福啊：〕下面一栏为属性栏，我们可以用这

栏来定置文字和图片的属性等等。

制作窗包括编辑区和切换按纽。我们就把编辑区当做是一张白纸吧，你可

以在上面写字〔用键盘打字〕和画画〔插入图片〕，具体操作我们将在下几章

学习。编辑区左下角有三个按纽，我们把它们叫做切换按纽：点“普通〃按纽，

就会出现默认的编辑区。点“HTML”按纽，编辑区就会变成一个满是英文〔！〕

的窗口，我们可以在这里编辑HTML,但是对于初学者，笔者不建议你去乱动。

做好了网页的时候，我们可以点一下“预览〃按纽来观看自己做的网页，不满

意可以再点“普通〃按纽回到编辑区修改。

另外当你第一次运行Frontpage2000的时候，你会看到编辑区左边会有另

外的一栏，灰色的，上面有几个按纽，它叫“视图〃栏。它可以让你更方便地

查看网页的大小，连接等等。但是有时我们会觉得它阻碍了我们的工作，使编

辑区看起来很窄很不舒服，为了不让它阻碍我们工作，我们可以点击控制窗菜

单栏里的“编辑T视图〃〔如图4〕，使它消失，要使用的时候再重

查看型）插入Q）

复点击一次使它出现，真方修器总便：〕

导就国）

〔图4〕诙超被接®

但任务（8）

到此为止，我们就已经和，棋圉栏9|Frontpage2000交上朋友了，慢慢地，我们

要进一步控制它〔真阴毒〕，让它全心全意为我们服务。

课后反思:

一个新的软件，学生们对它并不感到陌生，很快就承受了这个新朋友，因为它

也是OFFICE组件的一员，有共性。不难掌握。

第十课时练习课

［教学目标：］

使学生熟练掌握上节课所讲内容，认识界面，新建保存站点。

［教学过程：］

1、学生自行练习，每人先确定好自己的主题，并新建一站点。

2、遇到问题可相互讨论或请教教师。

3、教师巡回指导。

课后反思：通过本节训练，学生熟练掌握上节课所讲内容，能够成功完成所布

置的任务。少数要加强练习。

第十一课时：制作你的第一个主页〔1〕

［教学目标：］

使学生初步认识FR0NTPAGE2000的界面

［课时安排：］

1课时。

［教学重点：］

1修改文字的属性时必须把需要修改的文字用鼠标左键括起来。

2网站内所有文件都必须保存在网站文件夹内。

3已经插入到网页中的图片不能再修改它的文件名。

［教学过程：］

知道了一个网站的构造之后，你是否很想马上动手制作网站里面的网页那

好，我们本章就来学习假设何制作。

首先我们运行Frontpage2000,并且翻开一个站点。在翻开站点之后我们就要在

制作窗的编辑区里面开场工作了。

网页就象一张白纸，该假设何让它显得美观，华美，关键是要看网页设计

者自己。网页中少不了文字和图象，把文字和图象摆在自己希望的位置，一个

网页就出来了。其实制作网页就这么简单，你也不想笔者浪费口水了吧那我们

马上开场。

我们新建一个网页，你可以点击控制窗按纽栏的来新建一个网页。

网页上的文字假设何制作你该不会不知道吧在编辑区打字，你打出来的文

字就会出现在光标闪动的地方〔如图1〕。我们在编辑区打上“你好，欢迎你光

临我的主页。〃

〔图1〕〔图2〕

〔图3〕

你可能不希望网页上的文字都一样，只是黑色的吧。你可能希望它是红色，

也可能希望它是蓝色。又或者你希望某些文字比照大，而且还有一些特殊效果。

假设何才能做到更改文字很简单。我们用按住鼠标的左键，把你想改变颜色的

字括起来〔如图2〕，括起来之后按鼠标右键，选择弹出菜单中的“文字〃〔如

图3〕。接下来会弹出窗口中选择你想要改变的方式〔如图4〕o

〔图4〕〔图5〕

字体菜单可选择你希望的字体，字型可以改变文字的形状，可以是粗体也

可以是倾斜体，大小就是改变文字的大小，还可以改变颜色和增加一些文字的

效果。更改好了可以在预览区预览一下，不满意可以再改。

我们这样来修改：把字体定置为宋体，在字体菜单中选择宋体。字型为粗体，

在字型菜单中选粗体。文字大小为6,即是24磅。颜色为红色，文字效果为下

划线。按确定，你就会发现刚刚打在编辑区的文字起了变化〔如图5〕o

当然你也可以随意更改成自己喜欢的样式。

网页中最主要的元素除了文字，就是图片。如果网页中只有文字，而没有

图片的搭配或者装饰，一定会显的很呆板。那么在Frontpage2000制作网页中

假设何为网页加上图片呢很简单。

我们把编辑区上的鼠标光标移动到编辑区希望出现图片的地方，然后按控

制窗的按纽栏里面的插入图片按纽，在弹出的窗口中选择你希望放在网页上的

图片〔如图6〕，按确定就行了。

大家记住，插入网页中的图片格式必须是“JPG〃或者是“GIF〃格式的，

读者假设何区分这两种格式呢与其他格式的不同呢如果你安装了ACDsee这个著

名的看图软件的话，你可以看一以以以下图7就能分清楚了。

〔图6〕〔图7〕

这里要提醒一下大家：在第二章已经跟大家提过网站中图片的保存位置了，

大家必须把网页中使用到的图片保存在网站文件夹的“images”文件夹中。要

是你插入的图片不是保存在网站文件夹里的话，那你做好网页浏览的时候就看

不到网页中你插入的图片了。所以大家要紧记，网站中所有的文件，包括网页，

图片等等都必须保存在这个网站的文件夹中，还必须用英文名字。

还要注意的一点就是：已经插入网页中的图片，你就不能再修改那张图片

的文件名了，否则在浏览时同样会出现看不见图片的后果。

笔者插入一张“Welcome”字样的图片，如果你没有的话可以插如其他自己

喜欢的图片。

到目前为止，一个简单的网页就算制作成功了，点击制作窗的切换按纽中的“预

览〃按纽预览一下〔如图8〕o

〔图8〕

对于这个网页嘛，有些读者会大骂：”什么破玩意，假设何见得了人呢！〃

可能另一些读者会说：“哦，小宝贝，这是我做的第一个主页，要好好保存起

来。〃哈哈，具体你会假设何样做笔者可猜不着了。假设何说也是第一个，也

只能做到这种水平了：〕如果你想学习把网页做的更好看一点的话，欢迎你继

续阅读本章的第二小节。

课后反思：学生们学的很认真，没有什么难点，这些在以前的课程中都涉及到，

有共性。

第十二课时：网页的布局

［教学目标：］

使学生初步认识网页版式，知道表格在网页中的作用，会用表格规划布局网

页

［课时安排：］

1课时。

［教学重点：］

重点：网页版式的设计和表格的建设。

难点：正确设置表格的属性。

［教学过程：］

导入：上一节当中我们做的网页〔如图8〕，给人的第一感觉除了是“次〃的

要死以外就是凌乱。

〔图8〕

网页就是这样，要想给人一种视觉上的冲击或是享受，你就必须会搭配文

字与图片等等元素。

就图8上面的这个网页来说吧，如果把文字和图片摆在中间的话，感觉还

会好一些。但是我们要假设何样做才能更方便地把网页上的元素整齐地摆放好

呢这就要用到表格了。

表格在网页中是用的最广泛，也是用处最大的一个元素。

假设何样在网页中使用表格呢我们点击Frontpage2000控制窗菜单栏的

“表格-►插入T表格〃〔如图9〕，在弹出的窗口中选择要插入表格的要求〔如

图10〕o选择好之后按确定，就在你的网页上插了表格了。

〔图9〕〔图10〕

我们新建一个网页，选择插入表格，在弹出的窗口中的“大小〃栏里选择

行数为2,列数为1,边框粗细，单元格边距和单元格间距为0,指定宽度为100,

并且是指百分比〔如图10〕O然后按确定，我们就在网页里插入了两行的表格

〔如图11〕O

〔图11〕

接下来我们在第一行的表格里面打上自己喜欢的文字，并定义它的属性。

在第二行的表格里面插入一张图片〔如图12〕o

〔图12〕〔1〕定置表格

表格可以定置它的长宽，具体假设何做的我们新建一个网页，插入一个一

行一列的表格。在表格内点击鼠标右键，选择表格属性。在弹出的窗口中设置

〔如图1〕O

〔图1〕

刚刚说了，如果把文字和图片移到网页的中间就会比照好看，那我们现

在就移动它。

具体假设何样移呢难道要我们得意的读者不停地在文字或者前面狂按空格

键不是的，很简单就可以做到了。

我们用鼠标左键把表格括起来使里面的文字和图片被选中，把鼠标依到表

格的顶端的边缘线上上按左键，把它括起来〔如图13〕

〔图13〕

括好之后我们按控制窗的按纽栏里面的居中按纽，使选中的内容居中〔如

图14〕。以后有需要你也可以使用按纽栏里面的做对齐，右对齐按纽。

〔图14〕

假设何样放在中间是不是好看了一点

接下来我们继续编辑网页里面的内容，依旧使用表格和居中按纽，添加一

些自己喜欢的内容。

〔图15〕

课后反思：本节课布局这个概念是个难点，但做表格，不难，因为在以前的WORD

中也学习过，所以只要稍加点拨，学生就学会了。

第十三课时：超级链接

［教学目标：］

知道超链接的作用及组成要素，了解超链接的种类，会根据需要设置书签超

链接。

［课时安排:］

1课时。

［教学重点：］

重点：超链接的组成要素及创立超链接的一般方法。

难点：书签超链接的设计与创立。

［教学过程：］

导入：超级连接是一个网站的灵魂。可以这么说，超级连接就象人体内的血

管。人们的手如果缺少血管的话，那血液就不能流到手上，那手就不能运动了。

网站也一样，如果你的子文件做的非常非常好，但是没有超级连接，浏览者就

只能看到网站的主页了，而不能看到后面的子文件了。所以，超级连接在网页

中起了很重要的作用。

不要以为很重要就很难学了，不是的。在Frontpage2000里做超级连接就象是

打字一样简单：〕

我们先不要管刚刚做好的网页，先把它保存起来。点按纽栏的保存按纽保

存刚刚做的网页，由于是主页，所以保存时的应该把它命名为“index.htm〃或

者是"index.html〃〔如图16〕。

〔图16〕

我们再新建一个网页，在编辑区编辑你自己的自我介绍，然后保存，记住

用英文名保存，比方用"ziwojieshao.htm〃，不能用中文。

保存好了，我们重新翻开刚刚保存的主页［index,htmj,为主页上的“自

我介绍：做超级连接。

用鼠标左键括起主页上的“自我介绍〃四个字，然后点击按纽栏的超级连

接按纽，在弹出的窗口中选择刚刚保存的"ziwojieshao.htm”〔如图17〕。

〔图17〕〔图18〕

按确定。如果你发现“自我介绍〃四个字下面多了一条横线，说明你的超

级连接就做成功了：〕

依次把“我的收藏〃“我的爱好〃等几个网页做好，并依次为它们做上连

接。

当做“给我写信〃的连接的时候，要注意一下它的做法稍有不同。由于是

给你写信的连接，点击这个连接之后系统就会自动运行电子邮件程序给你发邮

件。所以这个连接的地址应该是你的电子邮箱地址。在点超级连接按纽弹出的

窗口中点图18中画着圈圈的按纽，在另一个弹出的小窗口中填写你的邮箱地址,

就行了。

竟然文字可以做连接，那图片可以给它做个连接吗当然可以啊，点击你想要做

连接的图片，并按按纽栏的超级连接按纽，跟做文字连接的做法完全一样。

设置图片热点连接

有时你可能不希望一张图片都做上连接，只想为图片的某局部做上连接，

这就叫做提片热点连接。假设何做到呢我们点击一下想要做热点连接的图片，

你会看到Frontpage2000会自动在编辑区下面弹出一个工具栏〔如图2〕。

〔图2〕

你可以使用这些工具加工你的图片。而做热点连接我们只需要使用到工具

栏的几个按纽。她们分别是可以选取各种形状来做热点连接。我们选择长方形

的热点工具，在图片上拉取一个想要做连接的区域，它就会自动弹出一个超级

连接的窗口来，为它做好连接之后你会发现做热点连接的图片多了一个热点区

〔如图3〕o

〔图3〕

这样就表示热点连接已经做好了。浏览的时候你就会发现这张图片内只有

热点区才有连接而热点区以外是没有连接的。

这里还有最后的补充：每个网页都应该有标题嘛，假设何定置网页的标题

呢在网页的空白处点击鼠标右键，选择“网页属性〃，弹出另一个窗口〔如图

19〕o

〔图19〕

在“标题〃栏填写你想要的标题，按确定就行了。你也可以为你的网页使

用背景图案，那样网页看起来就更好了。点击“网页属性〃窗口的“背景〃按

纽，或是使用背风光，或是使用背景图案，一切由你决定。你还可以在这里定

置超级连接的颜色呢，真是太棒了！

要点：

1学会善于运用表格，是整个网页页面看起来更整洁。

2多使用“左对齐〃“居中〃“右对齐〃按纽配合表格的使用。

3保存网页时记住不能使用中文保存。

4做超级连接时要细心，不然很容易出现连接错误。

5不谈专业与否，一个出色的网站关键在于创意。

课后反思：超级链接是重点也是难点，尽管以前学过了，但还有同学不明白,

出错，还要加强练习。

第十四课时：制作网页练习

［教学目标］

加强网页制作技巧的练习。

［教学重点与难点］

重点：选用模板制作网页

难点：超链接的使用。

［课时安排］

1课时。

［教学过程］

一、工程主题

制作网页：我喜欢的图书

二、工程要求：

•使用表格布局

•文本包括内容介绍，作者简介，目录和精彩片段

•有超链接

•有图片

三、学生制作，教师指导

四、展示作品，总结

课后反思：本节内容综合，通过小组合作，大局部同学能够理解并掌握并完成

所布置的任务，完成作品。

第十五课时：规划网站、创立一个站点并管理它

［教学目标］

⑴知道从哪入手规划网站

⑵依据主题，设计好网站栏目

(3)搜集图片和资料。

［教学重点与难点］

重点：知道从哪入手规划网站

难点：依据主题，设计好网站栏目

［课时安排］

1课时。

［教学过程］

规划网站，其实就是网站的整体定位。说得时髦一点就有点像Cl〔corporate

identity〕,意思是通过视觉来统一企业的形象。算了，还是不要这么复杂吧,

我只是一个小家碧玉者。

1.确定主题和内容

主题和内容说白一点就是做网站的目的。看了不少个人网站，感觉就是：

你抄我抄大家一起抄，黄沙淘尽不见金。我绝对不能这样，否则就成了网络垃

圾了。经过冥思苦想，我决定做一个真正意义上的“个人〃网站，做一个个人

的家，一个在网络上宣传自己、结交朋友的“家〃。

这样一来，主要内容就应该是介绍自己。个人简历不，那样也太没有意思

了。就当是做一个图文并茂的自我小传吧！应该有简历的一局部内容，但还应该

多说说自己的兴趣爱好。此外，还少不了应该适当介绍一下和自己相关的东西

啊！

内容确定了，那是不是应该给我的网站取个好名字了前辈说：网站名称也

是网站设计的一局部，而且是很关键的一个要素。很有道理，就像每个人都想

取个好名字一样，家也应该有个好名字！

看看网上的名字，“海阔天空〃有点虚，“XX的个人主页〃有点俗。还是

平实一点，就以我的名字叫“豆豆之家〃吧。

2.网站构造

参考了一下其他的个人网站，再看看前辈长篇大论，我也稀里糊涂地明白

了一些名词。

・网页——就是你看到浏览器内的一个页面，由图片和文字组成。通常有

一级页面、二级页面之说。当你输入网址看到的第一个页面叫做首页，通常的

名字是index.htm0

•网站——简单地说就是很多相关网页文件、图片文件？他文件的组合。

一个网站由相关网页组成一个关系网，通过页面上的链接在不同的网页之间跳

转。

网站的构造和内容好似还有一些不成文的规定〔当然都是前辈们唠叨的〕：

•网站一定要紧扣主题。

•设定一个交互式的栏目，例如留言薄。

•页面简洁，尽可能方便访问者的浏览和查询。

•网站的层次不要太复杂，小网站由3层网页构成是比照适宜的。

•整体的页面设计风格要保持一致。

3.风格的选择

网站的风格，是不是有点像人的气质呀“家〃当然是有气质的，或者活泼、

或者严肃、或者精巧、或者朴素、或者粗暴豪放、或者小家碧玉等。我们应该

根据自己的主题和内容给它选择一种适宜的风格类型，以求内容和形式的完美

结合，突出自己的特色和个性。可惜我不是学美术的，只是简单地知道一些冷

暖色，看来还得在实践中多比照。

4.页面设计

网站是由一个个页面组成的，所以每个页面的制作就显得极其重要。说来

说去又是一个美术设计方面的问题。我先找几张白纸勾画我的页面草图。

这是网络上常见的几种网页布局。虽然都是在排列目录、题目、正文，但

真正要做到构造清晰、一目了然还得看具体制作的功夫。

当然可以选择更活泼一点的样式，只是需要自己去发挥了，或者到网络上

去学习各种漂亮的页面设计。

选择制作工具

古人说得好：工欲善其事，必先利其器。网上建家总是要工具的，制作网

页和网站的工具很多，甚至用记事本也可以〔就像泥瓦匠起房子一样，是写网

页的源代码〕。但也有很多工具，可以直接将房子的框架搭好，剩下的工作就

是确定要多少房间和假设何布置房间。FrontPage2000就是这样的工具。

Dreamweaver3和FrontPage2000都是当前的主流站点和网页编辑器。

Dreamweaver3更加专业，其代码的简洁、兼容性和整体功能都要比

Frontpage2000强。但是FrontPage2000是微软的产品，是Office2000中的一

个组件，和大家经常使用的Word有类似的界面和操作。用FrontPage编写网页

就像用Word写文章一样简单，很适合于我这样业余建小“家〃的人上手。

三、新建站点

这个家假设何样才有呢我们先运行Frontpage2000,在控制窗的菜单栏里选

择“新建T站点〃〔如图1〕。

〔图1〕〔图2〕

在接下来弹出的窗口中你可以看到图2。Frontpage2000自带有一些网站的

模板〔意思就是按照它的意思去做〕，我们一般不使用这些模板，我们在左边

的模板选择窗里选“空站点〃，然后在右边的“选项，指定新站点的位置〃中

敲入你想保存这个网站的文件夹地址。一般第一次使用Frontpage2000的时候

它自动就生成了一个新站点，保存的“我的文档〃的“MyWebs〃文件夹中。你

也可以重新建设一个文件夹作为网站的存放点。我们在以下称保存网站的文件

夹为“网站文件夹〃或者是“主文件夹〃。

建设好了新站点，你会发现Frontpage2000的标题栏就变成是“C:\My

Documents'MyWebs”里，这样的话就表示你已经翻开了某个网站。或许你还创

立了其他网站，我们可以通过Frontpage2000的菜单栏里面的“文件T翻开站

点〃来翻开其他站点〔如图3〕。

〔图3〕〔图4〕

在弹出的窗口下放选择保存网站的文件夹地址〔如图4〕，再按“翻开〃按

纽就翻开了。

一般运行了Frontpage2000的同时它就自行翻开了最近编辑的一个站点。有时

你不想编辑此站点可以点击菜单栏的“文件T关闭站点“关闭它。

创立了好了新站点的同时，你按控制窗的按纽栏里面的翻开文件夹列表或

者到网站文件夹看一下，是不是多了两个新文件夹一个叫“images”的文件夹

是供我们用来保存本网站中的图片文件的，在制作网页之前你先把要用到的图

片都保存到这里。还有一个叫'[private”的文件夹，而且日后你会发现在

“images”文件夹或者文件夹中出现许多象"_vti_cnf〃之类莫名其妙的文件

夹，其实这是系统用来做缓存的文件夹，我们不要认为它是垃圾就把它删了，

有用的，不要删了。

为了方便管理，你也可以自己添加一些文件夹用来保存其他内容，比方添

加一个名为“webs〃的文件夹用来保存网站的其他网页，这样大家管理起来就

不会觉得很凌乱了。

添加文件夹有两中方法，第一个方法是先关闭Frontpage2000,再到网站文件夹

里新建一个文件夹，建好之后再重新运行Frontpage2000你按控制窗按纽栏里

的翻开文件夹列表看一下，就会发现多了一个新的文件夹。另一个方法就是直

接在文件夹列表中添加〔如图5〕o

这里要注意一下，但凡添加的文件夹，或者是保存在文件夹里面的所有东

西，都必须是以英文命名的。不然就会出现连接错误而不能浏览。总之一句话，

网站里的所有东西都用英文名：〕

〔图5〕〔图6〕

当然你也可以从网站中删除某些文件或者文件夹，具体做法和新建文件夹

差不多，大家多实践一下。

到了这里，或许你会认为什么主页，什么第二个主页，什么主页又不是网站什

么的，一头雾水。那你可以看一以以以下图6,这样能好理解一点：〕或者是这

样解释：图6中的“主文件夹〃就是刚刚打比方说的家，“主文件〃就是家里

的客厅，当然可以有许多主文件的。但是你要记住，一个网站中真正的主页名

必须是"index.htm"或者是"index.html〃，也是唯一的，为什么要这样做笔

者以后会解释。而“子文件夹〃就是指家里的厨房，“子文件〃就是指厨房里

的装饰或者是用具。同样你也可以有许多的“子文件夹〃和“子文件〃的。

［课后反思：］

站点是个新东西，但是在FRONTPAGE中建设很简单，只是要了解一些新的

概念，明白一些细节问题，大局部同学还是可以自己建成一个站点，并建设首

页。

第十六课时：制作网页

［教学目标］

(1)掌握网页制作的一般方法

(2)完成主页的制作

［教学重点与难点］

重点、难点：完成主页的制作

［课时安排］

1课时。

［教学过程］

翻开FrontPage2000,我们看到的是一个亲切熟悉的界面，几个主菜单几乎是

微软公司所有软件产品所共有的。单击"文件"菜单中的"新建"一＞"网页"，就会

弹出一个网页制作的向导，从三方面提供了几十种根本方案供你选择。在"常

规"选项卡中一共提供了26种模板，其中甚至有“意见簿"和"用户注册”的界面！

在“框架网页"中，提供了10种框架构造，几乎包括了所有常见的网页框架。"

样式表"则能帮助我们确定统一的文字风格，比方"霓虹灯”型就是规定文本和标

题为霓虹绿Verdana字体，超链接为黄绿色，背景为黑色。对于不太熟悉网页

制作的人来说，这个向导几乎可以帮助我们完成根本技术工作的三分之一！

我们只要按照自己已有的设想，在其中选择符合自己风格的一个架构，那么剩

下往里面添内容的工作就几乎与技术无关，非常简单易行了。

"插入”这个选单具有比照鲜明的FrontPage特色，是专门为网页编辑而

服务的，它包括了十分丰富的内容，是网页编辑中最常使用的动作。

由于网页的源代码毕竟是Html语言，所以一些在Word中常用的字符是不

能在FrontPage的编辑页面中正常使用的，比方"回车"在FrontPage中就会产

生一个大的分段，而不是简单的换行。而我们在文章中往往还需要文字的单纯

换行。这种情况就只能用"插入"换行符来解决。"插入”菜单中还包括很多内容，

如水平线、符号、丰富多彩的文件和图像，这都是网页编辑中比照通用的资源。

最具网络特色的超级连接也可以插入。

另外FrontPage还提供了大量的组件，来尽量减轻用户的工作量，可以插

入时间戳、导航栏、目录表格等。可以插入各种特殊效果。插入菜单的高级局

部就是为这个设计的，你可以插入各种ActiveX单元，如动态按钮、标题广告

管理器、滚动字幕、计数器等，也可以插入各种FrontPage组件，设置数据库

信息，当然也可以插入各种表单域。当然如果你对这些操作不满意，也可以自

己插入一些丰富的控件，这些就可以通过高级选项完成，实现插入java小程序、

ActiveX控件等。

其实搭好框架，参加文字与图片，安排好链接，这个网页根本上就已经

完成了。不过，如果你还有什么高一些的要求，就