Week 3 Review --Working with CSS

 

The Box Model! Div's and CSS

Subjects

1. The Box Model
2. Div's
3. CSS, some simple rules

CLASS #3 Notes: 

“People don't read web pages, they scan them!" --anon

Tip of the Day

When you are going to insert a new element, or "widget" you are not familiar with, try it out first on a simple blank xhtml/html5 page.

Resources for this week -- go to these URL's

The Box Model
http://uofgts.com/BasicWD/BoxModel.html

Basic CSS Rules
http://uofgts.com/BasicWD/CSSRules.html

Homework

Style your web page. Use the following web page links to build your banner/header for you web site…

• Building the Banner (header in html5)  Parts 1 - 7

Build your Banner in Coffeecup, then try editing it in Blue Griffon… The free WYSIWYG editor

 

On-Line and desktop References for html and CSS

The following is one of the best on-line HTML and CSS resource anywhere!

CSS at Sitepoint.com

HTML at Sitepoint.com

Sitepoint also offers a "plug-in called Code Burner, it's a quick interface that resides on your desktop or in your FireFox Browser. It is linked to the sitepoint on-line references for CSS and HTML. Check out Code Burner!

Graphically Challenged?

The Cool Text web site will help you design a logo. The Cool Text Wizard

 

Enjoy your Thanks giving… we'll see you in class next week!