Online Dreamweaver MX Tutorials

If you need help with a tag’s attributes and attribute values, you can look up reference information within the Dreamweaver online referance.

To look up information about a tag:
Open index.php in Code view.
In the Document window, select the text font in the font tag.
Right-click the selected text, and then choose Reference from the popup menu.
The Reference panel opens and displays information about the font attribute.

For information about a specific tag attribute, select the attribute from the pop-up menu.

In this Dreamweaver MX tutorial you’ll add a image to the contact us page.

To add code to the page manually, simply click in the Document window and start typing. You can also use the new Code Hints feature in Dreamweaver to speed up your work.

To write code with the help of Code Hints:

Open members .htm in Code view, This file is in the Dreamweaver MX tutorials folder.
Find the code for the table row that contains the text “Rocket club members area”; select the non-breaking space entity ( ) in the code for the cell that comes before that text:
< td rowspan="2" bgcolor="#CCCCCC">&nbsp;</td>
Type the opening bracket (<) of the image tag.
A list of tags appears at the insertion point. In later Dreamweaver MX Tutorials we shall be looking at other guides on topics such as javascript and PHP.

Note: You can set the length of the delay by selecting Edit > Preferences or Dreamweaver > Preferences (Mac OS X), and then selecting Code Hints from the category list on the left. You can open Code Hints by pressing the Spacebar, and you can close Code Hints at any time by pressing Escape.

Select the img tag from the list, and then press Enter (Windows) or Return (Macintosh) to insert the tag.
Tip: To quickly scroll to a tag, type the first letter of the tag. If you would like to print out a list of all the shortcuts used in our Dreamweaver MX tutorials, please open the training courses folder on the training CD.

Press the Spacebar to display a list of attributes for the tag.
Type src, and then press Enter (Windows) or Return (Macintosh).
A Browse button appears below the code you just typed.

Select the browse button to navigate to the image file or enter the image file path, Assets/images/logo.jpg.
Press the spacebar, select the alt attribute, and then press Enter (Windows) or Return (Macintosh).
Type Logo, then move the cursor to the right of the quotation mark that appears after the word Logo.
Press the spacebar, select the align attribute, and then press Enter (Windows) or Return (Macintosh).
A list of known values for the align attribute appears.

Select top from the list, and then press Enter (Windows) or Return (Macintosh).
Type a closing bracket (>) to complete the tag.
In the Document window, choose File > Save. Your file is now saved within Dreamweaver .
To add an attribute to an existing tag, place the insertion point just before the tag’s closing bracket (>) and press the Spacebar. A list of attributes appears. Add the attribute and specify its value, if any.