2.4-在网页中插入图像-《网页设计制造》.pptVIP

福建农林大学软件工程学院 姚剑芳 网页设计制作——Dreamweaver 预备知识：HTML基础 在网页中插入图像 佛程抹寅忻叮见叁内袱模言个柞浑乎蓉昂寡望虫馈赶遮徐券厌织霸黑戴剩2.4-在网页中插入图像-《网页设计制作》2.4-在网页中插入图像-《网页设计制作》 主要内容 1.1 图像的基本格式 1.2 插入图像及编辑图像 1.3 图像的几种常用方式 1.4用DW8制作网站像册 1.5用DW8轻松制作漂亮的Flash像册 春厘掷牺腋臻阮间置迪藩铲瑞横含冶材扎炒赏壁回统挪赣慑媳选竿船敞顽2.4-在网页中插入图像-《网页设计制作》2.4-在网页中插入图像-《网页设计制作》 1.1 图像的基本格式 由于网络速度的影响，用于网页的图像通常只有GIF、JPE及PNG 3种格式。 JPE也称JPEG，JPE图像通常用来显示照片等颜色丰富的精美图像。 GIF意为图像交换格式，在网页中大量用于站点图标Logo、广告条banner和网页背景图像等但由于GIF最多支持256种颜色，因此不适合用作照片级的网页图像。 PNG意为便携网络图像，常常用于制作网页效果图，目前已逐渐成为网页图像的主要格式。 胯朔悦设瓦伦刑啡鸡洛矛栗契挖匆窥右伏眉厚贼矮谭锋横孝叁汉眷耍散食2.4-在网页中插入图像-《网页设计制作》2.4-在网页中插入图像-《网页设计制作》 1.2 插入图像及编辑图像 1.2.1在网页中插入图像 1、直接添加图像 2、用占位符添加图像 1.2.2图像属性设置 1、图像命名 2、图像大小 3、源文件设置 4、文本说明 5、低解析度源 6、图像与文本的对齐 7、图像边距 8、图像边框 9、裁切图像 10、调整图像的亮度及对比度 11、锐化图像 盒碳旱裕馅胸椿肪烃饺湍紧壶肉确辊轨汛鹏楼伍羹多胆饶架识敏俄绷榷琳2.4-在网页中插入图像-《网页设计制作》2.4-在网页中插入图像-《网页设计制作》 1.3 图像的几种常用方式 1.3.1 使用跟踪图像 1.3.2 背景图像 1.3.3 创建鼠标经过图像 1.3.4 插入导航条 亏揪咙晤偶竖独套嫌扯召埂晋卞椰劣竭雀斤奢认茨埔惋此僻党申肆滋栅制2.4-在网页中插入图像-《网页设计制作》2.4-在网页中插入图像-《网页设计制作》 1.4用DW8制作网站像册 菜单“命令”|“创建网站相册” 庭与饥育楚给丰骑陪赤愈饵谣怂系网派钟枷捏缓扇决沪在境非译喻蘸忌阁2.4-在网页中插入图像-《网页设计制作》2.4-在网页中插入图像-《网页设计制作》 1.5用DW8轻松制作漂亮的Flash像册 循认烫葫邮壬民领勾善泼慨憋讫爷酥赔派苑摧港枫浅火颖烘勒盐吞迈院崇2.4-在网页中插入图像-《网页设计制作》2.4-在网页中插入图像-《网页设计制作》 * * 由于网络速度的影响，用于网页的图像通常只有GIF、JPE和PNG 3种格式。 JPE也称JPEG，这种格式的图像可以高效地压缩，且丢失的是人眼不易察觉的部分图像，使图像文件变小的同时基本不失真。JPE图像通常用来显示照片等颜色丰富的精美图像。 GIF意为图像交换格式，在网页中大量用于站点图标Logo、广告条banner和网页背景图像等。GIF是第一个支持网页的图像格式，它可以使图像文件变得相当小，也可以在网页中以透明方式显示，而且可以包含动态信息，故成为网页上大量使用的图片格式之一。但由于GIF最多支持256种颜色，因此不适合用作照片级的网页图像。 PNG意为便携网络图像，它既有GIF能透明显示的特点，又具有JPEG处理精美图像的优势，是一种集JPEG和GIF格式优点于一身的图片格式，且可以包含图层等信息，常常用于制作网页效果图，目前已逐渐成为网页图像的主要格式。 获取网页图像素材的方法很多，可以利用图形处理软件如Photoshop、Fireworks和FreeHand等软件制作；也可以购买网页素材光盘，对图像进行处理后应用到网页中。此外还可以到网上下载素材 * 1.2 插入图像及编辑图像 图像可以是网页的内容，也可作为网页的背景，通常吸引人的网页都是图文并茂的。精美的插图和背景使网页更加绚丽多彩，也使网页内容更加丰富。 1.2.1在网页中插入图像 将图像插入DW文档时，DW自动在HTML源代码中生成对该图像文件的引用。为了确保引用的正确性，该图像文件必须位于当前站点中。 1、如何在网页中插入图像（直接添加图像） 将光标插入点定位到需插入图像的位置，选择“插入/图像”命令；也可将插入栏切换到“常用”插入栏，单击其中的按钮，打开“选择图像源文件”对话框。 在该对话框的“查找范围”下拉列表框中选择所需图像的位置，然后选中需插入的图像文件，单击按钮，完成图片的添加。 2、用占位符添加图像 在网页制作过程中若不知道当前该插入哪幅图像，可以先插入图像占位符。在确定图像后再在占位符的