These videos created using Camtasia illustrate various steps to follow to take an older website and create style sheet rules. Steps include creating style sheet rules to match existing font coding, stripping out embedded font codes, creating a template for the site and moving content into template-based pages, and adapting the template so it is not using tables for layout. An older website is one whose pages were created using some version of Dreamweaver prior to Dreamweaver MX 2004. Even if you have created new pages or modified pages using a newer release of Dreamweaver, if the document you based your work on was done with an older release of Dreameaver, then embedded font coding is probably still being used. Length is expressed in minutes and seconds.

• Overview of Steps to Clean Up Older Site, length 2:18
  A quick overview of the steps to follow.
• Creating Style Sheet Rules for the Site Revision, length 19:30
  How to create the initial style sheet rules for text effects.
• Creating a Template, length 8:11
  What is a title tag on a web page and why is it important?
• Adding Content to a Template, length 8:26
  Variouis options for opening an existing web document on your site.
• Stripping Out Embedded Font Codes in a Single Document, length 14:55
  Examples of using Find and Replace in Dreamweaver to strip out embedded font codes in a single document.
• Stripping Out Embedded Codes in an Entire Site, length 7:22
  Illustrates how to use Find and Replace in Dreamweaver to strip out embedded font codes for an entire site.
• Converting from a Table Structure to DIV Tags, length 15:12
  Shows how to create and reference ID selectors for layout on the entire page, to stop use of a table used to constrain the width of the page.
• Stripping Out Internal Table Formatting for Graphics, length 14:35
  Shows how to delete tables used to put text next to images and instead apply rules using the float and clear property to place images next to text.
• Changing the Template, length 17:58
  Examples of changes to a template that would then affect all pages using the template.
• Creating a Style Sheet for Printing Pages, length 16:47
  Examples of changes to make in a style sheet listing used for printing
  

Other Related Tutorials

• Dreamweaver MX 2004 (written material and video tutorials)
• Dreamweaver 8 (video tutorials)
• Cascading Style Sheets (written material and video tutorials)
• Videos about creating and modifying style sheets
• Creating and Using Templates (written material and video tutorials)