浙教版信息技术八年级上第十三课充实主页教学设计
课题
充实主页
单元
第三单元
学科
信息技术
年级
八年级
学习
目标
知识目标：学会在网页中插入图片、设置单元格属性、加入滚动字幕等方法。
技能目标：对网页布局、图文混搭、颜色配搭进行合理调控。
情感目标：树立正确的版权保护意识；提高审美意识。
重点
图片的插入、单元格的设置、版权说明等方法的掌握。
难点
主页内容的丰富、图片色彩和谐搭配的设计。
教学过程
教学环节
教师活动
学生活动
设计意图
导入新课
上面两张是同一网站的图片，有什么不同？是不是一张没插入图片，一张插入了图片，显示效果是不是明显的不同？怎样给网站插入图片呢？那么，我们一起来学习吧！
思考
激发学生学习兴趣并快速进入学习状态
讲授新课
主页是网站的一个窗口，不仅要有精美有序的界面，还要能充分反映网站的内容和特色。
一、丰富主页内容
主页一般都是图文并茂的，恰当的图片点缀，更能为主页增光添彩。
1.在主页中插入图片
(1)选择需要插入图片的单元格，在菜单栏中选择“插入”→“图片”→“来自文件” (如图)。
(2)在弹出的“图片”对话框中(如图）
选择所需图片，完成图片的插入，效果如图所示。
2.设置单元格背景
单元格中输入文字之后，如需在文字背后添加图片作为背景，可以通过单元格属性进行设置。
(1)在需要设置背景图片的单元格内单击鼠标右键，选择快捷菜单中的“单元格属性”(如图)
(2)在“单元格属性”对话框中的“背景”栏，如图
选择合适的图片，即可为单元格设置背景，效果如图所示
温馨提示
网页中用到的图片、声音等素材都要保存到网站文件夹下的指定文件夹中
这样无论将网站“搬”到哪里，都能保证网页上的图片能正常显示，声音能正常播放
3.加入滚动字幕
在主页导航栏下方配上具有滚动效果的文字能够增添网页的动感。
(1)选中要插入字幕的目标单元格，在菜单栏中选择“插入”→“Web组件”动态效果”→“字幕”，弹出“字幕属性”对话框。
(2)在“文本”框内输入所需要的文字，如“神奇的网络，改变了人们生活的色彩，拉近了你和我的距离!”设置合适的“表现方式”等参数(如图)，即可完成字幕的插入。
(3)单击工具栏中的“预览”按钮，浏览所插入的动态字幕的效果。
亲身体验
SharePoint Designer的“插入”菜单还提供了许多其他功能，能制作更多的网页效果，试一试这些功能。
二、注明版权信息
主页的下方一般要注明作者和版权单位等信息(如图)
有的还有说明浏览网页最佳方式的文字等。
温馨提示
要树立作品的版权保护意识
网络世界”是一个个人网站，只需注明作者和联系方式
如在主页最下方的单元格中输入:“网站制作者:李雪Email:lixue＠sohu.com”，并设置合适的文字大小和格式(如图)
对主页加以适当的美化修饰，即可完成如图所示的“网络世界”主页制作
亲身体验
在网站主页正下方标注网站作者及联系方式等信息。
课堂练习
根据预先设计好的主页版式和内容构思，结合收集的建站素材，充实主页。
通过教师的讲解，以小组合作的方式，开展探讨交流，完成任务。
学生动手实践操作，学生小组间讨论，共同完成任务。
通过教师的讲解，以小组合作的方式，开展探讨交流，完成任务。
学生小组间讨论，共同完成任务，并分组汇报。
通过小组合作，加强学生组内团结、共同完成任务，
培养学生动手操作能力，并且锻炼学生的语言组织能力和表达的能力。
培养学生组间合作能力，并且炼动手能力
培养学生独立完成练习的能力。
课堂小结
分小组总结归纳，教师补充。
各组汇报总结，其他小组成员做补充。
锻炼学生的总结能力，逻辑思维、语言表达能力。
布置作业
找一个你喜欢的网站，分析一下网站作者为它设计了哪些版块
你访问的网站是：
它的版块设计:
板书
一、丰富主页内容
1.在主页中插入图片
2.设置单元格背景
3.加入滚动字幕
二、注明版权信息
课件22张PPT。信息技术浙教版 八年级上第十三课 充实主页新知导入 上面两张是同一网站的图片，有什么不同？是不是一张没插入图片，一张插入了图片，显示效果是不是明显的不同？怎样给网站插入图片呢？那么，我们一起来学习吧！新知讲解 新知讲解 一、丰富主页内容新知讲解 1.在主页中插入图片(1)选择需要插入图片的单元格，在菜单栏中选择“插入”→“图片”→“来自文件” (如图)。新知讲解 (2)在弹出的“图片”对话框中(如图）选择所需图片，完成图片的插入，效果如图所示。新知讲解单元格中输入文字之后，如需在文字背后添加图片作为背景，可以通过单元格属性进行设置。(1)在需要设置背景图片的单元格内单击鼠标右键，选择快捷菜单中的“单元格属性”(如图)2.设置单元格背景新知讲解选择合适的图片，即可为单元格设置背景，效果如图所示新知讲解温馨提示 网页中用到的图片、声音等素材都要保存到网站文件夹下的指定文件夹中新知讲解在主页导航栏下方配上具有滚动效果的文字能够增添网页的动感。(1)选中要插入字幕的目标单元格，在菜单栏中选择“插入”→“Web组件”动态效果”→“字幕”，弹出“字幕属性”对话框。3.加入滚动字幕(2)在“文本”框内输入所需要的文字，如“神奇的网络，改变了人们生活的色彩，拉近了你和我的距离!”设置合适的“表现方式”等参数(如图)，即可完成字幕的插入。(3)单击工具栏中的“预览”按钮，浏览所插入的动态字幕的效果。新知讲解 亲身体验新知导入二、注明版权信息 主页的下方一般要注明作者和版权单位等信息(如图)有的还有说明浏览网页最佳方式的文字等。新知讲解温馨提示新知讲解网络世界”是一个个人网站，只需注明作者和联系方式如在主页最下方的单元格中输入:“网站制作者:李雪Email:lixue＠sohu.com”，并设置合适的文字大小和格式(如图)新知讲解新知讲解 亲身体验课堂练习课堂小结总结本节课所学内容板书设计一、丰富主页内容
1.在主页中插入图片
2.设置单元格背景
3.加入滚动字幕
二、注明版权信息 根据预先设计好的主页版式和内容构思，结合收集的建站素材，充实主页。作业布置谢谢21世纪教育网（www.21cnjy.com) 中小学教育资源网站 有大把高质量资料？一线教师？一线教研员？
欢迎加入21世纪教育网教师合作团队！！月薪过万不是梦！！
详情请看：
https://www.21cnjy.com/help/help_extract.php
