您的位置:学习中国 推荐教程 Dreamweaver 正文
原作者:admin 添加时间:2007-05-22 原文发表:2007-05-22 人气:25


图片名称
图片名称在通常情况下可以不用,但在使用Dreamweaver的高级功能时就会用到,比如用java script来实现特殊的行为动作。这些将在后面的内容里讲到。

图片宽度和高度W (Width),H (Height)

W和H可以定义图片显示时的宽和高。图片的大小可以在属性栏里,HTML代码里或直接用鼠标拖拉进行修改。但这些修改形式未必是最佳的,比如图片本身尺寸很大,但在网页中只是很小的一块,结果网页下载速度比看起的要慢。最好的方法是在做图软件里将图片修改成你想要的尺寸。

图片文件的路径
Src代表图片的存放路径。

为图片加入链接
图片本身也可以使用超链接。选择要做链接的图片,点击指向文件的图标或浏览文件的图标,然后选择要指向的图片文件。

图片的排列方式
图片通常是和文本排列在一起,所以图片的排列方式是针对与文本的相对位置来划分的。一个图片可以看作是单个的文字,但图片往往比文字大很多高很多,文字是与图片的哪里对齐呢?图片的排列方式就是为了解决这个问题。文字有一个底线和上线。底线是假想的一条水平线,对于英文字母,"a"的底线就是它的最低端,而字母"y"的底线就不是最低点,而是在它的"v"部分的最低点。文字也有上下边界。字母"y"的下边界指的是的它的最低点,字母的上边界指的是它的最高点。可以看出,上下边界的范围比底线和上线的范围要宽。
浏览器默认:文本行沿图片的底线排列。
 底线排列Baseline: 与浏览器默认方式相同。
顶部排列Top:文本行沿图片的上边界排列。
居中 Middle:文本行沿图片的中间排列。
底部排列 Bottom :(与Baseline相同),
文本顶部排列Text Top:文本行的上边界与图片的上边界对齐。
绝对居中Absolute Middle:文本行的水平中线与图片的中线对齐。
绝对居于底部Bottom :文本行的下边界与图片的底部对齐。

替代文字 Alt
Alt部分可以输入与图片内容相关的文字。它的作用是当用户的光标移到图片上时会弹出一个小的文本框,里面显示的就是Alt部分的文字。在用户浏览器看不到图片时它可以做为一个文字的说明,如果你使用了Flash电影或其它用户浏览器可能不支持的格式最好也加上Alt的文字。

V Space / H Space
V Space和 H Space是用来定义图片周围的空间,就象一个图片的边框。这部分空间大小以像素表示,并且在浏览器中是不可见的。但其它的内容,比如文字等都会排列在这部分空间的边界之外。

目标 Target
Target属性只在用到帧时使用。请看帧的使用章节。

低分辨率图片 Low Src
Low Src的作用是定义一个低分辨率的图片作为高分辨率图片的替代。当用户下载一个高分辨率的图片时,使用Low Src指定一个质量较差或黑白两色的的图片让用户先下载并显示。使用这种方法的网站很少,因为这终究是增加了用户下载的时间。

边界 Border
如果你将图片做了一个超链接,一般的网页编辑工具会自动给图片加上蓝色的边框(边框的颜色与文字链接的颜色一致)。如果要去掉这个边框,可以将边界的值设为0。在你使用Dreamweaver时,它会自动将边框去掉。如果你想使用边界框,就在Border栏中输入数值。但通常在网页制作中是很少用到图片的边框的。

图像地图 Map
点击Map可以为图片生成图像地图。详细情况将在后面讲到。

刷新 Refresh
如果你用在网页中将图片的尺寸修改之后,点击刷新按钮可以恢复图片的原来大小。

编辑 Edit
点击编辑按钮可以启动外部图形编辑软件对图片进行修改编辑。存盘后,在Dreamweaver里就会看到图片的修改结果。外部图形编辑软件的种类可以在偏好Preferences中进行设置。

本页地址
相关文章

在网页中使用图片(1)
使用超链接(2)
使用超链接(1)
文字格式的设定
了解Dreamweaver的使用界面
Dreamweaver MX进阶教程:制作虚线
Dreamweaver制作网页实用七招
用Dreamweaver进行数据库操作
在网页中使用图片(3)
在网页中使用图片(4)
DreamweaverMX进阶教程一可视化操作iframe
DreamweaverMX进阶教程二滚动字幕
DreamweaverMX进阶教程三轻松制作弹出菜单
DreamweaverMX进阶教程四使用插件
DreamweaverMX进阶教程五制作弹出窗口
DreamweaverMX进阶教程六网页添加背景音乐
DreamweaverMX进阶教程七创建基于框架的网页
DreamweaverMX进阶教程八操作框架

相关评论


本文章所属分类:首页 推荐教程 Dreamweaver   Dreamweaver