Class Introductions and Basic HTML

The process of working between an Editing Program and your Browser
Basic HTML code - using the "old-fashioned" tags

Introduction to Dreamweaver

1. Explanation of Website File Structures
2. Dreamweaver Layout. Pages 16-17 of book.
2. How to Introduce Dreamweaver to your Web Sites (Manage Sites) Pages 18-19.
3. How Dreamweaver Links your Local and Remote Files
4. Viewing your website files in Dreamweaver Pages 30-31.

Text reference: Chapters 1 & 2
For Additional Reading about the Dreamweaver Environment see Ch. 3
For Additional Reading about Managing Web Site Files see Ch. 4

1. Applying Text Formatting in Dreamweaver
2. How text formatting works with the various levels of CSS
3. Formatting discussion

Introduction to Tables
Example of Calendar Table

Introduction to PhotoShop

Preparing Photos for your Web Page and placing them in your website
- Image options
- Rollover Images
- Image Placeholders

Navigation
How to Create Different Types of Website Links

Navigation Part 2

• Finding Broken Links - Text Reference: P. 452-454
• Navigation Bar - Text Reference: P. 174 - Demo Images
• Image Maps - Text Reference : P. 176 - 178 - Demo Image
• Changing the look of links with CSS: P. 231
• Borders on Images with Links

Navigation Part 3

• CSS Based Menu with "display:block" feature
• Spry Framework Menu Bar - Vertical & Horizontal

Text Reference: Chapter 16 - Spry Framework

Spry Framework Continued

• Tabbed Panels
• Accordian Area
• Tool Tip

Final Exercises:

Go Forth and Conquer!