HCDE: Week 06

Agenda

  • Homework review (code) and validation
  • Design principles (ppt)
    • GRIDS: a set of invisible lines (vertical and horizontal) that holds your design together like glue. The structure is designed in columns and rows of equal spacing with a margin (from the printer world, we call this a gutter) between each.
    • 960 grid system
  • Overview: CSS / classes and IDs
  • Overview: Dynamic web content (templates, databases, servers)
  • In-class exercise:
    • If you did not have a unique page (correct title, placeholder content) for each of your pages, correct this now
    • If you did, begin working on the refined design
      • Goal: visualize the modularity that will be required to build your sites
  • Assignment for next Wednesday: assignment 6: refine your website design

 

Homework review

Due today at 9 am:  assignment 5: visual design
NOTE: The URL should be xxx.washington.edu/yourNetID/hcde532/index-5.html or xxx.washington.edu/yourNetID/ (in class direction from not-quite-well instructor)

Remember to run your page through the W3C HTML validator. Students with 404 links should take their laptops with them to Thomas and let him help you.

  1. Aastha | https://staff.washington.edu/aastha11/ – no links
  2. Alice | https://students.washington.edu/uwalice/index-5.html –
  3. Chun-Fang (Jenni) | https://students.washington.edu/jennicf/hcde532/demo-index-5.html
  4. David | https://students.washington.edu/molinero/
  5. Jake | https://students.washington.edu/grhodes/index.html – home – pages have the same content
  6. Jihoon |  http://students.washington.edu/jihoons/hcd532/index-5.html – only two pages (we aren’t planning to build a blog – let’s talk!)
  7. Julie |  https://students.washington.edu/jstu2/hcde532/index-3.html
  8. Laura | https://students.washington.edu/lmeise/index-5.html –
  9. Pierre | https://staff.washington.edu/pdelcour/index-5.html
  10. Putri | http://staff.washington.edu/putrih/hcde532/index-5.html – most pages are the same
  11. Rachel | https://students.washington.edu/xukun/  – no links
  12. Thana-On  | https://students.washington.edu/thanaon/hcde532/index-5.html – two pages
  13. Tucker |  https://students.washington.edu/tstandle/index-5.html
  14. Yaonan (Natalie) | https://students.washington.edu/yaonah/index-5.html
  15. Ziyan |  https://students.washington.edu/ziyan053/index-5.html –

xxx.washington.edu/yourNetID/hcde532/color-palette.html

  1. Aastha | https://staff.washington.edu/aastha11/hcde532/color-palette.html
  2. Alice | https://students.washington.edu/uwalice/hcde532/color-palette.html
  3. Chun-Fang (Jenni) | https://students.washington.edu/jennicf/hcde532/color-palette.html
  4. David | https://students.washington.edu/molinero/hcde532/color-palette.html
  5. Jake | https://students.washington.edu/grhodes/hcde532/color-palette.html
  6. Jihoon |  http://students.washington.edu/jihoons/hcde532/color-palette.html
  7. Julie |  https://students.washington.edu/jstu2/hcde532/color-palette.html
  8. Laura | https://students.washington.edu/lmeise/hcde532/color-palette.html –
  9. Pierre | https://staff.washington.edu/pdelcour/hcde532/color-palette.html
  10. Putri | http://staff.washington.edu/putrih/hcde532/color-palette.html
  11. Rachel | https://students.washington.edu/xukun/hcde532/color-palette.html
  12. Thana-On  | https://students.washington.edu/thanaon/hcde532/color-palette.html
  13. Tucker |  https://students.washington.edu/tstandle/hcde532/color-palette.html
  14. Yaonan (Natalie) | https://students.washington.edu/yaonah/hcde532/color-palette.html
  15. Ziyan |  https://students.washington.edu/ziyan053/hcde532/color-palette.html