《活动2制作网页第3课时.doc》由会员分享，可在线阅读，更多相关《活动2制作网页第3课时.doc（3页珍藏版）》请在金锄头文库上搜索。
1、插入网页元素备课教师： 田文英 共 3 课时第 3 课时教具使用: 多媒体网络教室、FrontPage2003软件。教学目标知识1、学会将图片、文本等资料插入网页中。 2、了解网站的制作流程。能力1、掌握将图片、文本资料插入网页的方法。 2、形成良好的文件夹命名习惯。 情感提高对网页的审美鉴赏能力。重点掌握将图片、文本资料插入网页的方法。 难点掌握对文本格式的调整、图片的设置等技巧。 教学过程教学批注导入我们已经用表格设计好了版面，今天这节课将实现网页元素的插入。明确学习任务。学会在网页中输入文本信息。了解图片的格式。1学会调节图片大小。 2学会转换图片格式。学会在网页中插入图片。实现个人网页
2、的内容。学会网页的预览、检查。学会评价他人的作品。系统梳理知识。新授教学阶段 教师活动 学生活动 新课引入 请大家在FrontPage2003中打开自己的站点文件夹中的index.htm。 1了解任务。 2用 FrontPage2003打开站点文件夹中的index.htm。 插入并修饰文本 1演示插入并修饰文本的操作步骤： （1）在布局表格的相应单元格中输入文字或粘贴文本。 （2）为文本设置合适的字体、字号、颜色及段落对齐方式、行距等，使文本清晰美观、疏密有度。 2让学生将文本插入自己的个人网页并做修饰。 按照教师演示的操作步骤及要求将文本输入网页中。 图片格式讲解 讲解图片格式： （1）图片
3、格式是计算机存储图片的格式，常见的存储的格式有BMP、TIF、TGA、RAS、EPS、PCX 以及WMF等。 （2）BMP格式： BMP 不支持压缩，文件非常大，不受Web 浏览器支持。 （3）JPEG文件后辍名为jpg或jpeg，是最常用的图像文件格式， JPEG格式的应用非常广泛，目前各类浏览器均支持JPEG这种图像格式，因为JPEG格式的文件尺寸较小，下载速度快。 （4）GIF图像文件的数据是经过压缩的。在一个GIF文件中可以存多幅彩色图像，如果把存于一个文件中的多幅图像数据逐幅读出并显示到屏幕上，就可构成一种最简单的动画。 1参考课本第20页学习网页中图片的大小与格式。 2了解BMP、
4、JPG、GIF格式之间的区别。 利用 Photoshop软件修改图片格式 1演示利用 Photoshop软件修改图片格式的步骤： （1）在Photoshop 中打开图片文件，如文件“hai.jpg”，选择“图像”菜单中的“图像大小”命令。 （2）在“图像大小”对话框中，修改“像素大小”栏下的“宽度”值，单击“确定”按钮。 2让学生利用软件修改自己的图片素材的格式。 1根据教师提供的图片素材，将BMP格式转换为JPG格式，查看它的大小变化。 2修改自己的图片素材的格式。 插入图片 1演示插入图片的步骤： （1）把光标定位到要插入图片的单元格内。 （2）单击“ ”工具图标，或单击“插入“菜单，选择
5、”图片“菜单项，在子菜单中单击”来自文件“选项，在出现一个”图片“对话框的同时，弹出一个“选择文件”对话框。（3）在“选择文件”对话框的“搜寻”栏内选定图片的存放位置，然后从文件列表中双击某个图片文件（或选定图片文件），单击“确定”按钮，则图片插入到网页中。 2让学生完成图片素材的插入。 按照操作步骤，在网页中插入图片。 自主探究相互协作 完善页面 让学生根据所学知识，完善自己的网页。 通过输入文本、插入图片、插入水平线等方法来充实网页。 预览网页 介绍两种预览网页的方式： （1）一种是单击FrontPage 2003主编辑窗口下面的“预览”标签，就打开一个FrontPage编辑器自带的浏览器
6、，看完之后，单击“普通”标签，又切换到编辑状态。 （2）另一种是单击“常规”工具栏的“”图标按钮（或直接按Ctrl+Shift+B键，或单击“文件”菜单并选择“在浏览器中预览”菜单项），将启动浏览器并打开该网页。 了解不同的预览方式。 2了解预览方式的区别。 优秀站点展示 请各个小组推选小组优秀站点进行展示。 推选站点进行展示，其他同学用第25页的评价表进行评价。 回顾总结 总结网站制作的流程。 一起回顾。 板书设计插入网页元素 一、插入并修饰文本 （1）在布局表格的相应单元格中输入文字或粘贴文本。 （2）为文本设置合适的字体、字号、颜色及段落对齐方式、行距等，使文本清晰美观、疏密有度。 2让
7、学生将文本插入自己的个人网页并做修饰。 二、讲解图片格式 （1）图片格式是计算机存储图片的格式，常见的存储的格式有BMP、TIF、TGA、RAS、EPS、PCX 以及WMF等。 （2）BMP格式： BMP 不支持压缩，文件非常大，不受Web 浏览器支持。 （3）JPEG文件后辍名为jpg或jpeg，是最常用的图像文件格式， JPEG格式的应用非常广泛，目前各类浏览器均支持JPEG这种图像格式，因为JPEG格式的文件尺寸较小，下载速度快。 （4）GIF图像文件的数据是经过压缩的。在一个GIF文件中可以存多幅彩色图像，如果把存于一个文件中的多幅图像数据逐幅读出并显示到屏幕上，就可构成一种最简单的动
8、画。 三、利用 Photoshop软件修改图片格式 （1）在Photoshop 中打开图片文件，如文件“hai.jpg”，选择“图像”菜单中的“图像大小”命令。 （2）在“图像大小”对话框中，修改“像素大小”栏下的“宽度”值，单击“确定”按钮。四、插入图片 （ 1）把光标定位到要插入图片的单元格内。 （2）单击“ ”工具图标，或单击“插入“菜单，选择”图片“菜单项，在子菜单中单击”来自文件“选项，在出现一个”图片“对话框的同时，弹出一个“选择文件”对话框。（3）在“选择文件”对话框的“搜寻”栏内选定图片的存放位置，然后从文件列表中双击某个图片文件（或选定图片文件），单击“确定”按钮，则图片插入到网页中。五、预览网页的方式（1）一种是单击FrontPage 2003主编辑窗口下面的“预览”标签，就打开一个FrontPage编辑器自带的浏览器，看完之后，单击“普通”标签，又切换到编辑状态。 （2）另一种是单击“常规”工具栏的“”图标按钮（或直接按Ctrl+Shift+B键，或单击“文件”菜单并选择“在浏览器中预览”菜单项），将启动浏览器并打开该网页。作业布置推选站点进行展示，同学们用第25页的评价表进行评价。课后反思
