Basic Site Development

Converting from a PSD design into CSS

• Basic Site PSD
• Basic Site JPG Header
• Basic Site GIF Wow
• External .css file used by all below examples

• 01 Basic Site - Content
• The simple addition of content into a new html file.

• 02 Basic Site - Structure with Div Tags & Lists
• Adding h1, h2, ul, li, and div tags to structure the document.

• 03 Basic Site - Simple CSS
• Using CSS to decorate the above div and html tags

• 04 Basic Site - CSS Background
• Adding a background to repeat

• 05 Basic Site - Templates
• Creating a template from the html.

• 05 Basic Site - Dreamweaver Template (DWT)
• A look at the Dreamweaver Template

• 05 Basic Site - about page created using template
• An actual page for the mock site.