- Announcements
- WJB Contact Info
- Buchholz Biography
- Student Info Form
- E-mail Buchholz
- E-mail IDCC Dept
- IDCC Faculty Info
IDCC 380 Announcements
Monday, February 01, 2010
CSS Box Model, 02/01/10
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 Monday, February 01, 2010 (permalink) 0 Comments Links to this post
top of page
Easy Thumbnails Download, 02/01/10
Check this out: 
My gift to you in an ongoing effort to make your lives simpler. To quote from the product Web site:
"Easy Thumbnails is a popular free Windows utility for creating accurate thumbnail images and scaled-down/up copies from a wide range of popular picture formats. An elegant interface makes it a snap to find your images and select them for processing individually, in groups, or in whole folders, using a simple file selector and built-in image viewer. You can use slider controls to rotate images and adjust their contrast, brightness, sharpness and quality, and check out the results with the built-in viewer."
Download Easy Thumbnails for free.
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: Easy Thumbnails, graphics, thumbnail, Windows platform
WJB posted on Monday, February 01, 2010 (permalink) 0 Comments Links to this post
top of page
Thursday, January 28, 2010
Photos, Greeked Text, and Page Validation File, 01/28/10
Check this out:
For those of you without your own graphics content, feel free to use my public photographs on Picasa Web Albums: Buchholz Photography on Picasa Web. You may alter, crop, and resize these photographs using the graphics program of your choice. No source attribution is necessary if you use these photos.Additionally, here is the file you will need to supply your greeked text and the validation URLs for your Web site footer: 380 Site Greeked Text and Validation.
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: graphics, greeked text, photography, photos, Picasa Web Albums, validation, w3c.org
WJB posted on Thursday, January 28, 2010 (permalink) 0 Comments Links to this post
top of page
Monday, January 25, 2010
Exercises 1-5: CSS Layout Templates -- Ice, Liquid, and Jello 01/25/10
Check this out:
Our layout exercises will deal with flow, layers (divs) and absolute pixel placement. The PowerPoint tutorial on Divs and Floats will prepare you for some of the basic layout and design principles that are predominant on the Web today. The tutorial is also available in PDF format for printing (Divs and Floats PDF). The print version also supplies notes on the discussion.In preparation for building the five templates of exercises one through five, we will discuss the design terms "ice," "jello," (aka "elastic") and "liquid" (aka, "fluid") page layouts. Over the next few days, you will be creating pages that participate in each of these design schools. Read John Potter's article Ice, Liquid and Jello Design for a quick thumbnail overview of these three design principles. Pay special attention to his animated layouts. Also take a look at Kayla Knight's Fixed vs. Fluid vs. Elastic Layout: What's The Right One For You?
Following are a few selected Web sites that illustrate the three layout concepts of exercises one through five.
Liquid (fluid) design (all elements flow):
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.webdeveloper.com/forum/showthread.php?t=63332
Ice design (all elements are fixed):
http://www.mpix.com/
http://foreignexchange.tv/
http://lenovo.com/us/en/
Jello (elastic) design (some elements flow; some are fixed):
http://icanaz.org/
http://www.w3schools.com/css/
http://webdesign.about.com/od/layout/i/aa060506.htm
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://www.webforumz.com/
http://www.search-this.com/2007/11/14/hip-to-be-square/
http://www.d.umn.edu/
http://www.evolt.org/article/Liquid_Design_for_the_Web/%2020/15177/
On your layouts.htm gateway page, you will provide floated thumbnail screenshots (no larger than 200px x 200px) hyperlinked to an actual Web site illustrating each of these three layout types. I will provide explicit instructions in class on all aspects of this complete layout assignment.
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, John Potter, Kayla Knight, layout, liquid layout, template
WJB posted on Monday, January 25, 2010 (permalink) 0 Comments Links to this post
top of page
Thursday, January 21, 2010
Purchase of Dreamweaver CS4, 01/21/10
Check this out:
I know that a good number of you are interested in purchasing Dreamweaver CS4. Here are the instructions for the licensed student purchase through Bentley U. Note the student price is $99, plus shipping and handling. This price cannot be beat. I highly recommend that you take advantage of this if you can.It's very important that you purchase the correct platform (Windows or Mac), as this software is not returnable and not refundable for any reason.
Windows Platform License
https://owa.bentley.edu/owa/redir.aspx?C=dcc911fc496548bb9cecf2dceca2aecb&URL=http%3a%2f%2fwww.cdwg.com%2fshop%2fproducts%2fdefault.aspx%3fEDC%3d1603103 (add to cart)
You must also add 1603100 to the cart for the media (from the shopping cart use the quick cart function)
Note: If you have trouble accessing this page, copy the entire URL into your Web browser address bar and press enter.
Macintosh Platform License
https://owa.bentley.edu/owa/redir.aspx?C=dcc911fc496548bb9cecf2dceca2aecb&URL=http%3a%2f%2fwww.cdwg.com%2fshop%2fproducts%2fdefault.aspxEDC%3d1603099 (add to cart)
You must also add 1603096 to the cart for the media (from the shopping cart use the quick cart function)
Your order total including media should be $115.69 plus tax and shipping, and your order should arrive within 2-3 weeks.
If you have any problems, email https://owa.bentley.edu/owa/redir.aspx?C=dcc911fc496548bb9cecf2dceca2aecb&URL=mailto%3astudentsales%40cdwg.com or contact Bentley's sales rep, Lisa West-Woodard, at https://owa.bentley.edu/owa/redir.aspx?C=dcc911fc496548bb9cecf2dceca2aecb&URL=mailto%3aLisawes%40cdw.com
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: adobe, Dreamweaver, Windows platform
WJB posted on Thursday, January 21, 2010 (permalink) 0 Comments Links to this post
top of page
Monday, January 18, 2010
The "Social Media Revolution," 01/18/10
Check this out:If you want to get an interesting dose of perspective, view this video on the "Social Media Revolution":
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: internet, social media, Web
WJB posted on Monday, January 18, 2010 (permalink) 0 Comments Links to this post
top of page
Thursday, January 14, 2010
Information Architecture and the WWW, 01/18/10
Check this out: 
Thursday's introductory presentation on Information Architecture and the World Wide Web is available for you to view on your own computer. Just click on the icon to your right, and you will be taken to the tutorial.
Here are some of the key terms we will be covering, terms that will keep cropping up throughout the course:
- primary, secondary, and tertiary navigation
- top-tier and second-tier navigation
- drop-down/fly-out menu
- banner, footer, contents area of a page template
- findability
- browse
- search
- content, context, user
- xhtml, css, dhtml, JavaScript, Ajax (Asynchronous JavaScript and XML), Spry components, and programmable widgets
- RSS feeds and subscriptions
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: ajax, browse, drop-down/fly-out menu, findability, JavaScript, primary navigation, search, second-tier navigation, secondary navigation, tertiary navigation, top-tier navigation, Web 2.0
WJB posted on Thursday, January 14, 2010 (permalink) 0 Comments Links to this post
top of page
Wednesday, January 13, 2010
Welcome to IDCC 380, Web Design II, 01/16/10
Check this out:Building upon the knowledge and experience gained in IDCC 370 Web Design I, this course develops further the generally accepted concepts and applications of information architecture, human factors, and usability in creating and managing Web sites.
Topics include page layout and design, navigation systems, interface design, Web graphics information architecture, interactivity, writing for the Web, site architecture, management, and maintenance. You will work with high-end Web authoring tools to create various site elements.Please take a moment to fill out the IDCC 380 student information form.
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: human factors, information architecture, interactivity, navigation systems, usability, web design
WJB posted on Wednesday, January 13, 2010 (permalink) 0 Comments Links to this post
top of page
