【#文档大全网# 导语】以下是®文档大全网的小编为您整理的《第三节制作网站首页》,欢迎阅读!
第三节 制作网站首页
一、教学目标
1.使学生掌握制作图片缩略图的方法。 2.使学生掌握制作图片项目符号的方法。 二、教学重点
制作缩略图的方法。 三、教学难点
制作缩略图的方法。 四、教学方法 1.演示法。 2.实践法。
五、教学手段与教学媒体 多媒体网络教室。 六、课时安排 0.5~1课时。
七、教学过程(见下表)
预期效果与备注
学生对缩略图有感性认识,并了解本课学习任务。
学生了解为什么要使用缩略图。
学生了解在网页中插入图片并制作缩略图的基本方法。
使学生了解浏览缩略图网页的操作方法。
续表
教学内容、步骤与方法 学生活动内容与方式 一、导入课题 教师展示添加了缩略图的学生观看教师演示。 网页(见图28-1),并演示怎样 看到完整的图片。 二、新课 1.制作缩略图 教师介绍:为了加快访问 者的下载速度,我们可以使 用缩略图。缩略图是一个用 来替代图片文件的较小图 片,FrontPage 2000可以在图 片和它的缩略图之间建立一 个超链接,访问者通常会浏学生听教师介绍。 览缩略图,单击缩略图就可 以浏览到完整的图片。 例1 在jieshao.htm网页 中插入图片并制作缩略图。 教师讲解并演示操作步 骤: (1)打开jieshao.htm网页; (2)在网页中插入图片; (3)单击选取插入的图片; (4)单击图片工具栏的“自 动缩略图”图标,即可建立学生观察教师操作。 图片的缩略图; (5)单击工具栏的保存按 钮,将图片文件以完整图和 缩略图两种形式保存到磁盘 上; (6)单击“启动”按钮(即可 完成缩略图的制作)。 教师介绍:单击工具栏的学生听教师介绍。 预览按钮,即可浏览网页。单击网页中的缩略图超链接,即可浏览完整图。 教师布置任务:在自己的网页中建立缩略图。 2.制作图片项目符号 教师介绍:为了使网页更
学生上机实践。
1
使学生掌握制作网页缩略图的操作。
加美观,我们可以制作图片 形式的项目符号。 例2在jieshao.htm网页中 制作图片项目符号。 教师讲解和演示操作步学生观察教师操作。 骤: (1)选取jieshao.htm网页中 的文字内容作为字块; (2)单击菜单栏中的“格式” 选项,打开它的下拉菜单; (3)单击下拉菜单中的“项 目符号和编号”命令,打开 相应的对话框; (4)单击对话框中的浏览按 钮,打开“选择图片”对话 框; (5)在剪贴画库选取图片, 单击“确定”按钮。 教师布置任务:在自己的学生上机实践。 网页中制作图片项目符号。 三、课堂练习 使用缩略图和图片项目符学生上机实践,完成课堂练号美化自己的网页。 习。 四、课堂小结 师生共同小结本课所学知学生参加课堂小结。 识,强调缩略图的作用和使用方法。
五、布置作业
美化自己制作的网页。
学生了解在网页中制作图片项目符号的方法。
学生掌握制作网页项目符号的操作。
学生可以完成课堂练习,进一步掌握知识。
复习巩固所学知识。
注意培养学生的想像能力和审美能力。
2
本文来源:https://www.wddqxz.cn/5c2c10e014fc700abb68a98271fe910ef12daea8.html