AHSS 3080 Blog

Class 6 – Wireframe to Layout

Today we will:

  • Review some common issues that I found within a lot of the exercises
  • Do a quick in-class exercise, for which you will need: in-class exercise files
  • Build a two column layout using HTML and CSS, that will match the wireframe PSD we created last class
  • Go over what will be on the quiz on Wednesday, February 29th
  • Deal with any missing marks, etc

Class 5 – Creating Website Prototypes

Today we will be exploring website prototyping.  A large part of web design actually occurs within Photoshop, or other graphical tools.  It is best to first design the visuals of a website within one of these tools before building it.  A well-planned and therefore well-designed website will have an added level of professionalism as compared to one built “on the fly”.

Resources

Exercise 5

  •  Exercise 5 outline
  • Please upload it when you are done as usual.  Remember you will have to zip your PSD file to do so.

Class 4 – Basic Styling

Exercise 4

Today’s exercise will build on what you did last week.  If you haven’t completed last week’s exercise, begin with that.  Exercise 4 involves applying some basic styling to the “World’s First Website Page”.

The exercise is found here: Exercise 4

Resources

Files

If you lost the files we were working with last class, you can get them here: Files from Class 3

Class 3 – HTML Basics

Exercise 3

Your exercise for the week is found here:

Exercise #3 – World’s First Website

You can submit the exercise by clicking on the red “Submit” button at the top of the page, and following the steps described. It seems that the Guelph-Humber labs don’t have flash player installed in Firefox, so use Internet Explorer in our lab for the upload.

Web Resources

Working with HTML

Class 2 – Web Design Theory

In class two, we covered some basic theory on web design as well as related fields.  Some common website elements and design issues were discussed.  The exercise for this week can be found here:

Exercise 2

Page 1 – Photoshop Interface

Page 2 – Web Image File Formats

Presentation Slides

Web Design

Welcome to the Course

This page is the AHSS 3080 Course Blog.  Here you will find news, information as well as course files for the Web Design class.

The exercise from today can be found here:

Exercise #1 [PDF]

The slides from the lecture notes can be found here:

A Short Introduction to Web [PDF]

Twitter