IDCC 370: Web Design I   Spring 2008

Check this out:

This week in class we will finish the template exercise and then move on to Exercise 3. You will get some hands-on experience in optimizing Web graphics, image placement on the page, and general page layout that I think you will find interesting and timely. I say timely because of the theme I personally have chosen, which you can see suggested here to the right: the islands beckon....and especially during these coldest and snowiest months of winter.

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: beach, design, free Web graphics, Graphics, image placement, layout, optimize graphics

Check this out:

As I mentioned in class today, you will need to become familiar 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 template, and as we do, you will see 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.

Labels: Andy Budd, Bert Bos, Cascading Style Sheets, CSS, CSS box model, design, Hakon Wium Lie, layout, navigation, template

Check this out:

Tuesday we will begin creating our site template, the page layout that will be used ultimately to generate all the pages of the site. You will note in creating this exercise, that you will need to supply paragraphs of text. In the design business, this text is known as "greeked." (Click on this image to find out Microsoft's explanation of "Lorem ipsum.") Here is the "greeked" text you should use when pouring content into a template:

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

Copy the paragraph above, and insert it into your template at appropriate points. Duplicate and expand it where necessary.

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: graphic design, greeked text, lorem ipsum, template