第十三课 充实主页 课件+教案

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