{"id":64,"date":"2014-09-18T20:22:54","date_gmt":"2014-09-18T20:22:54","guid":{"rendered":"http:\/\/tek-ritr.com\/web_design\/?page_id=64"},"modified":"2014-09-18T20:22:54","modified_gmt":"2014-09-18T20:22:54","slug":"week4-sept-18","status":"publish","type":"page","link":"https:\/\/writeprofessionally.org\/web-design-2016\/schedule\/week4-sept-18\/","title":{"rendered":"Week4: September 13"},"content":{"rendered":"<div class=\"pdfprnt-buttons pdfprnt-buttons-page pdfprnt-top-right\"><a href=\"https:\/\/writeprofessionally.org\/web-design-2016\/wp-json\/wp\/v2\/pages\/64?print=pdf\" class=\"pdfprnt-button pdfprnt-button-pdf\" target=\"_blank\" ><img decoding=\"async\" src=\"http:\/\/writeprofessionally.org\/web-design-2016\/wp-content\/plugins\/pdf-print\/images\/pdf.png\" alt=\"image_pdf\" title=\"View PDF\" \/><\/a><a href=\"https:\/\/writeprofessionally.org\/web-design-2016\/wp-json\/wp\/v2\/pages\/64?print=print\" class=\"pdfprnt-button pdfprnt-button-print\" target=\"_blank\" ><img decoding=\"async\" src=\"http:\/\/writeprofessionally.org\/web-design-2016\/wp-content\/plugins\/pdf-print\/images\/print.png\" alt=\"image_print\" title=\"Print Content\" \/><\/a><\/div><p>Topic: CSS, Wireframing\/Prototyping, Client Meeting<\/p>\n<p><strong>Read for Class:<\/strong><\/p>\n<ul>\n<li>From <a title=\"Safari Online\" href=\"http:\/\/tek-ritr.com\/web_2016\/schedule\/safari-online\/\">Safari Books Online<\/a> (link is if you need instructions on how to access.)\n<ul>\n<li>Krug, Stephen Don\u2019t Make Me Think, 2<sup>nd<\/sup> edition, Ch. 2-4, 7<\/li>\n<li>Pouncey and York Beginning CSS\u00a0 Ch. 1-3 and 5-7<\/li>\n<li>Pick one of these books and read in : in between a skim and close reading\n<ul>\n<li>Druckett, John, HTML and CSS Ch. 10-12, 15<\/li>\n<li>Neiderst Robbins, Jennifer Learning Web Design Ch. 11-12, 16<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<\/li>\n<li><a href=\"http:\/\/writeprofessionally.org\/web-design-2016\/files\/2016\/08\/murach_ch_4_css_format.pdf\">Murach Ch. 4<\/a><\/li>\n<li>From the internet on wireframes\u00a0and prototypes: skim one (super easy reads)\n<ul>\n<li>https:\/\/www.orbitmedia.com\/blog\/7-reasons-to-wireframe\/<\/li>\n<li>http:\/\/sixrevisions.com\/user-interface\/wireframing-benefits\/<\/li>\n<li>https:\/\/www.smashingmagazine.com\/2014\/10\/the-skeptics-guide-to-low-fidelity-prototyping\/<\/li>\n<\/ul>\n<\/li>\n<li>Difference between a &lt;div&gt; and &lt;section&gt; and the difference boils down to the fact that &lt;section&gt; is semantic and &lt;div&gt; is not\n<ul>\n<li>http:\/\/www.hongkiat.com\/blog\/html-5-semantics\/ (describes pretty well about semantics, which should help with understanding the difference.<\/li>\n<li>http:\/\/stackoverflow.com\/questions\/6939864\/what-is-the-difference-between-section-and-div (the first answer here is good<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<p><strong>Do for class:<\/strong><\/p>\n<ul>\n<li>Let me know how you will be doing your Web New Project, that is, will you be doing it solo or as a small team<\/li>\n<li>Bring to class the beginnings of 4 personas for the Web New Project. They do not have to be completed, but they need to be started so that you can ask additional questions of the client<\/li>\n<li>Bring to class three questions you have about the readings this week and\/or about how the readings this week go together<\/li>\n<li>play with some of the coding tools and explore some of the wire framing tools on the <a href=\"http:\/\/tek-ritr.com\/web_2016\/resources\/\" target=\"_blank\">resources page<\/a><\/li>\n<li>Find your preferred way to be introduced to Dreamweaver. You can find a tutorial on Lynda.com; you can read the Dreamweaver CS5 the missing Manual by McFarland (from Safari Books Online); or simply play around with it yourself. The key to understand the basic interface. That&#8217;s it.<\/li>\n<\/ul>\n<p><strong>In class:<\/strong><\/p>\n<ul>\n<li><a href=\"http:\/\/tek-ritr.com\/web_2016\/wp-content\/uploads\/2016\/09\/css.pptx\">CSS mini lecture<\/a>\n<ul>\n<li>CSS exercise<\/li>\n<\/ul>\n<\/li>\n<li>wireframing and prototyping\u00a0discussion\n<ul>\n<li>wire framing and prototyping exercise<\/li>\n<\/ul>\n<\/li>\n<li>discussion\/debrief of your portfolio assignment\n<ul>\n<li>focusing on the information architecture and problems or questions<\/li>\n<\/ul>\n<\/li>\n<li>client visit for your web new project 8:00pm\n<ul>\n<li>we&#8217;ll work together from around 7:45ish to formulate questions to ask Meredith<\/li>\n<li>work on personas<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<p><span style=\"color: #ff0000\">DUE: First part of your portfolio assignment <span style=\"color: #000000\">(you can turn this is anytime this week up until the start of the next class period.)<\/span><\/span><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Topic: CSS, Wireframing\/Prototyping, Client Meeting Read for Class: From Safari Books Online (link is if you need instructions on how to access.) Krug, Stephen Don\u2019t Make Me Think, 2nd edition, Ch. 2-4, 7 Pouncey and York Beginning CSS\u00a0 Ch. 1-3 and 5-7 Pick one of these books and read in : in between a skim &hellip; <a href=\"https:\/\/writeprofessionally.org\/web-design-2016\/schedule\/week4-sept-18\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8220;Week4: September 13&#8221;<\/span><\/a><\/p>\n","protected":false},"author":4,"featured_media":0,"parent":188,"menu_order":4,"comment_status":"open","ping_status":"open","template":"","meta":{"footnotes":""},"class_list":["post-64","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/writeprofessionally.org\/web-design-2016\/wp-json\/wp\/v2\/pages\/64","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/writeprofessionally.org\/web-design-2016\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/writeprofessionally.org\/web-design-2016\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/writeprofessionally.org\/web-design-2016\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/writeprofessionally.org\/web-design-2016\/wp-json\/wp\/v2\/comments?post=64"}],"version-history":[{"count":0,"href":"https:\/\/writeprofessionally.org\/web-design-2016\/wp-json\/wp\/v2\/pages\/64\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/writeprofessionally.org\/web-design-2016\/wp-json\/wp\/v2\/pages\/188"}],"wp:attachment":[{"href":"https:\/\/writeprofessionally.org\/web-design-2016\/wp-json\/wp\/v2\/media?parent=64"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}