- Announcements
- WJB Contact Info
- Buchholz Biography
- Student Info Form
- E-mail Buchholz
- E-mail IDCC Dept
- IDCC Faculty Info
IDCC 380 Announcements
Monday, March 02, 2009
CSS Tab Designer, 03/03/09
Check this out: 
Here is some information about CSS Tab Designer, and a link to the download page (click on graphic). Have a blast.
Spend some time before next class familiarizing yourself with this little utility. We'll hit the ground running with it on Tuesday, February 26.
"Create killer menus effortlessly! CSS Tab Designer is a unique and easy to use software to help you design css-based lists and tabs visually and without any programming knowledge required!
With the CSS Tab Designer, you can :
Quickly design your list visually
- Choose from a variety of styles/colors (60+ different designs/colors supported).
- Generate strict xhtml compliant code"
Labels: css, CSS Tab Designer, xhtml
WJB posted on Monday, March 02, 2009 (permalink) 0 Comments Links to this post
top of page
Sunday, February 24, 2008
Exercise 7 - Usability Associates Services, 02/24/08
Check this out:Tuesday, February 26, we will begin Exercise 7, using one set of the tabs you generated with CSS Tab Designer, Thursday, February 21.
This tab set will become the top-tier primary navigation in the header of the services page of our prototype site, Usability Associates.Exercise 7 will allow you to place the tabs in a fully functional template, complete with wrapper, header, left-column secondary navigation, right column content, and footer. The screenshot at right (click for larger view) illustrates the prototype I built from a tab set placed into one of the earlier layout exercises.
This exercise introduces you to a number of new Web design challenges, chief of which is putting together layout (with appropriate color palette), primary navigation (generated), secondary navigation (hand carved), exported and commented CSS, exported JavaScript, W3C validation, and high level prototype functionality. All in all, this exercise is an excellent design, information architecture, and site management experience.
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: css, CSS Tab Designer, information architecture, internal navigation, navigation systems, primary navigation, prototype, secondary navigation, template, top-tier navigation, web design
WJB posted on Sunday, February 24, 2008 (permalink) 0 Comments Links to this post
top of page
Thursday, February 21, 2008
CSS Tab Designer, 02/21/08
Check this out: Here is some information about CSS Tab Designer, and a link to the download page (click on graphic). Have a blast.
Spend some time before next class familiarizing yourself with this little utility. We'll hit the ground running with it on Tuesday, February 26.
"Create killer menus effortlessly! CSS Tab Designer is a unique and easy to use software to help you design css-based lists and tabs visually and without any programming knowledge required!
With the CSS Tab Designer, you can :
Quickly design your list visually
- Choose from a variety of styles/colors (60+ different designs/colors supported).
- Generate strict xhtml compliant code"
Labels: css, CSS Tab Designer, xhtml
WJB posted on Thursday, February 21, 2008 (permalink) 0 Comments Links to this post
top of page
Wednesday, April 04, 2007
IDCC 380 Sites Nicely Designed, 04/10/07
Check this out:Take a look at some really appealing designs and course work that your classmates submitted for assignment one:
- Siraj Bilimoria
- Jason Feldman
- Brian Gilbreath
- Josh Mahoney
- Kimberly O'Connor
- Robyn Saidi
- Jennifer Shabshelowitz
- Laura Tabb
Here are the problem areas that were general:
- SEO: poor page titles; no meta keywords or descriptions. Be sure to correct these on all pages (except the exercise pages).
- On your dream site prototype and your IDCC 380 Web site, kill all self-referencing links. If your navigation setup causes you trouble in doing this, let me know.
- Remember that you are creating a Web; you need to make sure that from any page in the Web your visitor can easily get back home (except the exercise pages; I give you a pass on those).
- Many of you experienced wrapper problems. Be sure to correct these. Ask if you need some help with this.
- Provide a signature and a text global navigation bar in the footer of your IDCC 380 site and prototype dream site pages. The footer minimally should include date, time, and contact information. You need not include the footer on exercise pages.
- Avoid non-informative hyperlinks such as click here.
- Watch your proofreading. Remember as well to use Shift/F7 in Dreamweaver to check your pages for spelling.
Labels: assignment one, CSS Tab Designer, design, dream site, Dreamweaver, footer, hyperlinks, non-recursive hyperlinks, proofreading, prototype, student sites
WJB posted on Wednesday, April 04, 2007 (permalink) 0 Comments Links to this post
top of page
Monday, February 05, 2007
XHTML Strict and Transitional Validation, 02/05/07
Check this out:
An important part of your Web design experience involves creating pages that will be future-proofed -- that is, pages and sites designed in such a way that they are well-formed and valid today so they do not have to be re-engineered for tomorrow's Web or for the next new type of rendering engine or Internet appliance.Your first exercise using CSS Tab Designer will call for W3C validation of the pages you create. I will explain all of this to you carefully in class, and demonstrate how all of this works. You may want to get a little head start on the main show by viewing the PowerPoint tutorial on XHTML. You can also print a pdf version of the entire tutorial.
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: CSS Tab Designer, PowerPoint tutorial, re-engineer, tutorial, valid, web design, well-formed, xhtml
WJB posted on Monday, February 05, 2007 (permalink) 0 Comments Links to this post
top of page
Thursday, February 01, 2007
Exercise One on Menus, 02/01/07
Check this out:
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: cascading style sheets, CSS Tab Designer, Dreamweaver, exercises, navigation systems
WJB posted on Thursday, February 01, 2007 (permalink) 0 Comments Links to this post
top of page
CSS Tab Designer, 02/01/07
Check this out: "Create killer menus effortlessly! CSS Tab Designer is a unique and easy to use software to help you design css-based lists and tabs visually and without any programming knowledge required!
With the CSS Tab Designer, you can :
- Quickly design your list visually
- Choose from a variety of styles/colors (60+ different designs/colors supported).
- Generate strict xhtml compliant code"
Labels: css, CSS Tab Designer, xhtml
WJB posted on Thursday, February 01, 2007 (permalink) 0 Comments Links to this post
top of page
Monday, January 29, 2007
Mastering the Box Model, 01/30/07
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 Links to this post
top of page
