2023年12月7日发(作者：)

第1课 简单网页尝试做

【教学目标】

1．掌握在网页中输入文字和设置文字格式的方法；

2．掌握保存网页及预览网页的方法；

3.初步感受用网页发布信息的优势。

【重点难点】

1．用自选图形编排文字；

2．保存网页；

3．预览网页。

【教学过程】

一．复习巩固

二．引入新课

目前，可以制作网站的工具软件非常多，我们选用FrontPage作为网站制作的工具软件。

三．认识制作网页的窗口

实践观察 认识Frontpage窗口 详见课本4-5页

1．启动FrontPage，打开它的窗口。

2．依次打开菜单栏的菜单，浏览其中的命令。

3.把指针指向常用工具栏，查看各个按钮的名称和功能。

4.学习 你知道吗？

四．用自选图形编排文字

详细步骤课本动手做第5-7页步骤1-3。

自学 第7页 你知道吗？

五．保存网页

单击“文件”→“保存文件”，打开“另存为”对话框，输入文件名，单击“保存”按钮。、

把网页保存为”小小的心愿“

详细步骤课本动手做第7页步骤1-2。

注意网页文件扩展名“.htm” “.html”

六．在IE窗口中浏览网页

1．在浏览器中预览网页。单击“文件”→“在浏览器中预览”，打开“在浏览器中预览”对话框，单击预览。

2．在FrontPage窗口中单击“预览”按钮，进行预览。

1 3．观察使用两种预览方法所显示的预览效果。

七．思考与练习

1.阅读STS视角 利用网页展示个人信息

2.完成第8页思考与练习

2 第2课 美化网页显身手

【教学目标】

1．掌握在网页中插入图像和剪贴画的方法；

2．进一步熟悉设置自选图形样式的主法；

3．增强利用图文展现信息的意识，进一步提高审美的能力。

【重点难点】

1．自选图形格式设置；

2．插入图片。

【教学过程】

一．复习巩固。

二．设置自选图形的样式

详细步骤课本动手做第9，10页步骤1-3。

三．修改文字的颜色

详细步骤课本动手做第11页步骤1，2。

四．插入图像

1．在网页上把光标移到要插入图片的位置。

2．单击“插入”→“图片”→“来自文件”，打开“图片”对话框。

3．单击“从计算机上选择文件”按钮，弹出“选择文件”对话框。

4．选择图片文件所在的位置。

5．选择图片文件，单击“确定”按钮。

6.图像具体设置见课本12页2-4步骤。

{①插入的图片的大小可以自由调整。单击图片，出现8个控制点，拖动这些控制点就可以改变图片的大小。

②网页上常用的图形格式有Gif和Jpeg两种}。

五．保存嵌入式文件

在保存含有图片的网页时，计算机会自动弹出一个“保存嵌入式文件”对话框。这是因为我们刚刚从站点外“我的资料”文件夹中插入了一个图片，现在计算机要求把这个图片存放到站点内。

文件名new_是计算机自动生成的。为了方便使用，我们可以重新给图片起名字。在“保存嵌入式文件”中选择图片文件new_，单击下面的“重命名”按钮，可对其重命名。我们将图片文件重命名为。

为方便图片管理，计算机自动在站点内为我们建立了一个存放图片的文件夹images。一般情 3 况下，我们都把图片文件存放在这个文件夹内。

在“保存嵌入式文件”对话框内，选择图片文件，单击“改变文件夹”，打开“改变文件夹”对话框。选中“images”，单击“确定”按钮，图片文件就存放在“images”内了。

单击“确定”按钮就完成了对网页和图片的保存。

六．思考与练习

1.阅读STS视角 HTML的含义

2.在网页中插入图片，将插入图片的网页保存，并将图片存放到images文件夹内。

3.完成第13页思考与练习

4 第3课 浏览网页有标准

【教学目标】

1. 了解制作网页的基本过程；

2. 学会欣赏和评价网页；

3. 初步形成评价网页的一些标准。

【重点难点】

1. 制作网页的基本过程；

2. 评价网页的一些标准。

【教学过程】

一.复习巩固

二.引入新课

