MY FIRST CSS WEBSITE

Day 1

In these exercises, you will practice:

Attaching a stylesheet

Creating CSS tags for H1, H2

Creating CSS classes for additional text.

Experimenting with text formating.

Applying a class to a picture.

CSSExample

Table & Non CSSExample

Class Files (Planets Text and Pictures Zipped File-"Right Click" and "Save as"

Links

• TypeTester: Compare CSS Text
• Chapter 6 Readings (From Adobe Dreamweaver CS3 User 's Guide) PDF
• CSS Intro
• CSS Syntax
• CSS Box Model
  • From Teacher John
  • From BrainJar

Day 2

In these exercises, you,will learn how to :

• Create your first div tag for structure.
• Insert and position a background image.
• Format page properties
• Create additional div tags.

Example 1

Example 2

Class Files (Right Click- Save As)

Day 3

Today, we will focus on building a website layout using div tags.

Example 1

Example 2

Class Files 2 (Right Click-Save As)

Day 4

Today, we will focus on adding a navigation menu and more div tags to create a three column layout.

Example

Class Files 1 (Right Click-Save As)

Helpful Resources

Blue Robot Layout Reservoir

Max Designs: Building CSS Layouts

Example 2

Example 2 Class Files (Right Click-Save As)

Day 5

Today, we will learn about the different ways to create a navigation menu in Dreamweaver and in Fireworks and insert a video file.

Fireworks Button Tutorial

Inserting a Windows Media File (Video)