Author Archives:
Class 10 – Finishing up and Advanced Topics
Today we will complete the final elements missing from the example website. Here is a list of topics that will be covered (assuming there is enough time to cover them): As it turns out, there is no access to the network drive today so we will postpone the following lessons until next class: CSS Image [...]
Class 9 – Finishing Mockups
In today’s class we continued to finish up both the Photoshop Mockup as well as saving the files for web and devices. Knowing which kind of web image to save the your graphics as is very important and can be broken down as such: JPEG – great for large images with lots of colours and [...]
Class 8 – Mockup to CSS
Today we continued the website example by creating a partial mockup in Photoshop, and then optimizing some of the images for use within the CSS. We also spent time creating a CSS-Filmstrip button that would be used for the navigation bar. FINAL EXERCISE for Next Class Exercise 7 – Photoshop Mockup Training Note: You are [...]
Class 7 – Quiz and Prototypes Continued
Today you will be writing the web design quiz, as discussed last class. If you miss it because of sickness, please bring a doctor’s note in next class. The completed files from class are found below, you may want to refer to them when you are working on the exercise. Class 7 Files Exercise for [...]
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 [...]
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 [...]
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 W3Schools CSS Reference CSS Cheatsheet CSS Syntax and Terminology Terminology, Syntax and [...]
AHSS 3080 Section 003 – Submission Form
Submission Instructions: Zip your assignment, and all associated files. Verify that your zip file is smaller than 60 MB . (There is no 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 [...]