Thomas Borzecki

Class 6 – Wireframe to Layout

tborzecki — Wed, 15 Feb 2012 13:30:02 +0000

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

Sample Questions

Deal with any missing marks, etc

Class 5 – Creating Website Prototypes

tborzecki — Wed, 08 Feb 2012 13:38:23 +0000

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

978 Grid Website
978 Grid Photoshop Template
Eric Meyer CSS Reset
Example Wireframes for a website I built, Cafenovo.ca. It was very useful for showing the client what I had in mind for her website layout.

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

tborzecki — Wed, 01 Feb 2012 14:25:50 +0000

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

W3Schools CSS Reference
CSS Cheatsheet
CSS Syntax and Terminology
Terminology, Syntax and Introduction to HTML & CSS
CSS Tutorial
HTML Tutorial – This is very similar to XHTML, just make sure to use the XHTML Doctype instead of HTML 4

Files

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

WDDM Reddit is Now Live!

tborzecki — Fri, 27 Jan 2012 18:03:07 +0000

Hi Guys, I have set up a reddit for our class, plus former alumni. This will allow you to discuss and share information with people who have taken the program. I implore you to take part and share links as well as vote on all the posted materials. In order to be allowed into the community, please create a login at reddit.com (if you don’t enter your email, you won’t be able to reset your password). Send me your username, and I will allow you into the community.

The community link is here:

Humber Web Design Reddit

AHSS 3080 Section 003 – Submission Form

tborzecki — Wed, 25 Jan 2012 23:51:18 +0000

Warning: session_start() [function.session-start]: Cannot send session cookie - headers already sent by (output started at /nfs/c02/h05/mnt/22650/domains/thomasborzecki.ca/html/wp-includes/feed-rss2.php:11) in /nfs/c02/h05/mnt/22650/domains/thomasborzecki.ca/html/wp-content/plugins/submit-assignment/submit-assignment.php on line 57

Warning: session_start() [function.session-start]: Cannot send session cache limiter - headers already sent (output started at /nfs/c02/h05/mnt/22650/domains/thomasborzecki.ca/html/wp-includes/feed-rss2.php:11) in /nfs/c02/h05/mnt/22650/domains/thomasborzecki.ca/html/wp-content/plugins/submit-assignment/submit-assignment.php on line 57

Submission Instructions:

Zip your assignment, and all associated files.
Verify that your zip file is smaller than 20 MB . (There is little reason for it to be larger than that).
Type in the first part of your school email into the field above.
Once the “browse” button appears, browse for your zip file.
Click on “Upload” after browsing to start sending the file.
Wait until the upload completes, and the word “Upload” changes to “Done.”
Take a deep breath, and enjoy your weekend.

Important: Do not close the browser tab until you see “Done.”, otherwise you will have to begin again. If your file is small, it may happen immediately.

AHSS 3080 Section 002 – Submission Form

tborzecki — Wed, 25 Jan 2012 17:40:55 +0000

Submission Instructions:

Zip your assignment, and all associated files.
Verify that your zip file is smaller than 20 MB . (There is little reason for it to be larger than that).
Type in the first part of your school email into the field above.
Once the “browse” button appears, browse for your zip file.
Click on “Upload” after browsing to start sending the file.
Wait until the upload completes, and the word “Upload” changes to “Done.”
Take a deep breath, and enjoy your weekend.

Important: Do not close the browser tab until you see “Done.”, otherwise you will have to begin again. If your file is small, it may happen immediately.

Class 3 – HTML Basics

tborzecki — Wed, 25 Jan 2012 16:33:38 +0000

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

AHSS 3080 Section 001 – Submission Form

tborzecki — Wed, 25 Jan 2012 15:15:54 +0000

Submission Instructions:

Zip your assignment, and all associated files.
Verify that your zip file is smaller than 20 MB . (There is little reason for it to be larger than that).
Type in the first part of your school email into the field above.
Once the “browse” button appears, browse for your zip file.
Click on “Upload” after browsing to start sending the file.
Wait until the upload completes, and the word “Upload” changes to “Done.”
Take a deep breath, and enjoy your weekend.

Important: Do not close the browser tab until you see “Done.”, otherwise you will have to begin again. If your file is small, it may happen immediately.

Class 2 – Web Design Theory

tborzecki — Wed, 18 Jan 2012 18:52:49 +0000

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: