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