广州版八年级信息技术《美化网页》教学设计

广州版八年级信息技术《美化网页》教学设

计

粤教版初中信息技术第二册第三章教案

第3节《美化网页》教学设计

一、学习者分析

教学的对象是初中二年级的学生。在学习本章节之前，

学生已经学习了网络基础学问，具有一定的使用计算机的能

力；而在本章前面的学习中，学生学习了如何建立一个(本

机内的)站点和网页的建立与保存，对网页编辑等有一定的

基础，而且对制作网页有较高的兴趣。

二、教材内容分析

1.本节的主要内容及在本章中的地位

本节是网页制作中最重要、最精彩的部分，也是学习网

页制作的重点内容。正是由于有了各种美化网页的方法，网

页才会显得吸引学生的学习。因此，要通过本节的学习，充

分激发学生的学习兴趣。

2.教学重点、难点：

重点：

(1)表格的制作与属性的设置；

(2)插入图片与图片的处理；

(3)超链接的制作及设置；

(4)横幅广告管理器的设置；

(5)悬停按钮的设置与运用。

难点：

(1)表格的修饰；

(2)超链接的制作及设置；。

(3)横幅广告管理器的设置。

3.课时支配：

第三节《美化网页》使用四个课时学习，其中，第一

课时：表格的制作与设置；第二课时：插入图片与动画；第

三课时：超链接的使用；第四课时：网页修饰、按钮与横幅

广告管理器。

三、教学目标

1.学问与技能

(1)把握网页中运用表格的方法；

(2)把握网页插入各种图片的方法；

(3)学会应用超链接；

(4)学会设置网页背景、移动字幕，设置横幅广告管

理器和制作悬停按钮的操作。

2.过程与方法

(1)通过美化网页的各种方法的学习，让学生从制作

的层面熟悉网页世界；

(2)通过制作网页的实践，让学生把握网页制作的基

本方法。

3.情感态度价值观

通过表格、图片、按钮、声音、超链接等的实现，体验

制作网页的成功感，激发学生的创作欲望，使学生形成主动

-2-

学习的态度，积极参与到信息技术的学习中来，并在学习的

过程不断提高综合运用信息技术的能力。

四、教学理念和方法

注意以学生为主体，让学生主动探索，主动地构建学问

体系，把理论学问运用到实践。同时也倡导学生相互帮助进

行学习，培育合作观念。

五、教学过程设计

L教学内容的组织与呈现方式

课程围绕网站《名城广州》的制作，通过实际的问题引

出所学学问，把网页表格、图片、超链接等等逐一呈现，让

学生把细化的学问逐一击破，再把所学学问应用到创作中去,

逐步构成自己所要完成的作品，充分调动学生学习的积极性

与敏捷性，同时充分利用多媒体电子教室掌握系统屏幕广播

功能进行实时演示与叙述，提高课堂效率。

2.教学过程

第一课时表格的掌握

教学环节

教师教学

学生活动

设计意图

引入新课

展示利用表格组织的网页效果，引入新课：

观看与思索。

吸引学生，引入新课。

-3-

表格的组成学问点教学

表格的几个部分组成：

表头、行、歹I、单元格、边框。

学习与认知。

了解表格的组成。

插入表格学问点教学

提问学生演示：三种插入表格的方法：

1、使用【插入表格】工具按钮；

2、使用【表格】菜单命令；

3、使用手工绘制表格。

观看与学习。

由学生演示，学生之间有对比。

学生练习：用三种方法分别画出三个指定的空白表格。

做练习。

把握三种画表格方法。

表格的基本操作学习

学生与教师同步操作：

1、合并单元格；

2、在表格中插入表格；

3、删除单元格；

4、选定行、列、单元格、表格、多行、多列；

5、插入行、列；

6、拆分单元格；

7、调整行宽、列宽。

-4-

仿做、练习。

把握表格的最基本操作。

设置表格的属性

在表格的单元格中添加文字、图片等，然后设置【表格

属性】:

对齐方式、单元格边距、单元格间距、边框粗细（如不

