IDCC 380: Web Design II Spring 2010

Exercises 1-5: CSS Layout Templates -- Ice, Liquid, and Jello 01/23/08

Check this out:

Our layout exercises will deal with flow and absolute pixel placement. In preparation for building the five templates of exercises one through five, we will discuss the design terms "ice," "jello," and "liquid" layouts. Over the next few days, you will be creating pages that participate in each of these design schools.

Following are a few selected Web sites that illustrate the three layout concepts of exercises one through five.

Liquid design (all elements flow)
http://www.evolt.org/article/Liquid_Design_for_the_Web
/ 20/15177/
http://www.webstandards.org/
http://www.htmlbasictutor.ca/flexible-liquid-design.htm
http://www.maxdesign.com.au/presentation/em/
http://www.w3.org/
http://bluerobot.com/web/layouts/
http://www.mardiros.net/liquid-design.html
http://www.d.umn.edu/is/support/Training/Online/
webdesign/usability.html
http://www.webdeveloper.com/forum/showthread.php?t=63332

Ice (all elements are fixed)
http://www.adobe.com/?ogn=EN_US-gn_home
http://www.w3schools.com/css/
http://www.mpix.com/
http://foreignexchange.tv/
http://lenovo.com/us/en/

Jello (some elements flow; some are fixed):
http://webdesign.about.com/od/layout/i/aa060506.htm
http://www.glish.com/css/
http://www.sitepoint.com/
http://webstyleguide.com/page/fixed-flex.html
http://www.themaninblue.com/writing/perspective/2003/12/22/
http://www.zdnet.com/
http://roselli.org/adrian/articles/liquid.asp
http://cyber.bentley.edu/faculty/wb/courses/370/
http://www.cnn.com/
http://bentley.edu/
http://lsvp.wordpress.com/
http://webdesigninfo.wordpress.com/web-templates/
http://icanaz.org/
http://www.webforumz.com/
http://www.search-this.com/2007/11/14/hip-to-be-square/

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: design, ice layout, jello layout, layout, liquid layout, template

WJB posted on Wednesday, January 23, 2008 (permalink)

  top of page

---