Week 3 --Web Class

 

CLASS #3 Notes:
“People don't read web pages,
they scan them!" --anon

The Box Model! Div's and CSS and HTML5

Subjects

1. The <a> </a> element
2. The Box Model
3. Div's
4. CSS, some simple rules
5. Layout

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.

This week

• How to use the <div></div> element. The Box Model
• CSS Styling Rules 

Resources

Links
http://uofgts.com/BasicWD/links.html 

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

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

How to add Color
http://uofgts.com/BasicWD/lesson02.html 

Some On-Line and desktop References for html and CSS

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? Need a Logo?

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

Homework
Install and try out Blue Griffon (a free WYSIWYG Web Editor)

Next e-mail/blog --- how to use Blue Griffon to layout a web page...