Home / Articles / Adobe Dreamweaver / Building Your First Page in Macromedia Dreamweaver 8

Building Your First Page in Macromedia Dreamweaver 8

Chapter Description

After you've set up your local site, you can begin filling the site with pages. To do that, you'll need to create a page, give it a title, add some content to the page, and save it. To check your work, you should view the page in one or more Web browsers before you upload it to your Web server. Luckily, Dreamweaver makes it easy to view your work in different browsers. This chapter will help you get started building your website in Dreamweaver.

Adding Images

Much of the visual interest in Web pages is provided by images, and Dreamweaver makes it easy to add images to your pages. For much more information about adding images, sound, or movie files to your pages, see Chapter 8.

To add an image to your page:

  1. In your document, click where you want the image to appear.
  2. In the Common category of the Insert Bar, click the Image button ( Figure 3.19 ).
    03fig19.jpg

    Figure 3.19 To add an image to your page, click the Image button in the Common category of the Insert Bar.

    The Select Image Source dialog appears ( Figure 3.20 ).
    03fig20.jpg

    Figure 3.20 The Select Image Source dialog lets you pick an image, and shows you a preview of it as well.

  3. Navigate to the image file you want, and select it. Dreamweaver shows you a preview of the image in the Select Image Source dialog.
  4. Click OK (Choose). If the image is not inside the /images directory of your local root folder, Dreamweaver copies the image to that location. Dreamweaver next displays the Image Tag Accessibility Attributes dialog ( Figure 3.21 ).
    03fig21.jpg

    Figure 3.21 Use this dialog to enter the alternate text for an image.

  5. (Optional, but strongly recommended) Enter the Alternate text for the image. Alternate text is text attached to the image for use by screen readers for the visually impaired, or for people who are browsing with images turned off.
  6. Click OK. The image appears in your document ( Figure 3.22 ).
    03fig22.jpg

    Figure 3.22 The image appears on the page at the insertion point.

7. Naming and Saving Your Page | Next Section Previous Section