Create Alt Text with Dreamweaver MX

  1. Insert the image (or click the right mouse button on a pre-existing image and select Properties).
  2. Type a meaningful text equivalent in the Alt box. (If an image is a bullet, type * or -)
  3. Press the Enter key

NOTE: If an image is purely decorative and conveys no information (for example, a line divider or graphic bullet), you need to edit the HTML code.

  1. Right-click the image and select Edit Tag Code <img>...
  2. Make sure the alt attribute is "empty"—2 quotation marks with no space (alt="")




Create a Long Description with Dreamweaver MX

  1. Create a new Web page that contains a detailed description of the complex illustration.

  2. Create a longdesc attribute.

    1. Click the Image with the right mouse button.
    2. Select Edit Tag <img>...
    3. Click SyleSheet/Accessibility.
    4. Next to the Long Description box, click the Browse... button.
    5. Find and select the HTML file you created that contains the long description.
    6. Click OK.
    7. Click OK again to close the dialog box.

  3. You may also want to provide a direct link to the description page.

    1. Place the cursor after the image.
    2. Type Graphic Description, or other appropriate link text.
    3. Select/highlight the text to be linked.
    4. Right-click and select Properties. The Properties pane appears at the bottom of the screen.
    5. In the Link box, type the location of the HTML file that contains the detailed description .
    6. Press the Enter key.

'); //-->


Create a "Jump to Content" Hyperlink with Dreamweaver MX


First, create a target at the beginning of the main content (after all the navigation links).

  1. From the Insert menu, select Named Anchor...
  2. Type an Anchor Name (for example, content) in the box provided.
  3. Click the OK button.

Then, create a hyperlink at the very top of your page that links to the anchor.

  1. Type Jump to Content, or Skip Navigation, at the top of the page (before any of the navigation links).
  2. Select/highlight the text you just typed.
  3. From the Insert menu, select Hyperlink.
  4. Choose the anchor you created from the Link drop down list.




Create Proportional Widths in Dreamweaver MX

To define table width by a percentage:

  1. From the Insert menu, select Table.
  2. Make sure the Width: box is set to Percent rather than Pixels.
  3. Type the percentage number (65, 98, 100, etc.) in the Width box.
  4. Click the OK button.


To define table width by a percentage:

  1. Select a cell, column, row, or table.
  2. Right-click and select Properties. The Properties pane appears at the bottom of the screen.
  3. To set percentages for the whole table, type the percentage in the W and H boxes.
  4. To set percentages for specific cells, type the percentage in the Horz and Vert boxes.
  5. Press Enter.




Add a Form Label with Dreamweaver MX

  1. From the Insert menu, select Form Objects, then Label. This opens the HTML code window.
  2. The code for the label should be highlighted (you may need to scroll to find it).
  3. Type the label between the <label> tags.