Tutorial: Dreamweaver

  1. Open Dreamweaver and click the Help menu to open it
  2. Click Dreamweaver LiveDocs
  3. Open "Using Dreamweaver"
  4. Work through all lessons under the heading "Dreamweaver Basics"
    • Setting up a Dreamweaver site is an important topic to understand.
      • The content of your Web site -html, css, gif, and jpg files, should all be in one folder on your local PC. Note that Dreamweaver's file management system is intended to be used on a single PC. For example, it would be confusing if you try to work on a Website on a Flash drive on different computers in various computer labs on campus. You would need to create new Dreamweaver site every time you changed computers. If you can work from your own PC it will be easiest.
      • You will need to specify the exact location on garnet where your Web site will be located. To find out the full path name to your garnet Web site folder use SSH to logon to garnet, use ls and cd commands to change to the folder where you will locate your Web site, then use the pwd command to view the path name. You can copy and paste the path name from SSH into Dreamweaver.
  5. Work through the the first four lessons under the heading "Adding Content to Pages"
    • Pay close attention to the lesson on "Using Cascading Style Sheets to format text".
  6. Use the remaining tutorials as needed.
    • Under "Laying Out Pages" you may find "Laying Out Pages with CSS", and "Managing Templates" useful.

When you complete these tutorials, you should have a solid understanding of the following concepts and skills:

  • Setting up an FSU Web site in Dreamweaver
  • Managing files in a Web site using Dreamweaver
  • Creating XHTML pages for your Web site that include standard components: links, images, tables, lists, heading, paragraphs, etc.
  • Viewing and editing the HTML code of Web pages in Dreamweaver
  • Uploading Web site content to the FSU Web server through Dreamweaver
  • Viewing files on the FSU Web server with Dreamweaver
  • Changing permissions on server files with Dreamweaver
  • Formatting Web pages with CSS in Dreamweaver
  • Creating and linking a external style sheet with Dreamweaver
  • Editing an external style sheet with Dreamweaver
  • (Optional) using SSH layers in Dreamweaver
  • (Optional) using Dreamweaver templates