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

《第十三课充实主页教学设计》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、第十三课充实主页【教学目标】1、通过充实主页内容，掌握插入图片、设置单元格属性、加入滚动字幕等方法；2、通过主页上版本信息的注明，树立正确的版权保护意识；3、通过对主页的适当调整与美化，进一步提高对页面布局、图文混搭、颜色搭配进行合理调控的能力。【教学重点】图片插入、单元格属性设置。【教学难点】网页中的各元素搭配合理。【环境与素材】1、极域电子教室；2、视频、示范网站和用来制作网页的素材。【教学设计】课前：观看《万雾生》唱谈东北雾霾.wmv视频引入：同学们，你看了这个视频有什么想法？恶劣的环境，让我们的生命安全受到了严重的威胁，保护环境成了刻不容缓的事情。今天，我们做

2、一个网站，来宣传保护环境的重要性，让更多的人关注这个问题！网站的基本框架已经搭建好了，让我们一起来看看。启动软件，打开未完成的网站。我们再来看看今天要完成的作品范例，来进行比较一下，这个主页增加了什么元素？图片，滚动字幕，版权信息一、用图片丰富主页内容我们先来尝试用图片来美化主页。大家还记得在WORD中如何插入图片吗？其实在这个软件中的制作方法是一样的，都是在“插入”菜单中，选择“图片”，来自文件。请同学们参考书本P50页，完成任务一：★任务一：1）在第1行插入“banner2.jpg”图片吗？2）在第4行的单元格中，添加背景图片“beijing1.jpg”3）保存网

3、页，进行预览温馨提示：1）素材（图片、声音等）要分类存放在站点文件夹内2）素材的文件名、位置不能随意更改。接下来，我们请一个同学上来演示一下，看看他是怎么做的？原来这两张图片是这样设置的。接下来，我们继续完成任务一。提高题：1、图片既然能作为单元格的背景，那它能不能作为表格的背景呢？★★2、图片既然能作为单元格的背景，那它能不能作为网页的背景呢？★★★接下来，请完成两颗星的同学来演示一下，提高题的第1题。接下来，请完成三颗星的同学来演示一下，提高题的第2题。当我们用图片充实主页以后，这张主页就变得漂亮多了。接下来，我们来看看这个同学的主页，说说它在主页当中增加了另外一

4、个元素？大家想不想也来试试看？二、制作滚动字幕★任务二：参考书本第51页，在第三行添加“滚动字幕”(自己想一句宣传语)提高题：1、你能添加滚动字幕的背景色吗？★★2、你能网页的合适位置插入“计数器”吗？★★★我们8班的同学非常不错，把主页上的交互式按钮都做好了。三、注明版权信息当我们辛辛苦苦地把网页作好了，如果被别人窃取了，我们心里会怎么样？这就好比我们写好文章以后，要写上署名一样。网站也是有知识产权的，我们要在这上面注明版权信息，维护自己的合法权利。★任务三：在最后一行，注明版权信息（网站制作者：班级+姓名，E-mail:QQ号码@qq.com）四、整体美化作品1、

5、你能设置单元格的“背景颜色”吗？（第2，3，5行）★2、你能调整单元格的文字效果吗？★★3、你能让整个网页更加美观吗？★★★五、保存作品，上交作业六、点评作业板书设计：第十三课充实主页