《美化网页》（精选2篇）

《美化网页》篇1

教学设计

一、教材分析

是山东教育出版社《信息技术》八年级（上）第二章第三节第一课时的内容，它是在学生已完成“我的家乡”网站的构建，学会了基本的修饰网页的方法的基础上，来更进一步进行修饰网页的学习。本节课主要学习使用导航栏和共享边框以及学会给网页添加背景，这样就会使得网页更形象、直观，更加图文并茂，增加艺术表现力。本节课的内容很重要，意义深远；如果能把本节课内容掌握好，网页真可以达到图文并茂了的效果了。

二、学情分析

初二学生有一定信息技术基础，学生对信息技术课有很浓厚的兴趣，而且在word中已经学习过了修饰文档的一些方法，因此在本节课的学习中可以尽可能的让学生进行自主学习、小组合作交流的学习方法进行教学，这样既增强了学生的学习兴趣，也培养了学习良好的自主学习、合作学习的习惯。

三、教学目标：

知识目标：

1、使用导航栏和共享边框。

2、为网页添加背景。

能力目标：

1、学会使用共享边框和导航栏。

2、学会添加网页背景，对网页的各种元素进行合理搭配。

情感目标：

在教学中通过引导学生自主探究、师生交流、小组合作等方式，给学生以探索、创新、合作、成功等情感体验，让学生在学习过程中体验与他人合作学习的情感交流，增强自主探究学习的精神和解决问题的能力。通过对网页的各种修饰，增加学生的审美能力。

四、教学重点及难点：

教学重点：使用导航栏和共享边框和添加网页背景。

教学难点：使用导航栏和共享边框

五.教学策略

本节课以“任务驱动”为主，结合学生自主探究、小组合作交流等方法来完成教学目标。教学过程在学生已有的知识基础上，采用启发、引导的方式，进一步让学生明确具体的任务，在探究中完成，让师生与生生在互动中交流，以使更多的学生能展示自己。放手让学生来做，来看，来讲，更能调动学生的积极性和课堂气氛，让学生在有趣的课堂，更好地掌握信息技术的基本知识和操作技能。所采取的教学模式，使得课堂的学习活动是以学生为中心的，它是在教师提出明确的任务，来给学生创设良好的学习环境，让学生独立探究、合作等方式学习，使学生在完成任务的过程中构建自己的知识，使他们都有较大的收获，让学生在任务驱动下进行学习，既培养了学生的学习方法，也让学生在学习中体验到了成功的喜悦与学习的乐趣。

六、教学过程

教学

过程

教师活动

学生活动

设计意图

创设情景引入新课

我们学习了制作网页的一些基本方法……。展示两个网页，让学生观察在第二个网页与第一个网页相比增加了哪些修饰？

教师小结引出新课内容。

听讲，观察并回答问题。

通过学生观察了解本节课的学习内容，激发学生的学习兴趣

自

主

探

究

学

习

新

知

一、学习概念，明确目标

教师对照网页讲解共享边框以及导航栏的概念以及作用。

二、明确任务，学习知识

任务一：

根据p77页中“做一做”完成为“我的家乡”网站设置包含导航栏的共享边框的操作。

[教师适时的进行点拨、指导]

请1—2位同学使用多媒体对上面的操作进行演示。

任务二：

根据书中p79页“做一做”完成给网页添加背景。

任务三：

根据书中p80页“金钥匙”中的介绍，完成“试一试”为宁夏地区图去掉底色的操作。

任务四：

如果你对你的背景图片不满意，也可以进行“小博士”中的操作。

任务五：

你已经掌握了为网页添加背景的方法，请你为我的家乡网站中所有网页选一个适合的背景。

听讲。

完成任务，学习知识。

观看演示。

完成任务。

在任务驱动下，培养学生自主探究能力，以及小组内的协作学习能力。

通过同学的演示，使用一些操作不熟练的学生更好的掌握操作。

成果展示

请2—3位同学展示自己的作品，并让其他同学进行评价。

观看并进行评价。

通过对其他同学作品的观看、评价，以及听取其他同学的评价提高自身的审美观。

教学反馈

请同学回顾一下自己的学习，说一说今天你都掌握哪些操作技能，有哪些操作你掌握的还不是很好。

总结，反馈。

《美化网页》篇2

【教材使用】宁教厅审定 山东教育出版社出版 软件frontpage

【适用年级】8年级

【适用单元】网页制作第3大节

【教材分析】

