I would approach it this way:
I. Separation of style and content
II. Where to put CSS: style sheets, between head tags, inline
III. Block vs. Inline Elements
IV. Margins, Padding, Border
I think that is about all you can reasonably cover in 3 hours
considering your other curriculum items. Positioning is really
complicated and on most tutorials, you only see it in "part 2" or
On 4/27/06, Paul Vaughan [EMAIL-REMOVED]> wrote:
> Hi all.
> I am creating a course on how to design web sites using CSS. (That's a
> very loose title: it could easily be "How to make your website
> better..." etc.) It will be a 3-hour short course for people with some
> experience of web design, aimed at individuals and small businesses, and
> does not need to go into huge amounts of detail.
> I'd like everyone's input into what I should be teaching. I'll cover the
> 'why', so all I need is the 'what'.
> My plan so far (in a nutshell):
> 1) Text structure, use of semantics (refer to the bare CSS Zen Garden site)
> 2) Typefaces/fonts (styles and relative/absolute sizes)
> 3) Positioning (reasonably simple: fixed to fit in 800x600 or full
> screen width)
> 4) Images (in the design, not the content)
> 5) Multiple style sheets and switching between them
> I don't want to get bogged down with designing for different browsers
> and all the required hacks unless absolutely necessary.
> I'll probably cover print media style sheets, as I believe a web page
> should look good on the web as well as on paper.
> Please remember this is 3 hours maximum, to people who aren't
> necessarily web designers (or who may not be) and who may not have heard
> of standards-compliance or Firefox/Opera/Mozilla etc, even though I will
> be mentioning these a lot. 3 hours will fly by. I realise this is a
> list consisting of both the CSS elite and the noobs and everyone in
> between, and I'd like opinions and ideas from all of you!
> All thoughts and comments welcome. If someone's already done this, save
> me from reinventing the wheel.
> Cheers all,
> css-discuss [EMAIL-REMOVED]]
> IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
> List wiki/FAQ -- http://css-discuss.incutio.com/
> Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/