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.

Creating Links

To add a hyperlink to a page, you need to select the text you want to turn into a link, then provide the URL for the link. A URL (Uniform Resource Locator) is the Web address that you would type into the Address bar of a Web browser.

You will find much more information about adding links to your pages in Chapter 7. You'll see how to add links to either text or graphics, and lots of other linky goodness.

To add a link to a page:

  1. Select the text you want to turn into a link ( Figure 3.14 ).
    03fig14.jpg

    Figure 3.14 Begin creating a link by selecting the text that you want to turn into the link.

    In this example, I want to turn the "HomeCook.info" text at the top of the page into a link to the home page of the site, so I've selected that text.
  2. Do one of the following: If you are linking to a page in your site, click the Point to File button in the Property Inspector ( Figure 3.15 ), then drag to a file in the Files panel ( Figure 3.16 ). When you release the mouse button, the file name appears in the Link field.
    03fig15.jpg

    Figure 3.15 Click the Point to File button to begin the linking process...

    03fig16.jpg

    Figure 3.16 ... then drag to point at the file you want to link to in the Files panel. As you drag, Dreamweaver follows your mouse pointer with an arrow to make it clear which file you're pointing at.

    or If you are linking to a file on your hard drive (inside or outside of your local site folder), click the Browse to File button in the Property Inspector. The Select File dialog appears ( Figure 3.17 ). Navigate to the file you want to link to, select it, then click OK (Choose). The file name appears in the Link field. If the file is outside of the local root folder, Dreamweaver lets you know and offers to copy the file into the local root folder ( Figure 3.18 ).
    03fig17.jpg

    Figure 3.17 You can also create a link by clicking the Browse to File button in the Property Inspector, which brings up this Select File dialog.

    03fig18.jpg

    Figure 3.18 If the file you are selecting is outside your local root folder, Dreamweaver offers to copy the file to that folder as part of the linking process.

    or If you are linking to a Web address, click in the Link field in the Property Inspector and type the full URL of the link destination. You must include the http:// portion of the address.
6. Adding Images | Next Section Previous Section