IDCC 370 Announcements

Wednesday, October 21, 2009

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, August 24, 2009

Welcome to IDCC 370, Web Design I, 08/11/09

Check this out! Check this out:

A revolutionary development in communication, the World Wide Web offers unprecedented access to mass audiences. This introductory course focuses on the principles and practices necessary to create effective pages for the Web.

You will receive instruction in writing hypertext documents, designing Web pages, authoring well-formed XHTML, CSS (Cascading Style Sheets), and meeting a variety of technical challenges. Keep smiling.The course focuses on purpose, scope, and audience considerations in page design; writing informative and persuasive on-line documents; designing coherent, portable, navigable, and interactive pages; and employing the fundamental principles of color theory, typography, layout and graphic design for the Web.

Combining lab, lecture, and discussion, you will learn the best practices of electronic design to create your own interactive Web sites. Be sure to check into the class Web site every day for announcements.

A Bentley Web designer. Source: Microsoft Clipart, file j0182543,jpg. (n.d.). Retrieved January 13, 2007.Here is a picture of a Web designer. And this is what you want to turn into? I look forward to our journey together into the wonderful world of 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.

Labels: , , , , , , , , , , ,

posted by WJB at | 2 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


Monday, February 09, 2009

Site Template Construction, 02/09/09

Check this out! Check this out:

In undertaking exercise two, Web site template construction, you will be tackling some rather sophisticated design approaches that combine XHTML and CSS (Cascading Style Sheets). To gain a better understanding of the standards involved, please review the first seven slides in the PowerPoint tutorial on Cascading Style Sheets.

Also remember that when you create content for the Web in Dreamweaver, you must never use the alignment icons on the properties bar, as depicted (and crossed out) here:

No, no, no: do not add deprecated font attributes to your XHTML elements.These icons insert deprecated HTML attributes into your page markup (align="left"; align="right"; align="center"; align="justify"). Instead of these deprecated attributes, use CSS in creating your Web site according to standards.

Dreamweaver insert div icon. Click on this image to find out Microsoft's explanation of 'Lorem ipsum'When we create our site template, we are establishing the layout and design that will be used ultimately to generate all the pages of the site. Note that in creating this exercise, you supplied paragraphs of text in Latin. In the design business, this text is known as "greeked." (Click on this image to find out Microsoft's explanation of "Lorem ipsum.")

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


Thursday, January 15, 2009

Welcome to IDCC 370, Web Design I, 01/15/09

Check this out! Check this out:

A revolutionary development in communication, the World Wide Web offers unprecedented access to mass audiences. This introductory course focuses on the principles and practices necessary to create effective pages for the Web.

You will receive instruction in writing hypertext documents, designing Web pages, authoring well-formed XHTML, CSS (Cascading Style Sheets), and meeting a variety of technical challenges. Keep smiling.The course focuses on purpose, scope, and audience considerations in page design; writing informative and persuasive on-line documents; designing coherent, portable, navigable, and interactive pages; and employing the fundamental principles of color theory, typography, layout and graphic design for the Web.

Combining lab, lecture, and discussion, you will learn the best practices of electronic design to create your own interactive Web sites. Be sure to check into the class Web site every day for announcements.

A Bentley Web designer. Source: Microsoft Clipart, file j0182543,jpg. (n.d.). Retrieved January 13, 2007.Here is a picture of a Web designer. And this is what you want to turn into? I look forward to our journey together into the wonderful world of 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.

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


Tuesday, October 07, 2008

CSS Box Model, 10/07/08

Check this out! Check this out:

As I have mentioned in class numerous times, 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). Andy Budd's CSS Box Model from his book 'CSS Mastery: Advanced Web Standards Solutions.'

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 continue to 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. 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, July 28, 2008

Welcome to IDCC 370, Web Design I, 07/28/08

Check this out! Check this out:

A revolutionary development in communication, the World Wide Web offers unprecedented access to mass audiences. This introductory course focuses on the principles and practices necessary to create effective pages for the Web.

You will receive instruction in writing hypertext documents, designing Web pages, authoring well-formed XHTML, CSS (Cascading Style Sheets), and meeting a variety of technical challenges. Keep smiling.The course focuses on purpose, scope, and audience considerations in page design; writing informative and persuasive on-line documents; designing coherent, portable, navigable, and interactive pages; and employing the fundamental principles of color theory, typography, layout and graphic design for the Web.

Combining lab, lecture, and discussion, you will learn the best practices of electronic design to create your own interactive Web sites. Be sure to check into the class Web site every day for announcements.

A Bentley Web designer. Source: Microsoft Clipart, file j0182543,jpg. (n.d.). Retrieved January 13, 2007.Here is a picture of a Web designer. And this is what you want to turn into? I look forward to our journey together into the wonderful world of 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.

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