课题十六网页中插入图片.pptVIP

Page ? * Page ? * Page ? * 课题十六：网页中图像的处理 一、教学目的 1、知道在网页页面插入文本、表格基本操作知，并具备相应能力。 2、掌握网页中插入图像的方法。 二、课时：2节（第九周31、32节） 三、教学重点、难点 （1）教学重点：在网页中插入图片的基本操作方法。 （2）教学难点：制作网站子页（公司概况）。 四、课程类型：理论课 五、教学方法：讲授、演示 六、教学过程 新课导入： 网页中包括文本、图片、链接等要素，在网页中添加适当的图片并对其进行处理，能使网页看起来更加美观、生动。本项目将详细介绍在网页中添加图像以及如何对它进行编辑处理的方法。 新课讲授： 任务一：在页面中插入图像 活动任务： 在“同源国际贸易有限公司”子页（公司概况）面中直接插入图像文件；通过插入占位符来添加图像。 活动指导： 网页中图片的添加不宜过多过杂，图片的选择一定要符合网页的主题，在素材中应选取最具代表性，比较清晰的图片来美化网页。在网页中的图像还可以添加鼠标经过效果，这样可使网页看起来更加生动、美观，要特别注意的是尽量使用两张大小基本一致的图片来创建。 项目5 使用美化网页文本　　 体验活动一：在页面中添加图像 活动步骤（二种方法） 在Dreamweaver中打开网页，将光标定位在需要插入图片的位置。 在“插入”菜单下点选“图像”命令，或者单击“常用”工具栏中的“图像”按钮。 项目5 使用美化网页文本　　 体验活动一：在页面中添加图像 活动步骤： 在对话框的查找范围中选择图片所在的文件夹，点选需要插入的图片。 如果所选择的图片不在当前网页的网站文件夹中，那么会弹出对话框，此时单击“是”按钮。 项目5 使用美化网页文本　　 体验活动一：在页面中添加图像 活动步骤： 点击“images”文件夹，单击“保存”按钮，图像文件一般保存在“images”文件夹中。 当浏览网页时图片无法显示，或者当鼠标指向图片时就会显示 “替换文本”中所输入的内容。 项目5 使用美化网页文本　　 体验活动一：在页面中添加图像 活动步骤： 图片添加图像后的效果。 在网页下边需要插入图像的位置定位光标。 项目5 使用美化网页文本　　 综合操作例题：在“同源国际贸易有限公司”子页（公司概况）插入图像 活动步骤： 1、利用表格布局网页页面（如下图）。 项目5 使用美化网页文本　　 2、布局页面后，编辑页面内容。（如下图） Page ? * Page ? * Page ? *