DW_04在网页中插入图像汇编.ppt

三、裁剪图像的显示区域 方法：选中图像，单击“裁剪”按钮，拖动裁剪控点，按回车结束。 注意：裁剪会改变文件的大小,被裁剪区域将删除。 * * 裁剪我想要的… 四、调整图像的亮度和对比度 方法：选中图像，单击“亮度和对比度”按钮。 在亮度对比度对话框中设置亮度和对比度。 * 盗版软件无法使用该按钮 五、锐化图像 方法：选中图像，单击“锐化”按钮。 在锐化对话框中设置。 * 盗版软件无法使用。 第五节 使用外部图像编辑器 一、设置外部图像编辑器 ◇设置不同类型图像文件编辑器：选择“编辑／首选参数／文件类型/编辑器”…… 通过外部图像编辑器对图像文件进行修改。 前提：安装相应的图像编辑软件（如PS、FW等）。 * * 在左边选择文件类型，右边单击左上方的加号添加图像编辑器 二、使用外部图像编辑器 ◇启用图像编辑器：选取图像→单击属性面板中的“编辑”按钮即可启动相应编辑器，并打开图像文件，进行修改。 * 第六节 图文混排 一、图文对齐 1．设置图像与文字的关系 在属性面板的对齐列表框中选择合适的对齐方式。 设置图像相对于同一段落或行中其他元素的对齐方式，即图像与文字在垂直方向上的对齐方式。 （特别注意） 。 * 例：在一个表格，添加适当的文本，再输入一幅图像，设置对齐的各种方式。 2、对齐图像 可以使用对齐按钮（左对齐、右对齐、居中对齐）设置图像的水平对齐方式。 方法：单击图像前或后，不要选中图像，再在属性面板中设置左中右对齐。 * 二、设置图文间距 用于设置上下、左右与文本之间的间距。 方法：选中图像，在垂直边距和水平边距中设置间距的像素值。 * 另外，图像描边 选中欲描边的图像→在“边框”中填像素值，即相框。 * 实践操作： 1、插入一个700像素宽，无边框的二行一列表格。 2、第一行中输入“中华人民共和国教师法”，并设置相应的格式。 3、插入若干素材的图片，设置图片的相关属性。 * 第4章在网页中插入图像 * 教育学院 * 网站建设 第4章在网页中插入图像 * 教育学院 网站建设 第4章在网页中插入图像 * 教育学院 网站建设 第4章在网页中插入图像 * 教育学院 网站建设 第4章在网页中插入图像 * 教育学院 网站建设 第4章在网页中插入图像 * 教育学院 网站建设 第4章在网页中插入图像 * 教育学院 网站建设 第4章在网页中插入图像 * 教育学院 网站建设 第4章在网页中插入图像 * 教育学院 网站建设 第4章在网页中插入图像 * 教育学院 网站建设 第4章在网页中插入图像 * 教育学院 主讲：韩维良 * 第4章 在网页中插入图像 第一节 认识网页图像 图像在网页中具有提供信息、展示作品、装饰网页、表达个人情调和风格的作用。 用户可以在网页中使用GIF、JPEG(JPG）、PNG三种图象格式，其中使用最广泛的是GIF和JPEG两种格式。 Gif文件：无损压缩，可以使用透明背景,可以叠加多张Gif图使用Gif动画，但色彩数少，可用于Logo等于色彩不太丰富的图片。 JPEG(JPG）：有损压缩，压缩时忽略某些细节，色彩丰富，照片级的格式。 * PNG：网络专用图像格式，兼有Gif、JPEG(JPG）格式的双重优点，属于无损压缩，但色彩丰富。 * 第二节 在网页中插入图像和图像对象 一、插入图像 方法：单击欲插入图像处，在“插入”栏的“常用”类别中，单击“图像”图标或选择“插入／图像”→选择一个图形文件。或者从站点文件夹中拖动一个图像文件到网页中欲插入处。 特别说明：与添加文本不同，插入的图像不能从别的文档中复制；必须特别说明的是，插入到网页中的图像只能以文件的形式独立存在于站点文件夹中。 * * 插入一幅图像后显示下列对话框： 替换文本：用于指定图像显示之前或图像无法显示时显示的文本。当浏览网页时，鼠标指向图片上时将作为图片提示信息显示文本框中的文本。 * 关于图像说明文件的链接，目前浏览器都还不支持该属性。 尽量将网站中的所有图像文件统一复制到站点的images文件夹中，如果图像文件不在站点目录中，DW会提示保存到站点目录中。 注意图像一般较大，不可过多地插入，一般情况下，将网页文件控制在40K左右，通过状态栏知道。 通常做法：先在图像处理软件中降低分辨率，改变文件大小，尤其是对数码相机拍摄的照片。 * 二、插入鼠标经过图像（翻转图像） 鼠标经过图像是一种在浏览器中查看并使用鼠标指针移过它时发生变化的图像，单击则转向指定的超级链接。用Java语言控制。 需要两张图片：一张是一般状态下的图片，另一张是鼠标经过时显示的图片。 方法：将插入点置于要建立鼠标经过图像的位置，单击“插入”面板“常规”的“图像”中的“鼠标经过图像”按钮。或者“插入—图像对象—鼠标经过图像