MACROMEDIA DREAMWEAVER 8-GETTING STARTED WITH DREAMWEAVER Uživatelský manuál Strana 12

  • Stažení
  • Přidat do mých příruček
  • Tisk
  • Strana
    / 17
  • Tabulka s obsahem
  • KNIHY
  • Hodnocené. / 5. Na základě hodnocení zákazníků
Zobrazit stránku 11
5. To change where the image appears on the page. Select Text>Align from the Menu, or click on one
of the alignment icons in the lower half of the Properties inspector.
6. Alternate text is an important addition to any webpage that contains
images. Alt text is the text label that pops up when the cursor is held over
an image without clicking (see example at right). Add alternate text by
typing a name into the Alt box on the properties inspector.
7. Alt text is a nice touch for users who can see your Web page, but it is
essential for those who can not see it. Users with visual impairments
depend on screen reader software (such as JAWS) to read all of the text
and links on Web pages. Unless you include an Alt text tag with a
description, these users will not know what the images are and will be
unable to navigate images used as links.
8. To link an image to another webpage:
9. Type a URL (Web address), .html file name, or e-mail address (including mailto:) in the Link text box, OR
Use the Browse for File icon to search for a file
10. Although it is a bad idea to do so, images can be resized in Dreamweaver. This process changes the
size at which the image is displayed rather than changing the dimensions of the source image. The image
might appear quite small on the screen but still be a large file that takes a long time to download. To
shrink the image dimensions AND file size, edit the image in an external editor (Photoshop, Paint Shop
Pro, etc.). Making an image larger in Dreamweaver is also a bad idea because is results in a grainy,
pixellated image. The image should be rescanned or recreated at a larger size.
11. To change the image dimensions, type a new value in the W and H text boxes, OR Click
and drag one of the handles on the side, corner, or bottom of the image, OR Resize the
image proportionately by clicking and dragging a corner handle. If your image becomes
distorted or you change your mind about resizing, click on the Refresh button to return to
the original dimensions of the image. To avoid having your webpage looking cluttered add Horizontal and
Vertical space. These are minor adjustments that can make a big difference in a Web page. Unless
empty space is added manually, images, text, and all other objects in a page will be so close together that
they touch. To make text more readable and keep pages from looking cluttered, add a few pixels of
empty horizontal space (left and right sides) or vertical space (top and bottom) to an image or table.
12. Although they are seldom seen on the WWW, images can have borders. Type a pixel size in the Border
field in the Properties inspector to add a border of that width on all sides of the image. The drawback:
borders will be one of only two different colors. Borders around image links will be the link color selected
in the Page Properties dialog box, and all other borders will be the text color set in the Page Properties.
13. Place your cursor to the right of an image and type few sentences. Notice how the first line of text
appears on the same line as the image, and the rest wraps below the image. If you want to place more
than one line of text next to an image you must use a table for layout.
Rollover Images
A rollover is an image that changes when the pointer moves across it. A rollover actually consists of two images:
the primary image (the image displayed when the page first loads) and the rollover image (the image that appears
when the pointer moves over the primary image). When you create a rollover, both images must be the same
size; if the images are not the same size, Dreamweaver automatically resizes the second image to match the
properties of the first image.
Copyright Arizona Board of Regents.
The University of Arizona Library. Last updated January 2006.
12
Zobrazit stránku 11
1 2 ... 7 8 9 10 11 12 13 14 15 16 17

Komentáře k této Příručce

Žádné komentáře