制作了首页，我们就好象拥有可一扇大门，推开这扇门就应该看到里面丰富多彩的内容。下面，了解一下制作网页的基本过程。

三. 制作网页的基本过程

详见课本14页1-7七个步骤。

具体操作过程15,16页 实践观察1-6。

四.欣赏网页

自学16-17页文字，网页部分。

五. 评价网页

小组合作完成17-18页表格。

阅读 18页你知道吗？

六. 思考与练习

1.阅读STS视角 客观地评价自己和他人

2.完成第19页思考与练习

5 第4课 网页素材先准备

【教学目标】

1．初步学会规划设计网页的布局；

2．进一步掌握搜集整理素材的方法；

3.体会规划设计对网页制作的重要性。

【重点难点】

1．网页的布局；

2．搜集整理素材。

【教学过程】

一．设计网页之间的链接关系

学生自学课本22页关系图

1．在因特网上，利用超级链接可以方便地将与网站主题相关联的一个个网页链接起来，使其变成一张有序的网，为人们展现丰富的主题内容。

2．以“中国儿童中心”的首页为例，介绍网页的链接。

在“中国儿童中心”网站中，网页是由一层层的超级链接组织起来的。如第一个页面中包括“芝麻开门”、“故事地界”、“能力大比拼”、“游戏天地”等栏目，“游戏天地”栏目又分别链接有“益智游戏”网页、“趣味游戏”网页、“技巧游戏”网页三大内容。当我们选择“益智游戏”时，又看到许多游戏名称供我们选择。

3．请学生随便找一个网站，点击网页，体验超级链接。

三、设计网页布局

画出”卡通叮当屋“网页的布局

具体内容见课本23--24页，及动手做1-4的操作。

四、搜集素材

1.在因特网上搜索各种素材

2.用数码照相机或摄像机拍摄照片或视频

3.到图书馆查阅资料

4.从影视光盘中选取视频

5.录制声音素材

准备图像、声音、视频等素材

完成25页动手做1-3

阅读STS视角 小组合作与个人成功

6 五．思考与练习

1.为自己的班级网站设计一个欢迎首页。

2.完成26页思考与练习。

7 第5课 使用表格版面齐

【教学目标】

1．学会使用表格安排网页的版面；

2．熟练掌握设置文字格式和插入图像的方法；

3．增强合理安排版面的意识。

【重点难点】

1．利用表格制作网页。

2．掌握设置文字格式和插入图像的方法。

【教学过程】

一．复习巩固

二．引入新课

一个好的网页不仅内容要充实，而且版面要美观。为了一个好的视觉效果，需要精心装点自己的家园。打开我们的网页，怎样将网页中的文字、图片摆放得更美观一些呢？

三．插入表格

插入表格的方法非常简单，但在插入表格之前，我们需要知道自己要画一个几行几列的表格。

1．新建网页并设置网页背景。

单击“新建”按钮，新建一个网页。将适合的图片设置成网页背景

2．打开“插入表格”对话框。

单击“表格”→“插入”→“表格”，弹出“插入表格”对话框。

3．输入行、列数，设置布局参数，单击“确定”按钮。

4．通过鼠标调整表格的列宽。

5．在合适的位置放入欢迎文字、全家福、欢迎词等。

具体操作见课本27-29页动手做1-7操作。

四．输入文字

输入”卡通叮当屋“网页中的文字

具体操作见课本29-30页动手做1-6操作。

五. 设置单元格的边框和背景

给单元格添加边框和背景

1.具体操作见课本31-32页动手做1-3操作。

2.阅读STS视角 网页与多媒体作品

六．思考与练习

8 1.建立一个介绍自己的网页。并将内容通过表格定位。

2.完成32页思考与练习。

9 第6课 图像声音齐上阵

【教学目标】

1．掌握打开网页文件的多种方法；

2．学会在网页中插入图像和添加网页背景；

3．感受恰当的背景对网页内容具有的衬托作用。

【重点难点】

1．打开网页文件的多种方法；

2．网页中插入图像和添加网页背景。

【教学过程】

一．复习巩固

二．引入新课

我们在浏览许多网页时，可以听到优美的音乐，看到漂亮的背景。今天，我们就揭开它的神秘面纱。