显示外边框，可将此值设为0）、设置表格的背景颜色、背景

图片等。

仿做、练习。

把握表格的最基本操作。

设置单元格的属性

包括：对齐方式、行跨距、列跨距、指定宽度、指定高

度、边框颜色、亮边框、暗边框、

背景等。

依据教师提示自己学习设置。

把握表格单元格的最基本操作。

练习

利用表格设计出《华夏学校主页》的布局。

设计与练习。

让学生偿试运用。

小结

各学问点的把握状况。

回顾学问。

重复记忆。

-5-

第二课时：让网页变得多姿多彩

教学环节

教师教学

学生活动

设计意图

新课引入

发送教学素材。

提问表格的作用。

引出：如何制作图文并茂、生动活泼的网页？

插入图片、插入动画、插入音乐、插入视频、插入特

效、...

思索和回答和学习。

吸引学生，引入新课。

插入图片学问点教学

任务一：给网页添加图片元素

(1)在网页大标题处插入一图片。

(2)在第三行第一单元格插入一图片。

(3)在“优秀学生介绍”下插入4张人物图片。

使用Frontpage打开所发送素材中“学生练习”这一网

页，然后完成任务一。

自主探究：

结合所学学问完成任务一。

-6-

子任务：

将人物图片背景设置透明。

教师个别辅导。

转播展示部分学生练习结果并点评。

指明图片工具栏的使用。

完成子任务；

比较与观看。

学习设置，使用图片与背景融为一体。

让学生通过对比加深学习。

设置图片效果学问点教学

任务二：设置图片效果

(1)给第一张图片添加“华夏学校主页”几个字；

(2)将第二张图片旋转180度；

(3)将人物图片设置为按钮效果。

通过教程进行自主学习，同桌同学进行协作学习完成任

务二的内容。

把握在图片上添加文字、旋转图片等特效。

展示学生作业，点评作业。并让学生演示操作。

比较与观看。

部分学生未把握的可从中学习。

学习在网页中插入动画

任务三：在网页中插入动画

(1)在网页第二行第一单元格插入一gif动画；

(2)在第四行第二单元格插入一flash动画。

-7-

通过学习教程完成任务三。

学习把握插入动画的方法。

展示学生作业，点评作业。并进行作业成果登记。

比较与学习。

依据学生把握的状况推断是否讲解。

归纳总结

0插入图片

0设置图片效果

0插入动画

观看与回顾。

让学生整理所学学问。

第三课时：链接网络世界

教学环节

教师教学

学生活动

设计意图

发送练习素材，引入新课

打开“网易”主页，指向“体育”，鼠标外形发生变化

“”，提问学生。

（将练习素材“华夏学校主页”的站点发送到学生气器

D：\HXXX中。）

思索和回答。

-8-

吸引学生，引入下文。

站点内网页的链接学问学习

站点内网页的链接演示。

(1)链接一个页面；

(2)更改链接颜色。

观看学习。

把握链接的基本方法。

教师个别辅导

练习设置“师生园地”中的另外三个链接，并设置返回

链接(图片)。

形成性练习一

基本：设置好链接。

提高：设置链接的颜色与边框。

学生自主学习“站外链接”

提出疑问：如何链接到如163等网站？(链接到其他网

站的首页)

教师个别辅导。

学生探究学习：学习设置链接到163和广州教研网站。

探究性练习二，

学生有会有不会的，让同桌相互帮助探讨。

教师依据学生把握状况推断是否需要演示讲解链接到

其他网站的首页。

观看学习。

反馈讲解。

-9-

为邮箱设置超链接学问点学习

教师点评，然后提出疑问：如何为邮箱设置超链接？

把网页素材中的两个“邮件联系”设置妥当。

探究性练习三

（同上处理）。

教师依据学生把握状况推断是否需要演示讲解为邮箱

设置超链接。

观看学习。

由把握较好的学生演示操作过程。

“书签”一一网页内部的跳转的学问讲解

演示素材中网页内部的跳转BMlo

