视频: dw教程《adobe dreamweaver CC 2018基础教学》014 CSS新建规则与属性 2024
Dreamweaver的属性检查器是上下文相关的,这意味着当您单击图像时,该图像的HTML属性将显示并可编辑。一些可编辑的图像属性比设计因素更“技术性”。
例如,当图像连接到JavaScript程序或数据库时,使用图像ID。属性检查器中的其他图像属性包含一组有限的实际图像编辑工具。这些工具包括剪裁,编辑对比度和锐化图像。看看这些选项中最重要的:
<! --1 - >-
地图区域工具: 地图区域工具在选定的图像上创建可点击的热点,并为不同的热点定义单独的链接。热点是作为链接的图像的一部分。可以使用“矩形”,“圆形”和“多边形”热点工具在选定图像上绘制部分,然后将特定链接指定给“属性”检查器中的这些热点。
此组中的第四个工具(指针热点工具)用于选择,移动或编辑现有的热点。
-
V空间和H空间: 定义所选图像周围的水平和垂直间距。
-
对齐: 使用此弹出框在左对齐或右对齐之间进行选择。 (其他选项在技术上是可用的,但是它们是从文本大小的图形符号直接插入到文本行中并且在图像对齐中今天不被使用的时代的残余。)
-
Src: 该字段标识嵌入式链接的图像。
-
Alt: 当图像不可见时,改变显示的文字或大声朗读。
-
边框: 定义边框宽度(默认为0像素),如果图像用作链接,则为1像素。
-
链接: 定义单击图像时打开的链接。如果定义了链接,则可以通过从“目标”弹出窗口中选择_blank将链接设置为在新的浏览器窗口中打开。
-
类: 如果在页面中定义或链接到任何页面,则使用此弹出框来分配CSS类样式。 W(宽度)和H(高度):
-
调整图像的大小。取消选择“切换大小约束”图标将解除高度和宽度之间的关联,使您可以拉伸或挤压图像,而不必在调整大小时保持原始的高宽比。您也可以通过单击并拖动所选图像的右下角手柄来交互调整大小。按住Shift键的同时调整大小以保持高宽比。 Resample:
-
CS6中的新工具允许您重新调整大小(较小)的图像。重采样消除不需要的数据,使图像文件变小,这意味着图像可以下载更快。选中“提交图像大小”复选框以重新采样图像,或者在“属性”检查器中单击“重置为原始大小”按钮以撤消调整大小。