Art 301 F – Week 4

Hierarchical Layout

Through CONTRAST

Value – light vs dark

Scale – small vs large

Depth – foreground vs background

Space – positive vs negative / ambiguous

absolute links vs relative links

HTML

CSS

inline > embedded > attached

attribute

style=”property:value;”

<head> we write embedded

file style.css

Tag

HTML already defined elements

Class

preceded “.” as many as you need

ID

preceded “#” once

  • HW 1: Email me via MAILCHIMP
  • HW 2: <div> with CSS exercise 1
    <div> just HTML exercise 2
  • HW3: drawing box model on 2 website screenshots
  • HW4: 1 wireframe of site + 1 PSD comp of your site
    Design file in photoshop.
    1024 px wide to work x however tall
    980px or less – important content
    22px left and right to show
    or design beyond 1024 if you have background, but keep site content within the 980px width
    72 dpi. RGB.
    submit 1 jpg

 

HOMEWORK FILES! – updated 9/25