Entering and formatting text
  • Looking at the main window, there will be a blinking cursor on the page, indicating that it is ready for content to be inserted (If you don't, just click on the page) -- We'll start by the most basic, yet important, element - text -- Dreamweaver works much like a word processor at this level, so simply type in the page headline at the top -- Click and drag over the text to select it
  • Using the Properties palette, format the text to the following specs -- You can click on the arrows next to the fields to make the changes (for the color, you can click on the square swatch to get the browser-safe options)
 
 
  • Now is a good time to save -- If you look at the file name in the top menu bar, you'll see a small asterisk that indicates you have made changes since the last save -- You can go to File->Save in the top menu bar, or, better yet just hold down the Apple key (just under the x on the keyboard) and hit the "s" key -- Get into the habit of hitting Apple-S often as you're working on your site
  • Below the page headline, type in your body text
  • You also have the option of importing text from a word processing program into your Dreamweaver page (one of the easiest ways is to cut-and-paste -- Be aware, however, that the formatting does not transfer over -- you'll have to select the text and format it in Dreamweaver
 
Back to Top
 
 
 
  • Dreamweaver makes it incredibly easy to insert hyperlinks -- Go to the Insert palette and make sure the Common tab is checked -- Click on the first icon, which appears as a link in a chain
 
 
  • In the dialog box, enter the following
    • Text -- words that will appear in the hyperlink
    • Link -- Where the hyperlink will take the user when clicked -- When linking to an external site (such as Elon's home page or CNN.com), you must begin with http:// or the link will not work
    • Target -- If you want the linked page to appear in the same browser window (which you will most of the time), leave this field blank -- However, in certain instances, you may want the linked page to appear in a new browser by setting the Target as _blank
 
 
  • Hit OK when you are done and save your work (Apple-S)
 
Testing the page
  • You'll now see the hyperlink on your page, but you'll have to call the page up in a browser to test it -- In the top menu bar, go to File-Preview in Browser-Internet Explorer -- this will call up the page in IE and allow you to test the link
  • Remember that we're just testing the page on the local computer -- the site has not been loaded to the server yet so others cannot view it on the World Wide Web
 
Back to Top
 
 
 
Placing photos and graphics
  • Make sure all photos and graphics have been moved to the local root folder before starting
  • IMPORTANT -- Technically speaking, you can download most photos from any web site -- Legally speaking, you're in big trouble if you use those images on your pages without written consent from the site's owner -- Stick to image you have created or have acquired from royalty-free image web sites or CDs (be sure to read the terms of use though - not all "free" image sites are equal)
 
  • In the Insert palette, click on the Image icon
 
 
  • In the Select Image Source dialogue box, navigate to the photo in your local root folder and hit Choose
  • Dreamweaver will now place the photo on the page -- Save the page (Apple-S) and preview it in Internet Explorer (File-Preview in Browser-Internet Explorer )
 
Back to Top
Back to Web Publishing Page
Back to Main Page