Dreamweaver Tutorial

Adding a image to the web site
In this Dreamweaver tutorial you’ll add a image as a button to the home page for a Members page, similar to the buttons for News and Join now. You can enter the code directly on the page, click the image icon on the Insert bar, or use the image (IMG) tag editor.

Another option is to drag the image from its folder.

To add an image by dragging it:
Open rumembers.php which you will use for this Dreamweaver Tutorial, make sure you are in Code view.
In the Files panel group, open the Assets panel .
Select the image file members.jpg.
Drag the image file to the page code, and then drop it in the code where to cell as a id=members.

Dreamweaver inserts the code at the insertion point to create the image.

Choose File > Save.

code for a link and using the Insert bar to add a link, you can also use the Tag Chooser.

To write code with the help of the Tag Chooser:
Open join.php in Code view.
In the code for the table, find and select the code for the Members button you inserted in the last training course.
Note: Make sure you highlight the entire <img> tag.

Right-click the selected text, and then select Insert Tag from the popup menu.
The Tag Chooser appears.

Choose HTML Tags, Page Elements, General, and then select A in the right pane.
Note: You can also choose HTML Tags, and then select the A tag in the right pane, without first selecting Page Elements, General.

Click Insert.
A tag editor for the anchor tag (<a>) appears.

In the HREF text box, enter location_start.htm or click the Browse button to browse to the file.
Note: If you want to link to a web page, enter the page’s URL.

Click OK to close the tag editor.
Click Close to close the Tag Chooser.
Dreamweaver inserts the code in your page to create the link.

In the Document window, choose File > Save, for more information on adding images in dreamweaver, see our next tutorial.