观看学习。

将学生留意力吸引。

演示“书签”的设置方法。

观看学习。

学习书签的设置。

教师个别辅导

练习：分别在网页下方“办学理念”、“学生务农”、“体

教结合”三个地方设置三处书签，然后在“学校特色”中设

立三个书签链接并进行预览跳转。

形成性练习四，

学会使用书签。

教师依据学生状况转播个别学生的设置状况。

-10-

观看学习。

了解学生把握程度。

学习取消链接

提出疑问：如何将设置多余链接取消？（内容相对简单,

由学生自主体会）教师个别辅导。

探究学习。

探究性练习五，

学生有会有不会的，让同桌相互帮助探讨。

小结

教师依据课堂状况进行小结，个别内容的强调。

自我体会。

让学生在脑海中重复和整理学过的学问。

学生实践

1、依据本章开头预先布置的“网页作品设计”作业“名

城广州”，将自己做好的网页进行链接，保存好；

2、在网上搜寻几张设置背景用的图片和几张有关广州

地区的风景图片，一首自己喜爱的MP3格式的音乐；

3、然后复制到自己的FTP帐号中，预备下节课使用。

上机实践。

创作练习。

（视时间而定）

第四课时：网页效果处理

11

教学环节

教师教学

学生活动

设计意图

新课引入

引导学生打开自己的作品。

打开学生自己做的作业《名城广州》，并预备几张风景

图片及背景图片。

预备好学习用素材。

学习设置网页背景

引导学生设置背景颜色（对比单元格）。

跟随老师练习。

让学生把握对网页背景的基本设置。

引导学生设置背景图片（与插入图片进行比较）。

跟随老师练习，偿试选择不同的图片作背景。

引导学生设置网页标题《华夏学校主页》。

跟随老师练习。

利用上节课下载的MP3,引导学生设置背景音乐（MP3

格式要选择*.*文件选取）。

跟随老师练习并预览。

制作标题

方法之一：打开WORD编辑一插入艺术字一复制艺术字

一转到网页编辑中粘贴。

-12-

观看后练做。

学习制作“华夏学校主页”的艺术字作标题。

方法之二截取屏幕显示的标题：当屏幕出现自己喜爱的

标题一按键盘中的键或+一打开画图软件一选择粘贴一再

选定所需要部分复制一转到网页编辑中粘贴。

观看后练做。

学习截取制作标题。

使用移动字幕

示例设置交替移动的字幕”学校新闻报道”，主要设置

字幕属性。

学习练习设置三行字幕：由左至右移动、由右至左移动、

交替移动并转变字幕的“延迟”值和“数量”值、背景色。

用于制作滚动新闻、标题等。

提出思索：如何转变移动速度？

使用“学校风景”制作横幅广告管理器

设置方法展示。

观看与学习。

让学生把握较为实用的横幅广告管理器。

调整与修改。

个别辅导与检查。

做练习。

留意问题：时间、图片格式、安装JAVA等。

巩固与拓展。

悬停按钮的制作

-13-

解释“悬停”。

观看与练习。

学生对此熟悉比较模糊，需要解释清晰。

示范制作按钮：效果、颜色变化、大小、链接、自定义

声音与图片。

把握按钮的制作与设置。

指导学生练习：将“学校概况”、”学校教研”、“教师

园地”、“学生园地”等设置为悬停按钮。

小结

学问点较多而且比较实用，要求学生均能把握其使用。

自我体会。

让学生逐一回想所学学问点。

学生实践

依据所学学问，连续完成作业“名城广州”网站，要求

有本节课所讲的移动字幕、背景图片、背景音乐、艺术字标

题、横幅广告管理器、悬停按钮等效果。

创作练习。

3.教学评价

把握程度

学问点

运用

把握

-14-

基本把握

了解

其他

插入表格的方法

表格属性的设置

单元格属性的设置

在网页中插入图片

-15-

设置图片的各种效果

在网页中插入动画

站内网页链接

链接其他网站

-16-

为邮箱设置超链接

设置书签