Graphics Programs Reference
In-Depth Information
If you are formatting only one graphic, you can create a CSS style and apply that
style to the graphic. Or, you can use the Property inspector to set HTML attributes that
are included in the image tag that surrounds the selected graphic. When a graphic is
selected in the Document window, the Property inspector displays a small picture of the
graphic and the following graphic attributes:
ID. A descriptive name of the graphic. The ID is used in some advanced forms of pro-
gramming to instruct Dreamweaver or the browser what to do with the graphic. The ID
can differ from the fi lename, but it should identify the graphic. The ID must begin with
a letter or an underscore; the rest of the name can contain letters and numbers, but no
spaces or symbols.
W and H. The horizontal and vertical dimensions of the graphic in pixels. If you resize
a graphic in Dreamweaver, the page will load more slowly because Dreamweaver
must transmit the original graphic to the end user's computer and then resize it on the
client computer. Also, resizing a graphic larger than its original size will degrade the
image quality. Instead, use an external image processing program to resize a graphic,
or resample the graphic after you adjust its width or height. Resampling is discussed in
the next section.
Reset Size. The button that appears between the W and H boxes after you change a
graphic's width or height to restore the selected graphic to its original dimensions.
Src. The path to the graphic's source fi le (which includes the fi lename). The path is
either relative or absolute, depending on what you selected when you inserted the
graphic. A relative path is used most commonly because the path still works even if the
site's URL changes or its root directory moves.
Alt. An alternate text description of the graphic that appears in place of the graphic
when the page opens in a browser that displays only text or is set to download images
manually. In some browsers, the alt text also appears in a tooltip when the pointer hov-
ers over the graphic. You should add alt text to all graphics except background images
that are used only for decoration. Alt text allows you to convey the graphic's content
or purpose to individuals with visual disabilities who rely on audio assistive devices to
communicate the graphic information.
Class. A list of the CSS Class styles you created that you can apply to a selected
graphic. Text attributes defi ned in the style do not affect the graphic's display.
V Space and H Space. The blank space, in pixels, that appears vertically along the top
and bottom of the graphic or horizontally along the left and right sides of the graphic.
Low Src. The path to the source fi le of a low-resolution image that displays while
the high-resolution image is downloading. This lets users with slow connections see
something while they wait for the high-resolution image to load. It is optional to use a
low-resolution image.
Border. A rectangular group of lines that surrounds a graphic. A border of 0 pixels (the
default) is equivalent to no visible border. If no value is entered in the Border box, it
defaults to the user's browser setting. For most browsers, this is equivalent to 0. If the
image is linked, the border is the link color specifi ed in the page properties; otherwise,
the border is the text color of the paragraph around the graphic.
Align. The alignment of the graphic to text adjacent on the page. Default uses the
browser's default alignment setting, which is usually baseline. The baseline is the
imaginary line on which the text is sitting. Baseline and Bottom align the bottom of the
graphic to the baseline. Top aligns the top of the graphic to the top of the tallest item (a
graphic or text) in the same line. Middle aligns the middle of the graphic to the baseline.
TextTop aligns the top of the graphic to the top of the tallest character in the text line.
Absolute Middle aligns the middle of the graphic to the middle of the text line. Absolute
Bottom aligns the bottom of the graphic to the bottom of the lowest character in the text
line, such as the bottom of a lowercase g . Left aligns the left edge of the graphic at the
left margin and wraps text around its right side. Right aligns the right edge of the graphic
at the right margin and wraps text around its left side.
Search WWH ::




Custom Search