三．快速打开网页文件

快速打开”卡通叮当屋“网页文件

具体步骤请见课本33-34页动手做1-2操作。

四．插入图像

具体步骤请见课本34-36页动手做1-6操作。

五. 添加背景音乐和背景图像

1．在“网页属性”对话框中选择“常规”标签。

2．单击“浏览”按钮，弹出“背景音乐”对话框，选择背景音乐文件，单击“确定”按钮。

3．单击“格式”→“背景”，打开“网页属性”对话框。

4．选择“背景”标签，选中“背景图片”，单击“浏览”，选择背景图片，单击“确定”按钮。

为”卡通叮当屋“网页添加背景音乐和背景图像

具体步骤请见课本36-37页动手做1-2操作。

阅读STS视角 背景音乐与人的行为

六．思考与练习

1.为自己的网页设置背景图片和音乐。

2.完成37页思考与练习。

1 0 第7课 网页越做越漂亮

【教学目标】

1.掌握插入水平线的方法；

2.学会设置文字与单元格的边距；

3.学会设置单元格的背景；

4.进一步增强美化网页的意识和能力。

【重点难点】

1. 掌握插入水平线的方法。

2.学会设置文字与单元格的边距

【教学过程】

一.复习巩固

二.制作艺术字标题

制作艺术字标题”卡通频道“

具体步骤请见课本38-39页动手做1-4操作。

三. 设置单元格的背景图像

为艺术字所在的单元格添加背景图像

具体步骤请见课本40页动手做1-2操作。

四. 设置文字与单元格的边距

1.具体步骤请见课本41页动手做1-2操作。

2.自学42页 你知道吗？

五．插入水平线

用水平线适当分开第2列单元格中的段落

1.具体步骤请见课本42页动手做1-3操作。

2.阅读STS视角 插图与版权

六.思考与练习

完成第43页思考与练习

1 1第8课 链接网页成一家

【教学目标】

1. 学会在网页中创建超级链接；

2. 理解超级链接的作用；

3.感受超链接给浏览信息带来的便利性。

【重点难点】

1. 学会在网页中创建超级链接

【教学过程】

一.复习巩固

二.制作“卡通生活”网页

详细步骤见课本动手做第44-45页步骤1-2。

三. 创建网站的超链接

创建一些动漫网站的超链接

详细步骤见课本动手做第45-46页步骤1-3。

四. 创建电子信箱的超级链接

详细步骤见课本动手做第46-47页步骤1-3。

五. 创建网页文件的超级链接

1.详细步骤见课本动手做第47-48页步骤1-4。

2.阅读阅读STS视角 超链接对信息社会的贡献。

六.思考与练习

完成49页思考与练习

1 2 第9课 创建站点做网页

【教学目标】

1. 学会创建站点；

2. 掌握插入滚动字幕的方法；

3.初步感受动态网页的效果在展示信息方面的优点。

【重点难点】

1. 学会创建站点

2. 掌握插入滚动字幕的方法

【教学过程】

一.复习巩固

二.设计网站结构

自学52页设计网站结构

三.创建站点

1．打开FrontPage，单击“文件”→“新建”→“站点”，打开“新建”对话框。2．选择“空站点”，键入站点的保存位置和名称，单击“确定”按钮。

创建一个名为”安全伴随我成长“的站点

具体步骤请见课本53页动手做1-2操作。

四. 制作“安全小黑板”网页

详细步骤见课本动手做第54-55页操作步骤。

五. 添加滚动字幕

1. 详细步骤见课本动手做第56页动手做1-3操作步骤。

2.自学 57页你知道吗？

3.阅读STS视角 插件的补充功能

六.思考与练习

完成第57页思考与练习

3

1第10课 更多效果在继续

【教学目标】

1.掌握制作悬停按钮的方法；

2. 学会使用横幅广告管理器；

3.要树立在网页中恰当使用动态效果的意识。

【重点难点】

1. 掌握制作悬停按钮的方法；

2. 学会使用横幅广告管理器。

【教学过程】

一.复习巩固

二.制作“交通安全”网页

1.详细步骤见课本动手做第58-60页步骤1-5。

