IDCC 370 Announcements

Monday, November 16, 2009

Floating Callouts and Graphics, 11/16/09

Check this out! Check this out:

Our focus in class will be on creating a number of CSS rules that allow you to float callouts and graphics left and right. The float, as many of you have learned already, is an essential design concept in CSS. Shaking hands.Two women communicating in the office.Using your exercise six cleanly scrubbed, XHTML-ized, Semantic Web-proofed, well-formed and valid text, Open Communication Climate, you will plant two callouts and two graphics, both left and right, making necessary adjustments to the graphics and text to improve design for readability and overall aesthetics. You will want to pay special attention to the relationship of the graphics, callouts, paragraph size, and headings: a full-bore design experience is about to be yours.

The graphics above left and right are the ones you will use for this exercise. I will provide written instructions and will work through the design and rule-writing with you in class. I think you will find working with the float to be a lot of fun.

Exercise 6a, 6b, 6c.While you will be receiveing printouts of the exercise in class, you may want to have electronic access to them in pdf form:
  1. Exercise 6a: Optimizing a Word File in XHTML
  2. Exercise 6b: Callouts and Graphics Floated
  3. Exercise 6c: Contents with Style
At the bottom of your newly designed page, you will add this source note after the Buchholz source note:

Microsoft Office Clip Art Photographs: j0406569.jpg (Shaking hands) and j0289517.jpg (2 women in office). (n.d.). Microsoft Office 2003. Redmond, WA: Microsoft Corporation.
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: , , , , , , , ,

posted by WJB at | 0 Comments | Links to this post

Top of page.top of page


Tuesday, October 27, 2009

Sites for Free Graphics, 10/27/09

Check this out! Sign up and log in at the stockxchange.com.Check this out:

In thinking of the graphic signature (look and feel) of your site as communicated effectively through the banner, buttons, and color palette, you may need to do a little more exploration for graphics.

Here are three sites that offer a wonderful selection of free photographs (note their fair use policies as published on their sites):

