HTTP 503

Digital Design / Mid-term Exam Review

Next week's mid-term exam will be an open-book practical exam. This means you can use your notes and class notes, however, you are refrained from communicating with your classmates during the exam time. Here are a few things to review for the midterm exam:

Photoshop things to know / things to remember:

• Set your units / rulers to pixels
• Measure things (use Info panel)
• Copy an image from a photoshop file (Copy merged?)
• Select objects or layers
• Show/hide guides
• Save for Web to optimize filesize
• Select fonts
• Sample colours

HTML / CSS

• Create a div column layout
• Centering a layout
• float images
• float elements
• Create a horizontal and vertical list with hyperlinks
• Style text links
• Style text, fonts, heading text
• know your margin and padding
• Create borders
• apply background colours
• know the difference between an id and a class
• Create and add styles multiple lists in an HTML page
• Validate your HTML code with no errors
• Build a page to be compatible in IE and FF

Some things to not include in your HTML mark-up:

• any   for formatting
• minimize use of the <br /> tag — it's ok for content but not for layout and formatting
• HTML tables
• inline CSS styles

The mid-term exam will basically be like our in-class exercises. Convert a PSD file to a live working web page.

« Go back