Images

Insert images into your webpage.

Adding a Heading

Before you can add an image, you might want to add a title, something to describe your image. Type the title for your text, select the text and, select Heading 3 or an appropriate heading level from the Property Inspector.

Adding an Image

In the Menu Bar, click on the Common tab.

Under the Common tab, choose the icon with a little tree.

Select Image Source

After clicking on the icon, an open dialog box will appear. Navigate to where the image is located.

In the instance where the picture is located on your hard drive but not in the site folder, then the following dialog box will appear. If you are prompted with this box, you will want to click on yes. After doing so, Dreamweaver will create a copy of the file, and place it into your root directory (the place where your images will be saved).

Alternative Text

After clicking on "yes" to the "files outside of the root folder" (if you happen to get this screen) or after hitting okay, you will be brought to this page.

An alternative text is helpful for those using an external device such as a screen reader, or those who have images disabled. If images are disabled, then it will display the alternative text.

Properties Inspector

When testing your page, with the images disabled, and you happen to see that you have misspelled something in the alternative text, you can very easily correct it by clicking on the image, using the property toolbar. In the alt field, this is where you can correct the mistake.

Adding a Caption or More Text

At times you may want to add a caption or more text below the image. Place your cursor in the document window on the right side of your image and press enter, creating a new paragraph.

For this lesson you might want to write a paragraph like the following:

In 1976 East German Border Troops began to erect a new type of Wall in Berlin, the so-called 'Border Wall 75'. This concrete Wall was 3.60 meters (11.81 ft) high and white painted. Although painting was not allowed, the complete Wall system was on the territory of East Berlin, and many artists began to paint on the Western side of the Wall in the beginning of the 80s.

After the fall of the Berlin Wall in 1989 the Eastern side of the Wall was also painted by artists.

Previous Lesson: Lists Table of Contents Next Lesson: Creating Links using Images and Text