2.2 设计网页图像
• 图像是网页中最常用、最直观的元素之一,也是最容易表明网页设计师意愿的元素。使用生动的图像不仅可以使网站访问者清晰、快速地了解到网站所要表达的精神主旨,而且漂亮的图像还可以使网页更具观赏性。
2.2.1 插入网页图像
• 在Dreamweaver
CS5中,用户可以插入多种类型的网页图像,实现丰富的应用,包括插入网页背景图像、普通图像、图像占位符、鼠标经过图像以及Fireworks
HTML等等。
1. 网页图像格式
BMP(Bitmap)位图图像:无压缩、文件大。
JPEG(Joint
Photographic Experts Group 联合图像专家组)图像:
全彩影像压缩格式。
GIF(Graphic
Interchange Format 图像交换格式)图像:
使用256种颜色,体积小,压缩比高。
PNG(Portable Network
Graphic Format 流式网络图像格式)图像:
Fireworks 默认图像格式。
PSD(Photoshop Data)图像:
图像文档大,Dreamweaver 能把插入网页中的 PSD 转换成 JPG 格式。
2. 插入网页背景图像
属性面板 -- 页面属性 -- 外观(HTML) --
背景图像,浏览,选择图像源文件。
3. 插入普通图像
插入 -- 图像 -- 选择图像源文件。
4. 插入图像占位符
插入 -- 图像对象 -- 图像占位符 -- 名称、宽高、颜色、替换文本。
双击图像占位符 -- 选择图像 -- 图像占位符。
5. 插入鼠标经过图像
插入 -- 图像对象 -- 鼠标经过图像 --
图像名称、原始图像、鼠标经过图像、
替换文本(不显图像时文本注释)、按下时,前往的 URL。
6. 插入 Fireworks HTML
插入 -- 图像对象 -- Fireworks HTML -- 浏览 --
选择 Fireworks HTML文件(Fireworks 导出的网页)
|