Week 5 -- Review

Making Web Pages and a Web Site

Now you know that making a web page and a web site involves many different things...
Having a good Web Editor really helps. I hope you have found the free Coffee Cup HTML editor useful.


Web Page Layout Using CSS

CSS layout uses the "Box Model" to "contain" the major parts of a web page.

But, just because we call it the box model, doesn't mean that a web page has to look "boxy!" This web site, the Zen Garden shows how the same content can styled differently! You can see a collection of the different styles here!   Here's a couple of thumbnails that will give you the idea... there are hundreds of examples at the above link.

However, building a layout can be tricky as we have to apply "Position Rules", to move elements into different positions.

To speed up your web page building, you can start out with a basic preset CSS layout. I have found the following preset CSS layouts at http://www.code-sucks.com/ to be quite useful, On this web page I compare the differences between the two kinds of layouts, Faux and Fixed...  Basic Preset CSS Layouts

CSS Layouts are a good way to start building a web page and site ... the links on the basic preset css layout page will take you to the code-sucks.com web site CSS layout pages. You'll find a variety of layouts from single to four columns, headers footers and spaces for navigation and footers.  Choose a preset that fits how you want your web page to look, oops, to be layed out!

Sample look of layouts

Fill in your content in the appropriate spaces... then add the styling!
The possibilities are only limited by your imagination!
If you do a Google search for CSS Layouts you will find many, many more CSS Layout possibilities...

Good Luck, Have fun and
Practice, Practice, Practice

and if you need help or have a question, just 'holler

Garry Stasiuk