第十三课充实主页教学设计

第十三课充实主页
【教学目标】
1、通过充实主页内容，掌握插入图片、设置单元格属性、加入滚动字幕等方法；
2、通过主页上版本信息的注明，树立正确的版权保护意识；
3、通过对主页的适当调整与美化，进一步提高对页面布局、图文混搭、颜色搭配进行合理调控的能力。

【教学重点】
图片插入、单元格属性设置。

【教学难点】
网页中的各元素搭配合理。

【环境与素材】
1、极域电子教室；
2、视频、示范网站和用来制作网页的素材。

【教学设计】
课前：观看《万雾生》唱谈东北雾霾.wmv视频
引入：
同学们，你看了这个视频有什么想法？恶劣的环境，让我们的生命安全受到了严重的威胁，保护环境成了刻不容缓的事情。

今天，我们做一个网站，来宣传保护环境的重要性，让更多的人关注这个问题！
网站的基本框架已经搭建好了，让我们一起来看看。

启动软件，打开未完成的网站。

我们再来看看今天要完成的作品范例，来进行比较一下，这个主页增加了什么元素？
图片，滚动字幕，版权信息
一、用图片丰富主页内容
我们先来尝试用图片来美化主页。

大家还记得在WORD中如何插入图片吗？其实在这个软件中的制作方法是一样的，都是在“插入”菜单中，选择“图片”，来自文件。

请同学们参考书本P50页，完成任务一：
1）在第1行插入“banner2.jpg”图片吗？
2）在第4行的单元格中，添加背景图片“beijing1.jpg”
3）保存网页，进行预览
温馨提示：
1）素材（图片、声音等）要分类存放在站点文件夹内
2）素材的文件名、位置不能随意更改。

接下来，我们请一个同学上来演示一下，看看他是怎么做的？
原来这两张图片是这样设置的。

接下来，我们继续完成任务一。

提高题：
1、图片既然能作为单元格的背景，那它能不能作为表格的背景呢？★★
2、图片既然能作为单元格的背景，那它能不能作为网页的背景呢？★★★
接下来，请完成两颗星的同学来演示一下，提高题的第1题。

接下来，请完成三颗星的同学来演示一下，提高题的第2题。

当我们用图片充实主页以后，这张主页就变得漂亮多了。

接下来，我们来看看这个同学的主页，说说它在主页当中增加了另外一个元素？
大家想不想也来试试看？
二、制作滚动字幕
★任务二：参考书本第51页，在第三行添加“滚动字幕”(自己想一句宣传语) 提高题：
1、你能添加滚动字幕的背景色吗？★★
2、你能网页的合适位置插入“计数器”吗？★★★
我们8班的同学非常不错，把主页上的交互式按钮都做好了。

三、注明版权信息
当我们辛辛苦苦地把网页作好了，如果被别人窃取了，我们心里会怎么样？
这就好比我们写好文章以后，要写上署名一样。

网站也是有知识产权的，我们要在这上面
注明版权信息，维护自己的合法权利。

在最后一行，注明版权信息
（网站制作者：班级+姓名，E-mail:QQ号码@）
四、整体美化作品
1、你能设置单元格的“背景颜色”吗？（第2，3，5行）★
2、你能调整单元格的文字效果吗？★★
3、你能让整个网页更加美观吗？★★★
五、保存作品，上交作业
六、点评作业
板书设计：
第十三课充实主页。