网页设计教程 第4章为网页添加图像

中文Dreamweaver 8网页设计培训教程网页设计教程

《中文Dreamweaver 8网页设计培训教程》

第4课 为网页添加图像 课堂讲解 上机实战

首页 末页 向上 向下 返回 结束

中文Dreamweaver 8网页设计培训教程网页设计教程

《中文Dreamweaver 8网页设计培训教程》

课堂讲解 网页图像的格式及来源 插入图像

设置图像属性 图像高级设置首页 末页 向上 向下 返回 结束

中文Dreamweaver 8网页设计培训教程网页设计教程

《中文Dreamweaver 8网页设计培训教程》

网页图像的格式及来源 GIF格式 JPEG格式 PNG格式 网页图像来源

首页 末页 向上 向下 返回 结束

中文Dreamweaver 8网页设计培训教程网页设计教程

《中文Dreamweaver 8网页设计培训教程》

GIF格式GIF全称为“Graphics Interchange Format”, 意为可交换图像格式，它是第一个支持网页的 图像格式，在PC机和苹果机上都能被正确识 别。它最多支持256种颜色，可以使图像变得 容量相当小。GIF图像可以在网页中以透明方 式显示，还可以包含动态信息，即GIF动画。

首页 末页 向上 向下 返回 结束

中文Dreamweaver 8网页设计培训教程网页设计教程

《中文Dreamweaver 8网页设计培训教程》

JPEG格式JPEG全称为“Joint Photographic Experts Group”,意为联合图像专家组，它可以高效 地压缩图片，丢失人眼不易察觉的部分图像， 使文件容量在变小的同时基本不失真，通常 用来显示颜色丰富的精美图像。

首页 末页 向上 向下 返回 结束

中文Dreamweaver 8网页设计培训教程网页设计教程

《中文Dreamweaver 8网页设计培训教程》

PNG格式PNG全称为“Portable Network Graphics”,意为便携网络图像，它 是逐渐流行的网络图像格式。PNG 格式既融合了GIF能透明显示的特 点，又具有JPEG处理精美图像的 优势，且可以包含图层等信息，常 常用于制作网页效果图。首页 末页 向上 向下 返回 结束

中文Dreamweaver 8网页设计培训教程网页设计教程

《中文Dreamweaver 8网页设计培训教程》

网页图像来源网页图像的素材有很多来源，如可 以使用图形处理软件(如Photoshop、 Fireworks和FreeHand等软件)制作；可 以购买网页素材光盘；可以从网络上下 载等。

首页 末页 向上 向下 返回 结束

中文Dreamweaver 8网页设计培训教程网页设计教程

《中文Dreamweaver 8网页设计培训教程》

插入图像 直接插入 占位符插入 图像的放大显示

首页 末页 向上 向下 返回 结束

中文Dreamweaver 8网页设计培训教程网页设计教程

《中文Dreamweaver 8网页设计培训教程》

直接插入 选择[插入] [图像]菜单命令。 单击插入栏的“常用”选项卡中的按钮。 按【Ctrl+Alt+I】键。

首页 末页 向上 向下 返回 结束

中文Dreamweaver 8网页设计培训教程网页设计教程

《中文Dreamweaver 8网页设计培训教程》

占位符插入制作网页时还未选定需插入的图像， 但确定了图像大小的时候，可以使用占位符 来代替图像的方式插入到文档中。 将图像确定后双击占位符，在打开的对 话框中设置后插入即可。

首页 末页 向上 向下 返回 结束

中文Dreamweaver 8网页设计培训教程网页设计教程

《中文Dreamweaver 8网页设计培训教程》

图像的放大显示Dreamweaver 8新增的放大镜功能可以 让用户更方便地进行对齐图像、选择

较小的 对象以及查看较小的文本、动画或网页元素 等操作。

首页 末页 向上 向下 返回 结束

中文Dreamweaver 8网页设计培训教程网页设计教程

《中文Dreamweaver 8网页设计培训教程》

设置图像属性在网页中插入图像后可通过属性面板对其属性 进行修改等设置。

图像命名 图像大小 编辑图片 源文件设置首页 末页 向上 向下 返回 结束

文本说明 图像与文本的对齐 图像边距 图像边框

中文Dreamweaver 8网页设计培训教程网页设计教程

《中文Dreamweaver 8网页设计培训教程》

图像命名为了在使用Dreamweaver行为 (如交换图像)或脚本撰写语言 (如JavaScript或VBScript)时可以 引用该图像，可在属性面板的“图 像”文本框中为图像命名。

首页 末页 向上 向下 返回 结束

中文Dreamweaver 8网页设计培训教程网页设计教程

《中文Dreamweaver 8网页设计培训教程》

图像大小在Dreamweaver 8中插入图像后系统 会自动将图像的原始大小显示在“宽” 和“高”文本框(以像素为单位)中。

首页 末页 向上 向下 返回 结束

中文Dreamweaver 8网页设计培训教程网页设计教程

《中文Dreamweaver 8网页设计培训教程》

编辑图片在网页中选择图像之后，单击属性面板中的 按钮，打开图像处理软件，对图像进行处理。如果安 装了Fireworks,那么Fireworks将被默认为图像处理软 件。如果没有安装，用户也可自己设置使用其他软件

中处理图像。

首页 末页 向上 向下 返回 结束

中文Dreamweaver 8网页设计培训教程网页设计教程

《中文Dreamweaver 8网页设计培训教程》

源文件设置在属性面板的“源文件”文本框中 显示了图像的保存路径，如果要重新插 入一幅新图像，可以在选取图像后的属 性面板中的“源文件”文本框中重新输 入要插入图像的地址，或单击右侧后的 按钮，在打开的“选择图像源文件”对 话框中重新选择需要的图像。

首页 末页 向上 向下 返回 结束