教材中本节的内容分为三部分：一是使用导航栏和共享边框；二是添加网页背景与上节的背景音乐一块学习；三是添加网页水平线和滚动字幕。我将知识重新规划：先引导学生从已知入手，学习第二、三部分的知识，在学习第一部分知识时，由于学生对相关知识了解不多，是本节的难点，放在后面讲解。

本节是第二部分为网页添加背景图片和音乐。背景图片在上节插入图片的知识上过渡到背景图片，其中可以引导学生使用颜色、图片和主题三种不同方式改变网页的背景，可以扩展背景设置时的不同方法。有了背景图片还可以加入背景音乐，这都属于同一类的知识，可以放在一起让学生鉴别学习。

【学情分析】

学生在上节课已经学会了插入图片的方法，在学习文字处理软件时也学习到了相关知识，借助这个已知来学习本节课的内容应该比较容易些，因此本节课知识学生可以自主学习。

【教学目标】

1.知识目标

（1）掌握为网页中添加背景的不同方法。

（2）掌握为网页中添加背景音乐的方法。

2.技能目标

通过学生自主学习过程中，掌握为网页中添加背景音乐和不同背景的方法。

3.情感目标

通过为网页添加背景及音乐的学习，培养学生综合运用知识的能力和审美能力。

【教学重点与难点】

为网页中添加背景图片。

【课时安排】1课时

【教学方法】任务驱动法

【课前准备】软件frontpage 多媒体广播系统

【教学设计】

第一课时 为网页添加文字信息

教学过程

教师活动

学生活动

教学意图

一、导入部分

上节课我们学习了给网页中添加文字和图片来丰富网站的内容。但是在我们浏览网页时发现网页中含有背景图片和背景音乐等等。这节课我们就来学习美化网页的一些方法。

（板书课题：美化网页）

学生观察后回答：修饰后的网页含有背景音乐和图片。

直接说出学生在浏览网页时的发现，引出本节课题。

二、新课部分

1.添加背景：

2.使用主题：

3.添加背景音乐：

在学习文字处理软件word时，我们学习了使用背景颜色来调整“纸张”的颜色，同样在frontpage中也有此功能，可以给你的网页使用背景颜色。

（任务一：）大家结合课本的“做一做”，试着给你的网页变换背景颜色或使用图片作背景。

（板书：一、添加背景）

教师辅导……

（让学生上来广播展示……）网页中添加背景图片和颜色。

同时教师指导学生阅读课本“金钥匙”和“小博士”。

（任务二：）大家结合课本中的“金钥匙”，将插入的图片去除底色。

（教师小结并操作展示：）1.网页中可以使用图片做背景，但图片一定要与插图以及文字的颜色相协调，才能达到美观的效果，如果色差太大时会使用你的网页失去美感。

2.方法：第一种方法是“格式”──“背景”；第二种方法是在网页的空白处单击鼠标的右键快捷菜单──“网页属性”命令。

（教师引导：）大家在给网页添加不同背景时，有的同学可能想了，网站中的网页如果是上千张时，每张都使用背景太麻烦了，能不能将所有的网页都使用一个背景并后一步到位解决呢？这样是可以的，使用主题就可以解决。

（任务三：）大家使用“格式”──“主题”变换你的网页背景。

（板书：二、使用主题）

教师辅导……

（提醒学生：图片与主题做背景时，它们之间的切换必须先将主题背景去掉才能设置图片背景）

（教师引导：）在我们搜索网页时，有时将网页打开后还伴随着音乐，大家浏览网页时心情也比较舒畅。

（板书：三、背景音乐）

（任务四：）大家结合课本p72完成网页的背景音乐的设置。

教师进行辅导……

（教师小结：）1.背景音乐与背景图片都使用同一个对话框“网页属性”。

2.背景音乐的格式是有所选择的，同时播放音乐的次数是可以控制的。

学生结合课本实践……

学生展示……

学生实践……

学生实践……

学生实践……

从学生已有知识类比过渡到新知。

让学生先进行自学，尝试不同方法。

引导学生学习书本的知识。

引导学生学会欣赏美的网页，同时总结多种方法。

拓展学生知识视野

教会学生总结知识和方法，同时引导学生阅读课本p73“小博士”和“金钥匙”。

三、小结

通过这节课的学习，大家都学会了什么？

学生自己总结……

学生对自己所学知识进行汇总。

【教学反思】

调整知识：将第2节课的“背景音乐”和第3节中的“背景图片”调整在一起形成一节“网页背景”课。

本节课的知识是将两节课的内容归类总结形成一节关于“网页背景”的内容。学生通过这节课的内容学会比较和归纳知识方法以及总结归纳知识的能力，同时培养学生审美意识和知识综合运用能力。