skip to main content


CG213 Graphic Design for WWW

Class time and location:

Tuesday and Thursday; 10 - 11:50 a.m.
Instructor: Scot Connor | Chrono Ho

Monday and Wednesday; 5 - 6:50 p.m.
Instructor: Chrono Ho

Class Description

This course explores design concepts for the World Wide Web (WWW) while developing expertise in web-based typography, image file formats and sizes, hexadecimal color, frames, cascading style sheets, tables, and site interactivity. Emphasis is placed on the understanding of browser constraints, hypertext markup language (HTML), site planning, and site structure.    

Prerequisites: GD110 Digital Design or both GD141 Digital Illustration and GD142 Digital Imaging. PT207 Digital Photography may be substituted for GD142 Digital Imaging.

Open Lab Hours

Click HERE for the open lab schedule.

Class Material

Instruction for class projects

 

Online articles for class:

  1. http://www.addedbytes.com/articles/for-beginners/html-for-beginners - HTML tutorial
  2. http://webaim.org/intro Introduction to Web Assessibility
  3. http://johnpolacek.github.com/scrolldeck.js/decks/responsive What is Responsive Web Design
  4. http://www.slideshare.net/vitalyfriedman/responsive-web-design-clever-tips-and-techniques#btnNext Tips about Responsive Web Design
  5. http://www.addedbytes.com/cheat-sheets/css-cheat-sheet CSS Cheat Sheet
  6. http://www.addedbytes.com/cheat-sheets/html-cheat-sheet HTML Cheat Sheet
  7. http://webstyleguide.com/wsg3/3-information-architecture/index.html Information Architecture
  8. http://webstyleguide.com/wsg3/4-interface-design/index.html Interface-design
  9. http://www.webdesignerdepot.com/2011/03/7-basics-to-create-a-good-design-brief Writing a design brief

Web resources

Project 4 Due Dates
!

12-12-2013 (TR 10:00 - 11:50pm Class)

12-11-2013 (MW 5:00 - 6:50pm Class)

If you aren't sure how to get started, Here's the GUIDE which explains the steps involved at each developmental stage. Contact me if you have any questions!


Revised Grading composition
Article Summaries (3)10%
P1. Index page20%
P2. Topic site20%
P3. Common theme (MVCC)15%
P4. Client/portfolio site25%
P4. Client Feedback5%
Site structure/organization5%
Total100%

Client feedbacks

You are required to submit a report about the performance of your designer. Here are the questions you need to address in your report.

  1. Did my designer understand and present solutions that fit the requirements on my brief?
  2. Did my designer give me different options for design solutions?
  3. Did my designer understand and incorporate my feedback?
  4. Was my designer available for input, either in person or by email?
  5. Did my designer seek my input?
  6. Was I happy with my designer's final design solution?
  7. Did my designer understand the requirements on my brief?
  8. Please provide any other comments or observations you have about the project.

Click here to proceed to the Web Survey

 

Assignment highlights 12-12-2013 (TR 10:00 - 11:50pm Class)
Assignment highlights

 

Assignment highlights
  • Process notebook and the website of Project No.2 are due Monday, March 4, 2013. I will grade all your project files from my web broswer. That means you should make sure all your style sheet, images, pdf, are uploaded and linked properly. Test your site carefully.
  • Update links of your index page so that I can get to your project No.2 from there.
  • Study CSS Position: Static, fixed, relative, absolute. Recreate Figure No. 1,No. 2, No.3 using Position (CSS property). Save files as web pages and name them as position1.html, position,2.html, and position3.html. You should apply embedded CSS on each page. Create hyperlinks that goes to those pages under "Thoughts on Web Design" section of your index page. All pages are due on Friday, March 1, 2013.
Assignment highlights 12-11-2013 (TR 10:00 - 11:50pm Class)
Reflective Summaries:

Your submissions of article summary should address:

  • An overview of the article (in your own words)
  • Things you learn from the article
  • What are the implications / issues/ challenges regarding the topic in terms of Web design
  • Suggestions / solutions of those issues as a Web designer.

Requirements of the summary submission:

  • Include the following information: Your first and last name, submission date, Course info (Example: Independent Studies for CG213 Graphic Design for WWW), Instructor's name.
  • Provide the URL and the article title.
  • One page, double-spaced, 12pt font
  • Saved in .doc / .pdf format
  • Check your spelling
  • Upload your files to your studentweb folder
  • Create hyperlinks for your submissions(pdfs) under a section called "My thoughts on Web design" on your index page. If the links doesn't exist or aren't functional on the page by the specified deadlines, you will NOT receive credit for the assignments.

If you have any questions, please contact me at cho@mvcc.edu.

Chrono Ho
315-731-5826
cho@mvcc.edu
Office Hour:
Friday: 1 p.m. - 4 p.m.