Week 08

Week 08 – Topics

Final Project Presentations: Please upload your final project to the class server before our class
Final Exam
Student Evaluation information 

Where do I go from here?
What else is there to know?
What will be covered in Graphic Design 66 (Web Design 2) and Graphic Design 67 (Web Design 3)?

Week 08

Department Survey: http://www.academy.smc.edu/survey/

Gr Des 65 Classroom meeting – Final Presentation & Final Exam
Thursday, December 13, 2012
2:00pm – 5:05pm
AET 105

Final Exam

Click here to take the Final Exam

Where do I go from here?

Keep going. I hope to see all of you in Graphic Design 66 (Web Design 2) !

The best thing you can do is to practice, practice, practice. Design and build websites as often as you can. Each project will teach you something you didn’t know before. And to get really good at anything, you need to do it every day.

And don’t get overwhelmed by everything you need to know.

Yes, there is a lot to know. But you’ll never know it all. (I don’t know it all and I’ve been doing this for over 12 years…) So dive in and discover what you love to do and are good at. You don’t need to know how to do everything.

What else is there to know?

Web design is a very dynamic field and is constantly changing. If you asked me to direct you to the “Top Five Things to Know,” they would be:

  1. HTML 5
  2. CSS 3
  3. Designing for mobile devices
  4. WordPress (or one of the other content manangement systems)
  5. jQuery (Javascript)
What will be covered in Graphic Design 66 (Web Design 2) and Graphic Design 67 (Web Design 3) ?

Design Process
Project Roles
What is an Information Architect?
Site Map (Site Diagram)
Communication Brief (Project Description, Project Brief)
Focus on Users
Content Inventory
Web Analytics
Competitive Analysis (Competitive Review)
The importance of Good HTML Semantics
HTML Best Practices
The Anatomy of a CSS Rule
External CSS file
CSS Shorthand
CSS Measurement Units
Color in CSS
CSS Selectors
Inheritance, The Cascade, Specificity
Creating Multiple Column Layouts with Floats
Static, Relative, Absolute, Fixed positioning
3-column layouts
Adding keywords and a description
Adding styles and script
Using a favicon,
CSS Box model
Drop Down Menus
Links Best Practices
Link CSS
CSS background image.
Image Best Practices
Image Replacement
CSS Sprites
Basic table elements
Styling Tables
Form best practices
HTML for forms
Styling Forms
HTML 5 Forms
Web typography Best Practices
Embedding fonts
Behaviors: Show-Hide elements
Spry menu and Spry elements
Pop-up windows
Embedding Flash
Integrating Lightbox feature
Social Media
Search Engine Optimization


No comments yet.

Add Yours

  • Author Avatar


Comment Arrow

About Author


Instructor for Graphic Design 65