2.自学 60页 你知道吗？

三. 制作横幅广告

1.详细步骤见课本动手做第61-62页步骤1-6。

2.自学 62页 你知道吗？

四. 制作悬停安钮

1.详细步骤见课本动手做第62-63页步骤1-2。

2.阅读STS视角 网页广告与道德

五.思考与练习

完成63页思考与练习

1 4 第11课 网页模板效率高

【教学目标】

1. 初步认识网页模板；

2. 学会使用模板制作网页：

3.增强做事讲求效率的意识。

【重点难点】

1.认识模版网页；

2.使用模板制作网页。

【教学过程】

一.复习巩固

二.利用已有网页制作新网页

1. 具体步骤请见课本64-65页动手做1-3操作。

2.自学 65页 你知道吗？

三. 编辑加工“消防安全”网页

具体步骤请见课本66-67页动手做1-3操作。

四. 修改网页的标题

具体步骤请见课本68页动手做1-2操作。

五. 建立网页模板

1.详细步骤见课本动手做第68-69页步骤1-2。

2.阅读STS视角 模板调用与工作效率。

六. 思考与练习

完成第69页思考与练习

5 1第12课 框架网页初体验

【教学目标】

1. 初步认识框架网页的特点；

2. 掌握创建框架网页和保存框架网页的方法；

3.初步具备统筹管理多个网页的意识和能力。

【重点难点】

1. 掌握创建框架网页和保存框架网页的方法

【教学过程】

一.复习巩固

二.认识框架网页

学习课本70-71页认识框架网页

三. 创建框架网页

具体步骤请见课本71页动手做1-2操作。

四. 制作导航网页

具体步骤请见课本72页动手做1-2操作。

五、保存框架网页

1.具体步骤请见课本73-74页动手做1-2操作。

2.阅读STS视角 框架结构与信息呈现

六.思考与练习

完成第74页思考与练习

1 6 第13课 框架网页渐完善

【教学目标】

1. 掌握在构架网页中指定初始网页的方法 ；

2. 学会设定网页的打开方式 ；

3. 感受框架网页在集中展示信息方面的优势。

【重点难点】

1. 掌握在构架网页中指定初始网页的方法

【教学过程】

一.复习巩固

二.制作右框架中的网页

1.具体步骤请见课本75-76页动手做1-4操作。

2.自学 77页 你知道吗？

三. 设置右框架中的初始网页

具体步骤请见课本77-78页动手做1-2操作。

四. 创建框架中的超链接

1. 具体步骤请见课本78-79页动手做1-3操作。

2. 自学79页 你知道吗？

3.阅读80页 STS视角 网页设计中的色彩使用

五.思考与练习

完成第80页思考与练习

7 1第14课 测试更新不能忘

【教学目标】

1.学会更新和管理网页；

2.提高检查与测试网页的能力；

3.培养严谨的思维与做事习惯。

【重点难点】

1. 更新和管理网页；

2. 检查与测试网页的能力。

【教学过程】

一.复习巩固

二.检查内容

具体步骤请见课本81-82页实践观察1-3操作。

三.检查超链接

1. 具体步骤请见课本82-83页动手做1-3操作。

2. 自学83页 你知道吗？

四.检查多余的文件

具体步骤见83-84页实践观察1-2

五．总体协调版式

1.学习84页内容

2.阅读85页 STS视角 使你的网站脱颖而出

六.思考与练习

完成85页思考与练习

1 8 第15课 交流评价提升快

【教学目标】

1. 了解发布站点的主要途径；

2. 会以共享的方式发布站点;

3. 体验评价网站的过程，能做到公平、公正地评价自己和他人的网站。

【重点难点】

【教学过程】

一、发布站点

以共享的方式发布”安全伴随我成长“站点

1. 详细步骤见课本动手做第86-87页步骤1-2。

2. 实践观察第86-87页

3. 阅读 88页你知道吗？

4. 88页实践观察

二、评价网站

1. 具体操作见课本89页并交流讨论。

2. 阅读STS视角 网站建设的重要性

三、思考与练习

1.上机操作 90页1，2题

2.讨论交流第3题。

9 1