《Dreamweaver 8中文版网页制作 机房上课版 教学课件 PPT 作者 王正成 第6讲图像处理》由会员分享，可在线阅读，更多相关《Dreamweaver 8中文版网页制作 机房上课版 教学课件 PPT 作者 王正成 第6讲图像处理（17页珍藏版）》请在金锄头文库上搜索。
1、第六讲 图像处理 1、图像的插入 2、设置图像格式 3、插入图像对象.,1、图像的插入,1常用的图像格式 2图像插入 3图像的上传保存,1.1. 常用的图像格式,在网页中经常使用的图像是JPG和GIF图，还有少量的PNG图。 JPG格式：全称是JPEG，即联合图像专家组格式，是用于摄影或连续色调图像的高级格式，这是因为JPG图可以包含几百万种颜色。随着JPG文件品质的提高，文件的大小也将随之增加。通常通过压缩JPG文件在图像的品质和文件大小之间达到良好的平衡。 GIG格式：即图形交换模式。此类格式形成一种压缩的8位图像文件。正因为它是经过压缩的，而且又是8位的，所以这种格式的文件大多用于网络传
2、输上，速度要比传输其它格式的图像文件快得多，它的缺点就是不能用于存储真彩的图像文件。 PNG格式：PNG(Portable Network Graphic Format，便携式网络图象格式)是W3C 组织在20世纪90年代中期开始开发的一种无损位图文件存储格式，是一种轻便、无法律障碍、压缩性能好且规范好的一个标准，其目的是企图替代GIF和TIFF，同时增加一些它们文件格式所不具备的特性。,1.2插入图像,执行【插入】/【图像】命令，打开【选择图像源文件】对话框，在【查找范围】下拉列表中找到图片所在目录，单击选中，然后单击“确定”按钮即可，如下图所示。,1.3图像的上传保存,在创建站点的时候，一
3、般都会在根目录下创建一个images 文件夹，用于专门的存放图片文件。若插入的图片与网页文件不在相同的根目录下，系统会提示用户复制图片到根目录下。,2、 设置图像格式,1. 图像格式 2. 具体设置方法 3图像编辑区 4. 编辑图像,2.1图像格式,图像的格式主要有下面几个方面： 图像大小更改：更改图像大小有两种方法，方法一：在【属性】面板中设置【高】文本框和【宽】文本框；方法二：直接拖拉图像边框的控点。更给图像的大小后，可以直接按按钮，将图片恢复到初始大小。 对齐方式：图像的对齐方式有3种：左对齐、居中对齐、右对齐。默认的对弃方式是：左对齐。 图文混排：在图文混排的页面中，可以通过设置【垂直
4、边距】文本框和【水平边距】文本框来设置图片和四周文本之间的间距的。在【对齐】列表中列举了多种图文混排的对齐方式。,2.2具体设置方法,改变大小： 设置对齐： 设置边距：,2.3图像编辑区,除了对图像的格式进行设置外，在【属性】面板中还可以对图像进行编辑美化操作，如对图像进行编辑、裁减、亮度和对比度以及锐化等菜做，如图所示的图片编辑区 。,2.4图像编辑,对图像编辑主要有下面几个方面：亮度、对比度、锐化等，下图列举了亮度和对比度的设置、锐化的设置。,3、 插入图型对象,1. 图型对象 2. 图像占位符 3鼠标经过图像 4. 导航条,3.1图像对象,在Dreamweaver 8中，系统为用户提供了
5、一些特殊的功能：图像对象，如鼠标经过图像、导航条、占位符等，如下图所示。,3.2 图像占位符,在设计网页，如果页面的框架已经设计好了，但需要的图像素材还没有准备齐全，此时可以插入一个指定大小的占位符，等将来图片准备好之后，再替换成图片 。,3.3 鼠标经过图像,在浏览器中当鼠标经过图像时，该图像发生变化，这就是鼠标经过图像。它实际上是由两个图像组成，当鼠标不在图像上时，显示原来图像，当鼠标经过时则显示另外一个图像 。,3.4 导航条,由图像或图像组组成，这些图像的显示内容随用户操作而变化。导航条通常为在站点上的页面和文件之间移动提供一条简捷的途径。当鼠标移到导航条上时，导航条的文字内容标成图片按钮，挡按下鼠标时又发生了变化，给人很新鲜的感觉。,讲课结束 下课休息,
