{"id":447,"date":"2013-03-14T18:18:51","date_gmt":"2013-03-14T23:18:51","guid":{"rendered":"https:\/\/notes.danielletoomer.com\/?p=447"},"modified":"2013-03-21T16:00:33","modified_gmt":"2013-03-21T21:00:33","slug":"31213-week-nine","status":"publish","type":"post","link":"https:\/\/notes.danielletoomer.com\/?p=447","title":{"rendered":"3\/12\/13 \u2014 Week nine"},"content":{"rendered":"<p>Project 3 and the process book is due this Saturday.<\/p>\n<p>Our homework is an HTML\/CSS refresher.<\/p>\n<ul>\n<li>The HTML <strong>Doctype<\/strong> defines the document type or what version of HTML the document is using.<\/li>\n<li>Three examples of HTML <strong>elements<\/strong>:\n<ol>\n<li>&#60;body&#62; &mdash; everything that&#8217;s displayed goes within the body element<\/li>\n<li>&#60;img&#62; &mdash; is used to add images<\/li>\n<li>&#60;a&#62; &mdash; the anchor element creates hyperlink<\/li>\n<\/ol>\n<\/li>\n<li>&#8220;HTML <strong>attributes<\/strong> give elements meaning and context&#8221;; (<a href=\"http:\/\/www.w3schools.com\/tags\/ref_standardattributes.asp\" target=\"blank\">w3schools<\/a>) &mdash; For example you can add a class attribute to a div so CSS styles can be applied to that div.<\/li>\n<li>An example of CSS <strong>rule<\/strong> &mdash; body {background-color: blue;}. A CSS rule has selector (&#8220;body&#8221;) and one or more declarations (&#8220;{background-color: blue;&#8221;). <\/li>\n<li>CSS <strong>box model<\/strong>: &#8220;The CSS box model is essentially a box that wraps around HTML elements, and it consists of: margins, borders, padding, and the actual content.&#8221; (<a href=\"http:\/\/www.w3schools.com\/css\/css_boxmodel.asp\" target=\"blank\">w3schools<\/a>)<br \/>\n<a href=\"http:\/\/www.w3schools.com\/css\/css_boxmodel.asp\"><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/www.w3schools.com\/css\/box-model.gif\" width=\"536\" height=\"289\" alt=\"diagram of CSS box model\" class=\"aligncenter\" \/><\/a><\/li>\n<\/ul>\n<p>Project 4 was introduced: redesign <a href=\"http:\/\/www.craigslist.org\/\" target=\"_blank\">Craigslist<\/a>. 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.<\/p>\n<p>The issue with Craigslist is that there&#8217;s so much content. It&#8217;s in need of a good information architect. Which I am not. But I&#8217;ll do my best to figure out how to best organize things.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>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: &#60;body&#62; &mdash; everything that&#8217;s displayed goes within the body element &#60;img&#62; &mdash; is used to add images &#60;a&#62; [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3],"tags":[],"class_list":["post-447","post","type-post","status-publish","format-standard","hentry","category-class-notes"],"_links":{"self":[{"href":"https:\/\/notes.danielletoomer.com\/index.php?rest_route=\/wp\/v2\/posts\/447","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/notes.danielletoomer.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/notes.danielletoomer.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/notes.danielletoomer.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/notes.danielletoomer.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=447"}],"version-history":[{"count":5,"href":"https:\/\/notes.danielletoomer.com\/index.php?rest_route=\/wp\/v2\/posts\/447\/revisions"}],"predecessor-version":[{"id":480,"href":"https:\/\/notes.danielletoomer.com\/index.php?rest_route=\/wp\/v2\/posts\/447\/revisions\/480"}],"wp:attachment":[{"href":"https:\/\/notes.danielletoomer.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=447"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/notes.danielletoomer.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=447"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/notes.danielletoomer.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=447"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}