对了，我们选中图片后会出现“图片工具栏”。我们以下对图片的处理就是利用“图片工具栏”来实现。 [演示] 我们选中图片，然后单击工具栏上的“绝对定位”按钮。现在我们会发现，图片已不在一行文字之间，它可以让我们随意移动了。 同样，我们还可以利用“图片工具栏”对图片进行图层处理，实现图片的叠放。 现在我们插入两个图片，选中第一个图片，然后选择“图片工具栏”上的“上移一层”按钮。这样我们就可以实现两图片的叠放了。 [讲解] 我们插入图片后还希望它更美观，同样，我们的“图片工具栏”也提供了这样的效果。我们可以把图片上的任意颜色设置为透明色 F、图片的透明处理 [演示]选中图片，单击“图片工具栏”上的“设置透明的颜色”按钮。 我们看到指针变成了小魔棒形状，单击我们需要把它变成透明的白色，就产生了透明效果。 4、保存网页 保存时对嵌入式图片应Images文件夹中，已防止文件夹中的文件凌乱。
四、学生上机操作，完成任务。 巩固练习 利用今天学习的知识制作班级网站的真正主页，取名为“index”开始做那张主页改 名为 “index1”。
课堂小结 本节主要讲了如何向网页中插入图片以及对图片属性的调整。 布置作业 无作业
板书设计: 第5课、网页中加入图片 一、插入图片
A、 改变大小 B、 设置对齐方式 C、 给图像加边框 D、 更换图片
二、改变图片属性
三、图片处理
A、裁剪图片
B、调整对比度、亮度
C、删除图片
D、在图片上写字
E、图片的定位和图层的形成
F、透明效果处理
网页中插入图片由www.yf1234.com收集及整理,转载请说明出处www.yf1234.com
网页中插入图片