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

第十三课 充实主页 教学设计 1教学目标 1、 通过充实主页的内容，掌握插入图片、设置单元格属性、加入滚动字幕等方法 2、 通过主页上版本信息的注明，树立正确的版权保护意识 3、 通过对主页的适当调整与美化，进一步提高对页面布局、图文混搭，颜色搭配进行合理的调 控能力 2重点难点 重点：图片插入、单元格属性设置、版权说明等 难点：首页内容丰富、图片色彩搭配和谐 3教学过程 导入 师：上一节课我们运用表格为网页布局，使得网页有了合理排版看起来更加的整 洁和利于浏览。但是这样的网页完善了吗？ 生：没有 师：缺少了些什么呢？ 生：单调，不美观，缺少图片 师：同学们说了很多建议，使得主页看起来会更加的美观，下面请同学们欣赏几 张完善的主页，感受一下， （展示几张范例）今天我们的任务就是来充实主页 二、新授 （一）丰富主页内容 师：我们首先就来添加同学们刚才提到的图片，请同学们参考 P50，在素材包里 挑选一张图片插入到主页合适的位子中。 生： （自主探究）在主页中插入图片 生：演示 师：如果图片大小不符合要求，怎么办？演示 师：请同学们思考，插入好了图片后如何保存？ 生：演示 师：网页中用到的图片等素材都要保存到网站文件夹下的指定文件夹中，这样无 论将网站搬到哪里，都能保证网页上的图片能正常显示。 （二）设置单元格背景 师：插入了图片的网页看起来要好看很多，但是文字部分就显得很单调，有什么 办法改进吗？ 回顾方式引入，展现 两种不同的主页，引入课题--充实主页。 通过自主探究完成 图片的插入，并通过演示发现问题，同学们思考如何解决问 题的过程中学习保存。 生：背景 师：请同学们参考书本 P50-51，试一试添加单元格背景 生： （自我探究）单元格背景的添加 生：演示 师：广播一些同学的作品 师：请同学们思考下：给网页添加背景时需要注意什么？什么图片都能作为网页 背景吗？ 生：再次给主页添加合适的单元格背景 （三）加入滚动字幕 师：同学们看一看在老师展示的网页上还有些什么呢？ 生：字幕，滚动字幕 师：请同学们参考书本 P51，试一试添加滚动字幕 生：（自我探究）滚动字幕的添加 生：演示 师：请同学们思考下，字幕的文字颜色和字幕的背景可以设置吗？怎么设置呢？ 生：自我探究 生：上台演示 师：添加了滚动字幕的主页看起来更生动 （四）注明版权信息 师：现在这张主页已经完成的差不多了，老师说这张主页是我一个人完成的，同学们同意吗？ 生：不同意 师：怎样让浏览网页的人知道网页的制作者是谁呢？ 生：在主页上标明作者和版权信息 师：请同学们在主页最下方的单元格中输入你们的名字和联系方式。这样既可以 让浏览者认识你们，也表明了网站的版权归建站者所有。 生：请一位同学来演示 师：总结 师：通过以上四个步骤，今天我们充实了自己的主页，下面我们来欣赏下同学们 的作品吧 师：展示学生作品 三、课堂总结 通过自主探究完成 单元格背景和滚动字幕的添加，展示学 生作品引导学生思 考两个问题，让学生自己发现问题，解决问题 通过展示学生作品 来点评今天的学习情况，好的作品要内容丰富，色彩搭配和 谐。 课件9张PPT。建立网站步骤1、制定建站计划、收集素材 2、建立站点文件夹 3、用表格布局页面 4、充实主页 5、建立分页面 6、建立超级链接第三单元 网站制作十三课 充实主页一、丰富主页内容1、在主页中添加图片 图片类型：标题图片、导航栏图片、单元格背景 方法1：插入———图片———来自文件 方法2：单元格属性设置、网页属性设置 任务一：1、给主页添加标题、导航栏图片 2、设置单元格背景、网页背景一、丰富主页内容2、添加文字内容 文字类型1：静态文字 文字类型2：滚动文字 滚动文字设置： 选择“插入”选项卡———�web组件”———� ... ...