IDCC 380 Announcements

Wednesday, January 28, 2009

CSS Box Model, 01/30/09

Check this out! Check this out:

As I have mentioned in class, you will need to become comfortable with the css box model, as that forms the conceptual and technical underpinning of all layout, navigation, and design elements using Cascading Style Sheets (CSS). Andy Budd's CSS Box Model from his book 'CSS Mastery: Advanced Web Standards Solutions.'

Note this figure from Andy Budd. You can see from this set of "boxes" how the container metaphor works and how white space can be introduced into page design. In class, we will continually put this box model into action, as we work throughout the semester with margins, borders, and padding. Of course, all of this guides the shape of the ultimate container: our "wrapper" div. I think you will enjoy the design power that css and its box model give you.

Next class, we will continue to work on our layout exercises, and as we do, you will see again and again the large number of ways that the CSS box model plays a major role, in layout, design, and ultimately navigation.

If you have questions, just e-mail me at wbuchholz@bentley.edu. Feel free to comment on this announcement, or if you want to e-mail it, click on the little mail icon directly below. Note also that each announcement has a permanent link, available through the announcement title and posting date.

Labels: , , , , , , ,


Friday, February 01, 2008

CSS Box Model, 01/02/08

Check this out! Check this out:

As I have mentioned in class, you will need to become comfortable with the css box model, as that forms the conceptual and technical underpinning of all layout, navigation, and design elements using Cascading Style Sheets (CSS). Andy Budd's CSS Box Model from his book 'CSS Mastery: Advanced Web Standards Solutions.'

Note this figure from Andy Budd. You can see from this set of "boxes" how the container metaphor works and how white space can be introduced into page design. In class, we will continually put this box model into action, as we work throughout the semester with margins, borders, and padding. Of course, all of this guides the shape of the ultimate container: our "wrapper" div. I think you will enjoy the design power that css and its box model give you.

Next class, we will continue to work on our layout exercises, and as we do, you will see again and again the large number of ways that the CSS box model plays a major role, in layout, design, and ultimately navigation.

If you have questions, just e-mail me at wbuchholz@bentley.edu. Feel free to comment on this announcement, or if you want to e-mail it, click on the little mail icon directly below. Note also that each announcement has a permanent link, available through the announcement title and posting date.

Labels: , , , , , , ,


Wednesday, January 30, 2008

The XHTML Hierarchy: Thinking Inside the Box, 01/30/08

Check this out! Check this out: HTML Container.

Lee Underwood's article on the HTML Hierarchy will help you to understand the container model and XHTML hierarchy, both essential to working effectively with Cascading Style Sheets (CSS).

Underwood notes in part two of his article: "As we look at the structure of the page we will see that each element is related to another element. This is called a parent-child-sibling relationship [tree structure]. An element that is directly above another element in the hierarchy is called the parent of the element below it. The element below the parent is called the child. When two elements are equal in the hierarchy, they are known as siblings."

If you have questions, just e-mail me at wbuchholz@bentley.edu. Feel free to comment on this announcement, or if you want to e-mail it, click on the little mail icon directly below.

Labels: , , , , , , , , , , , ,


Thursday, February 01, 2007

Exercise One on Menus, 02/01/07

Check this out:

Navigation menu model.I promised you in class today an easy way to get to the navigation menu model, which illustrates your first navigation exercise using CSS Tab Designer. Just use this model to refresh your memories about what I am functionally expecting in this assignment. Do not feel that you have to copy my menus or color scheme.

Remember to supply the greeked text and any images you may want in laying out your pages. At this point, do not worry about the jump menu. We can work on that using Dreamweaver in class on Tuesday, February 6. Come Tuesday with all six menu pages finished so you can demonstrate to the class your menu choices in a nice tight little web of possibilities.

If you have questions, just e-mail me at wbuchholz@bentley.edu. Feel free to comment on this announcement, or if you want to e-mail it, click on the little mail icon directly below.

Labels: , , , ,


Monday, January 29, 2007

Mastering the Box Model, 01/30/07

Check this out! Check this out:

As we begin to think of creating our Web sites, you will need to be comfortable with the css box model, as that forms the conceptual and technical underpinning of all layout and design elements with css. Andy Budd's CSS Box Model from his book 'CSS Mastery: Advanced Web Standards Solutions.'

Note this figure from Andy Budd. You can see from this set of "boxes" how the container metaphor works and how white space can be introduced into page design. In class, we will put this box model into action, as we create a "wrapper" div in preparation for our navigation, layout, and template exercises. I think you will enjoy the design power that css and its box model give you.

If you have questions, just e-mail me at wbuchholz@bentley.edu. Feel free to comment on this announcement, or if you want to e-mail it, click on the little mail icon directly below.

Labels: , , , , , ,


information design directory:
information design home |contact|author bio|courses|tutorials|publications|site map

As of Friday, August 21, 2009 10:10 AM
information design copyright © 1998 by William J. Buchholz
This document conforms to W3C CSS specifications.