Week 4 Slides

Week 4 Slides (Oct 28th)

Periodic Table of Elements

Some additional reading to supplement this weeks slides

http://joshduck.com/periodic-table.html

Week 3 Slides

Week 3 Slides (Oct 21st)

Proposal and midterm guidelines

Hi Class,
Attached you will find the guidelines for the midterm project and proposal. We will cover these in class but please send me an email if you have any questions.
Midterm Project & Proposal Guidelines

The Grid System

Check out this great resource on grid systems in web design.

http://www.thegridsystem.org/

My three website picks

The Lost Worlds Fairs

http://lostworldsfairs.com/

I love the theme of this project, to highlight one feature of HTML in three exciting ways. Try resizing your browser while viewing any of the three examples to experience the dynamic nature of each interface.

Design made in Germany

http://www.designmadeingermany.de/magazin/5/

These Germans sure are impressive. This design portrays a clean aesthetic with clever accents that changes as you scroll. This sort of attention to detail always inspires me to view source and see the magic behind the markup.

Mulheres Barbadas

http://www.mulheresbarbadas.com/

I believe this portfolio site achieves a good balance between creativity and usability leaving the user with an interactive and tangible interface while still providing high quality content.

HTML Head elements

Please read this article containing a complete guide to the elements you may find inside the head of your document. Keep in mind that while not all of these elements are required, or even frequently used, they are available and may aid you in your projects.

http://sixrevisions.com/web-standards/a-comprehensive-guide-inside-your/

HTML Demo

Attached are files required for an in class exercises.

First we will complete an example, then an in class challenge. For the challenge there is a screenshot of how the html document should render as well as a text description of the HTML code for you to use as reference if you get stuck.

For this excercise, create a folder on your flash drive called “Formatting Demo” for you to save your work.

formatting_challenge_screenshot
formatting_challenge_code

You will need theses images, save them to a folder titled “images” in your “Formatting Demo” folder.

Week 2 Slides

Week 2 Slides (October 14th)

Week 1 Assignment

Week 1 Assignments (to be completed by October 14th)

• Find three websites online (excluding blogs) that you like. Write a brief description of what you like about each site.
• Bring a flash drive to class.

Here is an example from last Semester

Week 1 Favorite Sites Example

Where this is headed; Examples for learning how to critically evaluate websites:

http://www.andyrutledge.com/quiet-structure.php
http://www.smashingmagazine.com/2010/05/12/case-study-deconstructing-popular-websites-opinion-column/