CSS Tutorial
This tutorial teaches you how to create an external CSS document for the Job/Resume Website Project, but it can be adapted for any website. This tutorial is for Dreamweaver CS4

• Open index.html
• Make sure your CSS Styles panel is open.
• Choose File>New (Ctrl+N)
• Choose CSS>Create
• Choose File>Save As (Ctrl+Shift+S)
• Name the file job_res.css. This file should automatically be saved in your root folder.
• Close job_res.css, and return to index.html
• Click Attach Style Sheet in the CSS Style panel
• Click Browse, and navigate to job_res.css in your root folder. Choose job_res.css, and click OK.
• Open each html page in your website, and repeat this procedure.
• Click the New CSS Rule button in the lower right hand corner of the panel, or right click job_res.css and choose New...
• In the top drop down menu, choose Tag (redefines an HTML definition)
• In the middle drop down menu, choose Body
• Choose and format a default font for your body text (font, color, size, etc.). 12 pixels is a good default font size for body text. Remember, the color of your body text should be the darkest thing on your page.
• In the left hand column, click Background
• Choose your background color.
• Click Okay

To add the link formatting to job_res.css (colors, font, underlining, etc.):

• Open your index.html page.
• Make sure your CSS Styles panel is open.
• Right click job_res.css and choose New...
• In the top drop down menu, choose Compound (based on your selection)
• Choose a:link in the drop down menu
• Format the color, size, and font
• Repeat this procedure for a:visited a:hover and a:active
• Save your work
• Your link formatting should now appear on every page of your website.
• Save each page and test in Firefox and Internet Explorer. Correct any errors. Save and test again.