Wednesday, January 28, 2009
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).

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: Andy Budd, cascading style sheets, css box model, design, Hakon Wium Lie, internal navigation, layout, template
WJB
posted on
Wednesday, January 28, 2009
(permalink)
0 Comments

top of page
Friday, February 01, 2008
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).

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: Andy Budd, cascading style sheets, css box model, design, Hakon Wium Lie, internal navigation, layout, template
WJB
posted on
Friday, February 01, 2008
(permalink)
1 Comments

top of page
Wednesday, January 30, 2008
Check this out: 
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: cascading style sheets, child, css, css box model, form elements, hierarchy, Lee Underwood, parent-child relationship, parent-child-sibling, relationship, sibling, sibling relationship, xhtml
WJB
posted on
Wednesday, January 30, 2008
(permalink)
0 Comments

top of page
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.

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: Andy Budd, cascading style sheets, container metaphor, css box model, CSS Tab Designer, exercises, layout
WJB
posted on
Monday, January 29, 2007
(permalink)
0 Comments

top of page