Lesson 2
I. Graphics Formats
A. general
1. Gif=large areas of solid color, no blending
2. JPEG= photographic images or images with a large tonal range
B. Interlacing
1. is a method of defining the way the image is displayed in the browser.
2. Displays every other pixel on every other line, then repeats
3. without it, the image is “painted” line by line, starting at top
4. increases file size slightly
C. Placing graphics on the page
1. can reference image with doc-relative, or site-root-relative references
2. Doc-relative – dreamweaver makes path to image based on relative
location of HTML document to graphic.
3. Site-root-relative – constructs path to image based on telative location
of that image from your site root.
4. Usually want Doc-relative, but if file is large, use site-root-relative
5. cant create reference until you save file.
6. Alt text displays if image wont show
D. Adding images to Asset Favorites
1. All images in a site listed as site assets in assets panel
2. To update assets panel, need to refresh site catalog.
E. Wrapping Text around Images
1. Make sure image inserted at beginning of par.
2. Multiline text can only wrap around left or right
3. If want image on right and text to wrap on left, choose align right
4. Image alignment options:
a. Baseline-bottom of image with baseline of text line
b. Top- image with the top of the tallest item in the line
c. Middle- baseline of text line with middle of image
d. Bottom- identical to baseline
e. Text Top- aligns image with the top of the tallest text in the line
(usually same as top)
f. Absolute Middle- middle of text line with meddle of image
g. Absolute Bottom- bottom of the image with bottom of text line.
II. Adding flash objects
A. General info.
1. vector-based
2. very small file sizes-load quickly
B. Adding Flash Buttons
1. Three states:
a. look of button when pointer is not on it
b. look when being pointed on, but not clicked
c. look when pointer is on button, and mouse has been clicked
C. Adding Flash Animations
1. cant create these animations directly in dreamweaver. Resize with handles.