In class you will be able to explore some of these sites to work on your banner as we begin the next exercise. Remember, you will also be experimenting with graphics effects using other free materials from the Microsoft clip art photo collection, brownielocks (http://www.brownielocks.com/backgrounds.html), and GRSites (http://www.grsites.com/archive/textures/).

Note: When you start to download free material, remember to save the graphics in your masters subfolder of the images folder. Be sure to name any file you download with the site name prior to the graphic filename; for example, brownielocks-dribblessplats.jpg. Then, as you acquire graphics from brownielocks and other vendors, the files will be together in the masters subfolder. Remember, you need to credit all your graphics sources and provide links to the graphic (or at least to the site if you cannot link to the graphic). It is very important that you keep all of these files straight, so take care.

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: , , , ,

posted by WJB at | 0 Comments | Links to this post

Top of page.top of page


Wednesday, October 21, 2009

Raster and Vector Graphics 10/21/09

Check this out! Check this out: Exercise 3: Raster and Vector Graphics.

We are now ready to venture into the marvelous world of Web graphics: raster (aka bitmap) and vector (using math, geometrical primitives). Exercise 3 introduces you to editing and layout of the major raster graphic format on the Web: jpg (or jpeg). You will download, source, edit, and layout a number of graphics in the next class meeting and for the remainder of the course.

The Web Graphics Tutorial.As an introduction to graphics, we will review the tutorial "Web Graphics: Vector and Raster," also available in print form as a pdf file.

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: , , , , , ,

posted by WJB at | 0 Comments | Links to this post

Top of page.top of page


Site Design and Graphics, 10/21/09

Check this out! Check this out:

In preparation for your upcoming assignments, you should be scouting the Web for sites whose design you admire. You will want to pay special attention to the color palette, layout, and design of the banner and navigation areas of the sites. Take your time to explore the sites in the following list:
Make some mental notes (or better yet, jot down some ideas) that you can incorporate into your own site as we move into the final phases of designing your sites.

You will also want to visit free graphics sites for images you can use in your design. In class, and in exercise 4, you will be experimenting with graphics effects using materials from the Microsoft clip art photo collection, brownielocks (http://www.brownielocks.com/backgrounds.html), and GRSites (http://www.grsites.com/archive/textures/).

Free photographs at http://www.free-stockphotos.com/.When you start to download free material, remember to save the graphics in your masters subfolder of the images folder. Be sure to name any file you download with the site name prior to the graphic filename; for example, brownielocks-dribblessplats.jpg. Then, as you acquire graphics from brownielocks and other vendors, the files will be together in the masters subfolder. Remember, you need to credit all your graphics sources and provide links to the graphic (or at least to the site if you cannot link to the graphic). It is very important that you keep all of these files straight, so take care.

In selecting the graphics sites and downloading your material, you should be thinking of the whole look and feel of your site: colors, graphics, and page design. Do you want your site to be light and airy? Dark and brooding? Serious and professional? Wild and crazy? Subdued and understated? Adventuresome? Cute? Tough? Nationalistic (e.g., Irish, Italian, American)?

We will spend some time in class working through the technical aspects of design, so you should have plenty of opportunity to experiment. But do not save this work for class alone. Work on your design outside as well.

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: , , , , , , , , , , ,

posted by WJB at | 0 Comments | Links to this post

Top of page.top of page


Monday, March 16, 2009

Sites for Free Graphics, 03/16/09

Check this out! Check this out: Sign up and log in at the stockxchange.com.

In thinking of the graphic signature (look and feel) of your site as communicated effectively through the banner, buttons, and color palette, you may need to do a little more exploration for graphics.

Here are three sites that offer a wonderful selection of free photographs (note their fair use policies as published on their sites):
In class you will be able to explore some of these sites to work on your banner as we begin the next exercise. Remember, you will also be experimenting with graphics effects using other free materials from the Microsoft clip art photo collection, brownielocks (http://www.brownielocks.com/
backgrounds.html
), and GRSites (http://www.grsites.com/archive/textures/).

Note: When you start to download free material, remember to save the graphics in your masters subfolder of the images folder. Be sure to name any file you download with the site name prior to the graphic filename; for example, brownielocks-dribblessplats.jpg. Then, as you acquire graphics from brownielocks and other vendors, the files will be together in the masters subfolder. Remember, you need to credit all your graphics sources and provide links to the graphic (or at least to the site if you cannot link to the graphic). It is very important that you keep all of these files straight, so take care.

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: , , , ,

posted by WJB at | 0 Comments | Links to this post

Top of page.top of page


Saturday, February 28, 2009

Site Design and Graphics, 02/28/09

Check this out! Check this out:

In preparation for your upcoming assignments, you should be scouting the Web for sites whose design you admire. You will want to pay special attention to the color palette, layout, and design of the banner and navigation areas of the sites. Take your time to explore the sites in the following list:
Make some mental notes (or better yet, jot down some ideas) that you can incorporate into your own site as we move into the final phases of designing your sites.

You will also want to visit free graphics sites for images you can use in your design. In class, and in exercise 4, you will be experimenting with graphics effects using materials from the Microsoft clip art photo collection, brownielocks (http://www.brownielocks.com/backgrounds.html), and GRSites (http://www.grsites.com/archive/textures/).

Free photographs at http://www.free-stockphotos.com/.When you start to download free material, remember to save the graphics in your masters subfolder of the images folder. Be sure to name any file you download with the site name prior to the graphic filename; for example, brownielocks-dribblessplats.jpg. Then, as you acquire graphics from brownielocks and other vendors, the files will be together in the masters subfolder. Remember, you need to credit all your graphics sources and provide links to the graphic (or at least to the site if you cannot link to the graphic). It is very important that you keep all of these files straight, so take care.

In selecting the graphics sites and downloading your material, you should be thinking of the whole look and feel of your site: colors, graphics, and page design. Do you want your site to be light and airy? Dark and brooding? Serious and professional? Wild and crazy? Subdued and understated? Adventuresome? Cute? Tough? Nationalistic (e.g., Irish, Italian, American)?

We will spend some time in class working through the technical aspects of design, so you should have plenty of opportunity to experiment. But do not save this work for class alone. Work on your design outside as well.

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: , , , , , , , , , , ,

posted by WJB at | 0 Comments | Links to this post

Top of page.top of page


Tuesday, November 18, 2008

Floating Callouts and Graphics, 11/18/08

Check this out! Check this out:

Our focus in class will be on creating a number of CSS rules that allow you to float callouts and graphics left and right. The float, as many of you have learned already, is an essential design concept in CSS. Shaking hands.Two women communicating in the office.Using your exercise six cleanly scrubbed, XHTML-ized, Semantic Web-proofed, well-formed and valid text, Open Communication Climate, you will plant two callouts and two graphics, both left and right, making necessary adjustments to the graphics and text to improve design for readability and overall aesthetics. You will want to pay special attention to the relationship of the graphics, callouts, paragraph size, and headings: a full-bore design experience is about to be yours.

The graphics above left and right are the ones you will use for this exercise. I will provide written instructions and will work through the design and rule-writing with you in class. I think you will find working with the float to be a lot of fun.

At the bottom of your newly designed page, you will add this source note after the Buchholz source note:

Microsoft Office Clip Art Photographs: j0406569.jpg (Shaking hands) and j0289517.jpg (2 women in office). (n.d.). Microsoft Office 2003. Redmond, WA: Microsoft Corporation.
Remember: when you hand in Assignment Two, due Thursday, November 20, or Friday, November 21, turn in the annotated Assignment One, so that I can make sure you had no trouble making your corrections. Be sure also to take advantage of shift-F7 in Dreamweaver; (spell-check is your best friend in Web design.)

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: , , , , , , , ,

posted by WJB at | 0 Comments | Links to this post

Top of page.top of page


Friday, October 24, 2008

Sites for Free Graphics, 10/24/08

Check this out! Check this out: Sign up and log in at the stockxchange.com.

In thinking of the graphic signature (look and feel) of your site as communicated effectively through the banner, buttons, and color palette, you may need to do a little more exploration for graphics.

Here are three sites that offer a wonderful selection of free photographs (note their fair use policies as published on their sites):
In class you will be able to explore some of these sites to work on your banner as we begin the next exercise. Remember, you will also be experimenting with graphics effects using other free materials from the Microsoft clip art photo collection, brownielocks (http://www.brownielocks.com/
backgrounds.html
), and GRSites (http://www.grsites.com/archive/textures/).

Note: When you start to download free material, remember to save the graphics in your masters subfolder of the images folder. Be sure to name any file you download with the site name prior to the graphic filename; for example, brownielocks-dribblessplats.jpg. Then, as you acquire graphics from brownielocks and other vendors, the files will be together in the masters subfolder. Remember, you need to credit all your graphics sources and provide links to the graphic (or at least to the site if you cannot link to the graphic). It is very important that you keep all of these files straight, so take care.

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: , , , ,

posted by WJB at | 0 Comments | Links to this post

Top of page.top of page


Tuesday, October 14, 2008

Site Design and Graphics, 10/14/08

Check this out! Check this out:

In preparation for your second assignment, you should be scouting the Web for sites whose design you admire. You will want to pay special attention to the color palette, layout, and design of the banner and navigation areas of the sites. Take your time to explore the sites in the following list:
Make some mental notes (or better yet, jot down some ideas) that you can incorporate into your own site as we move into the final phases of designing your sites.

You will also want to visit free graphics sites for images you can use in your design. In class, and in exercise 4, you will be experimenting with graphics effects using materials from the Microsoft clip art photo collection, brownielocks (http://www.brownielocks.com/backgrounds.html), and GRSites (http://www.grsites.com/archive/textures/).

Free photographs at http://www.free-stockphotos.com/.When you start to download free material, remember to save the graphics in your masters subfolder of the images folder. Be sure to name any file you download with the site name prior to the graphic filename; for example, brownielocks-dribblessplats.jpg. Then, as you acquire graphics from brownielocks and other vendors, the files will be together in the masters subfolder. Remember, you need to credit all your graphics sources and provide links to the graphic (or at least to the site if you cannot link to the graphic). It is very important that you keep all of these files straight, so take care.

In selecting the graphics sites and downloading your material, you should be thinking of the whole look and feel of your site: colors, graphics, and page design. Do you want your site to be light and airy? Dark and brooding? Serious and professional? Wild and crazy? Subdued and understated? Adventuresome? Cute? Tough? Nationalistic (e.g., Irish, Italian, American)?

We will spend some time in class working through the technical aspects of design, so you should have plenty of opportunity to experiment. But do not save this work for class alone. Work on your design outside as well.

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: , , , , , , , , , , ,

posted by WJB at | 0 Comments | Links to this post

Top of page.top of page


Announcements powered by Blogger.com.

Bentley University, Waltham, MA