3/12/13 — Week nine

Posted on Mar 14, 2013 in class notes

Project 3 and the process book is due this Saturday.

Our homework is an HTML/CSS refresher.

  • The HTML Doctype defines the document type or what version of HTML the document is using.
  • Three examples of HTML elements:
    1. <body> — everything that’s displayed goes within the body element
    2. <img> — is used to add images
    3. <a> — the anchor element creates hyperlink
  • “HTML attributes give elements meaning and context”; (w3schools) — For example you can add a class attribute to a div so CSS styles can be applied to that div.
  • An example of CSS rule — body {background-color: blue;}. A CSS rule has selector (“body”) and one or more declarations (“{background-color: blue;”).
  • CSS box model: “The CSS box model is essentially a box that wraps around HTML elements, and it consists of: margins, borders, padding, and the actual content.” (w3schools)
    diagram of CSS box model

Project 4 was introduced: redesign Craigslist. Same start as the project 3: work on client brief, color/type studies, branding, and sitemap. We got in groups and talked about the sitemap. We all quickly became overwhelmed.

The issue with Craigslist is that there’s so much content. It’s in need of a good information architect. Which I am not. But I’ll do my best to figure out how to best organize things.

Leave a Reply