{"id":254,"date":"2016-08-12T01:27:49","date_gmt":"2016-08-12T01:27:49","guid":{"rendered":"http:\/\/tek-ritr.com\/web_2016\/?page_id=254"},"modified":"2016-08-12T01:27:49","modified_gmt":"2016-08-12T01:27:49","slug":"one-page-schedule","status":"publish","type":"page","link":"https:\/\/writeprofessionally.org\/web-design-2016\/schedule\/one-page-schedule\/","title":{"rendered":"One Page Schedule"},"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\/254?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\/254?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><h2>\u00a0<span style=\"color: #800000\"><strong>Week 1: August 23, 2016<br \/>\n<\/strong><\/span><\/h2>\n<p>Topic: introduction and history<\/p>\n<p><strong>In class:<\/strong><\/p>\n<ul>\n<li>group discussion about expectations of the course<\/li>\n<li>general information about the course and assignments\n<ul>\n<li>to confirm the structure of the course and what we&#8217;ll do<\/li>\n<\/ul>\n<\/li>\n<li>presentation on internet terms and definitions<\/li>\n<li>looking at the wayback machine and determining some design trends\n<ul>\n<li><a href=\"http:\/\/blog.froont.com\/brief-history-of-web-design-for-designers\/\" target=\"_blank\">Brief history of web design<\/a><\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<h2><strong><span style=\"color: #800000\">Week 2: August 30, 2016<\/span><br \/>\n<\/strong><\/h2>\n<p><strong>Topic:\u00a0 Portfolios, Information Architecture, Start of Design<br \/>\n<\/strong><\/p>\n<p><strong>Read For Class:<\/strong><\/p>\n<ul>\n<li>Hackos\u00a0<a href=\"http:\/\/writeprofessionally.org\/web-design-2016\/files\/2014\/09\/hackos_ch_14.pdf\">Hackos Ch. 14<\/a> and\u00a0<a href=\"http:\/\/writeprofessionally.org\/web-design-2016\/files\/2014\/09\/hackos_ch_15.pdf\">Hackos Ch. 15<\/a>\u00a0 (*.pdf):\u00a0 skim to get you thinking about project management<\/li>\n<li>From <a href=\"http:\/\/tek-ritr.com\/web_2016\/schedule\/safari-online\/\">Safari books online<\/a>:\n<ul>\n<li>Krug, Stephen Don\u2019t Make Me Think, 2<sup>nd<\/sup> edition\u00a0 Ch. 6<\/li>\n<li>Arango, Morville, Rosenfeld, Information Architecture, 4th edition, Ch. 2 and Ch. 5<\/li>\n<\/ul>\n<\/li>\n<li>from the web (all links open in a new window) and most can be skimmed to get the gist of it:\n<ul>\n<li><a href=\"http:\/\/www.w3.org\/community\/webed\/wiki\/Information_Architecture_-_planning_out_a_web_site\">Information architecture<\/a><\/li>\n<li><a href=\"http:\/\/www.webseoanalytics.com\/blog\/the-10-most-common-landing-page-optimization-mistakes\/\" target=\"_blank\">10 mistakes for home pages<\/a><\/li>\n<li>Color\n<ul>\n<li><a href=\"http:\/\/www.colormatters.com\" target=\"_blank\">Color Matters<\/a><\/li>\n<li><a href=\"http:\/\/webcolourdata.com\/\" target=\"_blank\">Web Color Data<\/a><\/li>\n<\/ul>\n<\/li>\n<li><a href=\"http:\/\/usabilitygeek.com\/12-typography-guidelines-for-good-website-usability\/\" target=\"_blank\">Typography for Web Design<\/a><\/li>\n<li><a href=\"http:\/\/info.shiftelearning.com\/blog\/bid\/318325\/How-We-Read-Online-A-Guide-for-eLearning-Professionals\" target=\"_blank\">How we read online<\/a><\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<p><strong>Do for class:<\/strong><\/p>\n<ul>\n<li>Visit google sites, weebly.com, wix.com, and wordpress.com. Pick one that you would like to use for your <strong>required <\/strong>PW program portfolio. Be prepared to talk about the experience of looking through these.<\/li>\n<li><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-332 alignleft\" src=\"http:\/\/writeprofessionally.org\/web-design-2016\/files\/2014\/09\/lynda.com_-150x150.jpg\" alt=\"lynda.com_\" width=\"98\" height=\"98\" \/>You have access to Lynda. com as a student through the library database. You need to view User Experience Fundamentals for Web Design with Chris Nodder, sections 3-4 (navigation and site layout)<\/li>\n<\/ul>\n<p><strong>In class:<\/strong><\/p>\n<ul>\n<li>how all the parts go together\n<ul>\n<li>diagram of the different parts of web design (UX, IA, Design, Content)<\/li>\n<\/ul>\n<\/li>\n<li>discussion audience analysis\n<ul>\n<li>discussion of portfolios sites (from audience and tool and web design perspective)<\/li>\n<\/ul>\n<\/li>\n<li>project management and setting deadlines\n<ul>\n<li>eliminated part of portfolio assignment &amp; keeping the two projects<\/li>\n<li>groups and the effectiveness of them<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<h2><span style=\"color: #800000\"><strong>Week 3: September 6, 2016<br \/>\n<\/strong><\/span><\/h2>\n<p>Topic: Personas, Intro to HTML<\/p>\n<p><strong>Read for Class:<\/strong><\/p>\n<ul>\n<li>Pick one of these books and read in <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.): in between a skim and close reading\n<ul>\n<li>Druckett, John, HTML and CSS\u00a0 Ch. 1-5<\/li>\n<li>Neiderst Robbins, Jennifer Learning Web Design Ch. 4-7<\/li>\n<\/ul>\n<\/li>\n<li><a href=\"http:\/\/writeprofessionally.org\/web-design-2016\/files\/2016\/09\/murach_ch_3_html.pdf\">Murach Ch. 3<\/a><\/li>\n<li>Personas (an audience analysis tool)\n<ul>\n<li><a href=\"http:\/\/writeprofessionally.org\/web-design-2016\/files\/2016\/09\/brown_personas.pdf\">Brown<\/a> (sorry about the quality of it)<\/li>\n<li><a href=\"http:\/\/tek-ritr.com\/web_2016\/wp-content\/uploads\/2016\/09\/tc_revision_v2.docx\">Meloncon<\/a> (skim the first part and read the middle on Embodiment, Mobility and Reclamation) and <a href=\"http:\/\/tek-ritr.com\/web_2016\/wp-content\/uploads\/2016\/09\/appendix_worksheet_persona_creation.docx\">worksheet<\/a><\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<p><strong>Do for class:<br \/>\n<\/strong><\/p>\n<ul>\n<li>Bring to class written down in some way that you can turn in to me three questions you had about the readings.<\/li>\n<li>follow the FTP instructions on the <a href=\"http:\/\/tek-ritr.com\/web_2016\/project-management\/\">project management<\/a> page. see if you can successfully create a folder and upload an image (any old image will be fine).<\/li>\n<li>think through your project management and consider what day is best for the first project&#8217;s due date (as well as when you personally may want to turn in your portfolio assignment)<\/li>\n<li>think through and be prepared to tell me whether you will do the <a href=\"http:\/\/tek-ritr.com\/web_2016\/assignments\/web-projects\/\">new project<\/a> by yourself or with others<\/li>\n<\/ul>\n<p><strong>In class:<\/strong><\/p>\n<ul>\n<li>Discussion about questions and the readings<\/li>\n<li>FTP disaster and what it can tell us about web design<\/li>\n<li>Look at W3C guidelines<\/li>\n<li>Go over <a href=\"http:\/\/tek-ritr.com\/web_2016\/wp-content\/uploads\/2014\/09\/html_elements-1.pptx\">html_elements<\/a><\/li>\n<li>Do HTML exercise\n<ul>\n<li>no computers needed<\/li>\n<li>computers needed<\/li>\n<\/ul>\n<\/li>\n<li>introduction to the Web Design New Project<\/li>\n<li>Discuss personas\n<ul>\n<li>begin to create personas (homework)<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<h2><span style=\"color: #800000\"><strong>Week 4: September 13, 2016<br \/>\n<\/strong><\/span><\/h2>\n<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<h2><span style=\"color: #800000\"><strong>Week 5: September 20, 2016<\/strong><\/span><\/h2>\n<p><strong>Topic: <\/strong>Starting to Build, Web writing<\/p>\n<p><strong>Read for Class:<\/strong><\/p>\n<ul>\n<li><a href=\"http:\/\/writeprofessionally.org\/web-design-2016\/files\/2014\/09\/html5-for-web-designers.pdf\">HTML5 for Web Designers<\/a><a href=\"http:\/\/tek-ritr.com\/web_design\/wp-content\/uploads\/2014\/09\/css3-for-web-designers.pdf\">rs<\/a> (*.pdf, skim)<\/li>\n<li><a href=\"http:\/\/writeprofessionally.org\/web-design-2016\/files\/2014\/09\/css3-for-web-designers.pdf\">CSS3 for web designers<\/a> (*.pdf, skim)<\/li>\n<li><a href=\"http:\/\/writeprofessionally.org\/web-design-2016\/files\/2016\/08\/murach_ch_6_css_layout.pdf\">Murach Ch. 6 CSS Layouts<\/a><\/li>\n<li><a href=\"http:\/\/writeprofessionally.org\/web-design-2016\/files\/2016\/08\/murach_ch_7_lists_links.pdf\">Murach Ch. 7 Lists &amp; Links<\/a><\/li>\n<li>Redish Letting go of the words Chapters 3 and 6 (from <a href=\"http:\/\/tek-ritr.com\/web_2016\/schedule\/safari-online\/\">Safari Books Online)<\/a><\/li>\n<li>From the web: \u00a0all of these links open in new windows. <strong>NB:<\/strong> \u00a0Yes, there are a lot of links here. \u00a0Yes, you need to read them all. \u00a0But, they are all perspectives on different things you\u2019ll be doing with your team projects. \u00a0They should give you a solid start on understanding the code that you want to write.\n<ul>\n<li><a href=\"http:\/\/www.sitepoint.com\/screencast-origin-importance-css-cascade\/\" target=\"_blank\">the cascade in cascading style sheets<\/a><\/li>\n<li><a href=\"http:\/\/alistapart.com\/article\/content-out-layout\" target=\"_blank\">grids in design<\/a><\/li>\n<li><a href=\"http:\/\/www.sitepoint.com\/html5-main-element\/\" target=\"_blank\">HTML5 &lt;main&gt; element<\/a><\/li>\n<li>Absolute\/relative\/fixed positioning (these \u00a0should get you started enough to begin to play with options in your own projects)\n<ul>\n<li><a href=\"http:\/\/www.barelyfitz.com\/screencast\/html-training\/css\/positioning\/\" target=\"_blank\">explanation 1<\/a><\/li>\n<li><a href=\"http:\/\/css-tricks.com\/absolute-relative-fixed-positioining-how-do-they-differ\/\" target=\"_blank\">explanation\u00a02<\/a><\/li>\n<li><a href=\"http:\/\/designshack.net\/articles\/css\/the-lowdown-on-absolute-vs-relative-positioning\/\" target=\"_blank\">explanation 3\u00a0<\/a><\/li>\n<\/ul>\n<\/li>\n<li><a href=\"http:\/\/sixrevisions.com\/css\/fixed-navigation-bar\/\" target=\"_blank\">Fixed navigation bar<\/a><\/li>\n<li><a href=\"http:\/\/thedesignpixel.com\/useful-html5-css3-dropdown-menu-for-free-download.html\" target=\"_blank\">Multiple navigation bars for download (or copy, paste, tweak)<\/a><\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<p><strong>Do for class:<\/strong><\/p>\n<ul>\n<li>bring a wireframe either lo-fidelity or using on online tool that mocks up the structure of your home page and interior page<\/li>\n<li>continue working on coding your home page and inside page for the Web Project New: GSOLE and also working on the content. Should have a good start on the CSS and the main structure of HTML done. Bring a working draft of your code.<\/li>\n<li>bring two questions to class (in any format) that you need answered in regards to the readings<\/li>\n<\/ul>\n<p><strong>In class:<\/strong><\/p>\n<ul>\n<li>discussion of the readings\n<ul>\n<li>Copy, paste, tweak theory and exercise<\/li>\n<\/ul>\n<\/li>\n<li>work time\n<ul>\n<li>discuss client visit and prototypes<\/li>\n<li>share information and resources<\/li>\n<li>work, work, work<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<h2><span style=\"color: #800000\"><strong>Week 6: September 27, 2016<\/strong><\/span><\/h2>\n<p>Topic: More on Coding, Project Work<\/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>Pouncey and York Beginning CSS (<a title=\"Safari Online\" href=\"http:\/\/tek-ritr.com\/web_design\/schedule\/safari-online\/\">Safari Online<\/a>) ch 9-11, 13<\/li>\n<li>Arango, Morville, Rosenfeld, Information Architecture, 4th editiont, Ch. 4, 6 (skim)<\/li>\n<\/ul>\n<\/li>\n<li>From the web (all links open in new windows)\n<ul>\n<li><a href=\"http:\/\/www.smashingmagazine.com\/2014\/08\/06\/a-closer-look-at-personas-part-1\/\" target=\"_blank\">More on personas<\/a> and their importance in design process<\/li>\n<li><a href=\"http:\/\/techcrunch.com\/2012\/04\/11\/move-over-1024x768-the-most-popular-screen-resolution-on-the-web-is-now-1366x768\/\" target=\"_blank\">Popular screen resolutions<\/a><\/li>\n<li><a href=\"http:\/\/www.hongkiat.com\/blog\/building-html5-css-webpages\/\" target=\"_blank\">Building web pages<\/a><\/li>\n<li><a href=\"https:\/\/medium.com\/@cecilycarver\/things-i-wish-someone-had-told-me-when-i-was-learning-how-to-code-565fc9dcb329\" target=\"_blank\">Things I wish someone had told me when I was learning to code<\/a><\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<p><strong>In class:<\/strong><\/p>\n<ul>\n<li>taking three steps back to see if we can&#8217;t overcome some of the coding problems\n<ul>\n<li>how do you start to code exercise<\/li>\n<li>logic, semantic, structure<\/li>\n<\/ul>\n<\/li>\n<li>quick discussion of content and IA for the project<\/li>\n<li>Project work time<\/li>\n<\/ul>\n<h2><span style=\"color: #800000\"><strong>Week 7: October 4, 2016 (Lisa out of town)<\/strong><\/span><\/h2>\n<p><strong>Topic<\/strong>: Project work week<\/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>Handley, Everybody writes: Your go-to guide to creating ridiculously good content (between ckim and read),\u00a0\u00a0 Part 1 and Part 3<\/li>\n<\/ul>\n<\/li>\n<li>Responsive layouts (also known as flexible, \u00a0fluid, and liquid layouts)\n<ul>\n<li><a href=\"http:\/\/learn.shayhowe.com\/advanced-html-css\/responsive-web-design\/\" target=\"_blank\">Responsive design<\/a><\/li>\n<li><a href=\"http:\/\/www.creativebloq.com\/css3\/create-fluid-layouts-html5-and-css3-3142768\" target=\"_blank\">Fluid Layouts<\/a><\/li>\n<li><a href=\"http:\/\/www.sitepoint.com\/responsive-web-design-fluid-layouts\/\" target=\"_blank\">Responsive and fluid<\/a><\/li>\n<li><a href=\"http:\/\/www.dynamicdrive.com\/style\/layouts\/category\/C13\/\" target=\"_blank\">Liquid layouts<\/a><\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<p><strong>Do for class:<\/strong><\/p>\n<ul>\n<li>Register for the <a href=\"http:\/\/tek-ritr.com\/web_2016\/wordcamp\/\">Cincy WordCamp<\/a><\/li>\n<li>Write a short overview of what your favorite part of the Handley reading was and why; your least favorite part and why; what really made you think and why; and finally why you do think I had you read this: email your answers to me<\/li>\n<\/ul>\n<h2><span style=\"color: #800000\"><strong>Week 8: October 11, 2016<\/strong><\/span><\/h2>\n<p><strong>Topic: WordPress Basics<br \/>\n<\/strong><\/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>Lichaw, User&#8217;s Journey,\u00a0 Ch.3 and 7<\/li>\n<li>Karol Krol, WordPress 4 complete, Ch. 1 and Ch. 6 (you can most likely skim this and the Hussey readings, particularly if you&#8217;ve used wordpress before. But you do need to skim them.)<\/li>\n<li>Tris Hussey, WordPress Absolute Beginner&#8217;s Guide, Ch. 2, Ch. 5, and Ch. 6<\/li>\n<\/ul>\n<\/li>\n<li>From the web (opens in new window). You can skim these.\n<ul>\n<li><a href=\"http:\/\/alistapart.com\/article\/css-audits-taking-stock-of-your-code\" target=\"_blank\">CSS Audits<\/a><\/li>\n<li><a href=\"http:\/\/alistapart.com\/article\/frameworks\" target=\"_blank\">Frameworks in Responsive Design<\/a><\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<p><strong>Do for class:<\/strong><\/p>\n<ul>\n<li>Browse around on the web and bring to class an article that you found was helpful in advancing your knowledge about the design aspects of web design. Be prepared to talk about this article in class.<\/li>\n<li>Browse around the web for wordpress themes. Look at some of them and their features. You can look at free and Premium ($) themes. Be prepared to discuss one that you like and why you like it (beyond the look of it).<\/li>\n<\/ul>\n<p><strong>In class:<\/strong><\/p>\n<ul>\n<li>client visit for Web Redesign project.<\/li>\n<li>discussion of structure of website and linking<\/li>\n<li>status of project 1 and what&#8217;s left to be done<\/li>\n<li>discussion of readings\n<ul>\n<li>how do journey maps relate to personas? (pairs, present with visual aid)<\/li>\n<li>what differences do you see from the wordpress readings compared to building a site from scratch? how does your explorations of themes fit into this? that is, what did you look for in a theme?<\/li>\n<\/ul>\n<\/li>\n<li>work time<\/li>\n<\/ul>\n<p><span style=\"color: #ff0000\">Due: Project 1<br \/>\n<\/span><\/p>\n<p><span style=\"color: #ff0000\">Attend the <a href=\"https:\/\/2016.cincinnati.wordcamp.org\" target=\"_blank\">CincyWord Camp<\/a> on October 15 or 16.\u00a0<\/span><\/p>\n<h2><span style=\"color: #800000\"><strong>Week 9: October 18, 2016<\/strong><\/span><\/h2>\n<p><strong>Topic: More on WordPress- Themes, Navigation, Plug-Ins, Widgets<br \/>\n<\/strong><\/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>Jesse Friedman, Web Designer&#8217;s GUide to WordPress, Ch. 7-9<\/li>\n<li>Karol Krol, WordPress 4 complete, Ch. 5<\/li>\n<li>Tris Hussey, WordPress Absolute Beginner&#8217;s Guide, Ch. 4<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<p><strong>Do for class:<\/strong><\/p>\n<ul>\n<li>based on the Lichaw reading and the client visit, write a user&#8217;s journey and create corresponding personas (4) for the Web Redesign Project.<\/li>\n<li>revisit the themes you liked and that we discussed. Each team need to come to class with an agreed upon theme based on the client meeting.<\/li>\n<li>write short summary of your time at Cincy WordCamp. Your smart ideas need to include at least one connection between WordCamp and this course. Email me these summaries and be prepared to share them in class.<\/li>\n<li>review the Aubrey Rose site and write a brief (can be a bulleted list) of what you feel are its weaknesses (be certain to review the ppt on the project management page)<\/li>\n<\/ul>\n<p><strong>In class:<\/strong><\/p>\n<ul>\n<li>Debrief assignment 1<\/li>\n<li>Debrief WordCamp<\/li>\n<li>Discussion of readings\n<ul>\n<li>consider readings in relation to theme you chose<\/li>\n<\/ul>\n<\/li>\n<li>Share journey maps, personas, and themes with client representative<\/li>\n<\/ul>\n<h2><span style=\"color: #800000\"><strong>Week 10: October 25, 2016<\/strong><\/span><\/h2>\n<p><strong>Topic: Content (again), Media, Child Themes<br \/>\n<\/strong><\/p>\n<p>Read for Class:<\/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>Tris Hussey, WordPress Absolute Beginner&#8217;s Guide, Ch. 7, 9, 10, 11, 12 (skim)<\/li>\n<li>Thord Hedengren, Smashing WordPress, Ch. 5 (child themes)<\/li>\n<li>Karol Krol, WordPress 4 complete, Ch. 4<\/li>\n<\/ul>\n<\/li>\n<li>More on child themes\n<ul>\n<li>https:\/\/www.elegantthemes.com\/blog\/resources\/wordpress-child-theme-tutorial<\/li>\n<li>https:\/\/www.smashingmagazine.com\/2016\/01\/create-customize-wordpress-child-theme\/<\/li>\n<li>Lynda.com tutorial:Wordpress: Building child themes by Morton Rand-Henriksen (totally optional if you need\/want more information. It&#8217;s a good tutorial)<\/li>\n<\/ul>\n<\/li>\n<li><a href=\"http:\/\/alistapart.com\/column\/responsive-design-wont-fix-your-content-problem\" target=\"_blank\">Responsive design won\u2019t fix your content problem<\/a><\/li>\n<\/ul>\n<p><strong>Do for class:<\/strong><\/p>\n<ul>\n<li>Bring to class your group&#8217;s IA with a justification of it.<\/li>\n<li>Bring to class a content inventory including what media (if any) you think you may need.<\/li>\n<li>Be prepared to discuss your personas in light of your IA and content inventory.<\/li>\n<li>Also think through what additional audiences (as I mentioned in class I believe there are 3) you may have missed. Hint: most of your personas are too broad. That is problematic. Think through what it could mean if you narrowed them down.<\/li>\n<\/ul>\n<p><strong>In class:<\/strong><\/p>\n<ul>\n<li>Discuss the readings\n<ul>\n<li>define widgets, plugins, static pages, posts, dashboard, media, header, customize<\/li>\n<li>pros\/cons of child themes and whether your project requires one<\/li>\n<\/ul>\n<\/li>\n<li>Discuss the readings as they relate to your revision project<\/li>\n<li>create a top ten list of writing for the web &#8220;rules&#8221;\n<ul>\n<li>web writing exercise<\/li>\n<\/ul>\n<\/li>\n<li>project work and generate question list for client (if needed)<\/li>\n<\/ul>\n<h2><span style=\"color: #800000\"><strong>Week 11: November 1, 2016<\/strong><\/span><\/h2>\n<p>Topic: Site Assessment and Usability<\/p>\n<p><strong>Read for Class:<\/strong><\/p>\n<ul>\n<li>From Safari Books Online\n<ul>\n<li>Jeff Rubin, Dana Chisnell Handbook of Usability Testing: How to Plan, Design, and Conduct Effective Tests:\u00a0 Read Chapters 1, 2, and 5<\/li>\n<\/ul>\n<\/li>\n<li><a href=\"http:\/\/www.usability.gov\/\" target=\"_blank\">usability.gov <\/a>(opens in new window) Skim only<\/li>\n<li>From the web (skim)\n<ul>\n<li>https:\/\/www.uxpin.com\/web-design-trends-2016-definitive-guide?section=microinteractions<\/li>\n<li>https:\/\/hbr.org\/2012\/09\/the-secret-phrase-top-innovato<\/li>\n<li>http:\/\/www.designkit.org<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<p><strong>Do for class:<\/strong><\/p>\n<ul>\n<li>site assessment: bring to class an overview of where your team is in terms of design, architecture, and content<\/li>\n<li>think through how the web readings relate to usability<\/li>\n<\/ul>\n<p><strong>In class:<\/strong><\/p>\n<ul>\n<li>exercise on the readings, usability, and what you know about web design<\/li>\n<li>site assessment exercise with your personas\n<ul>\n<li>create a flow chart based a series of tasks that relate to how your personas will move through the site (this directly intersects with creating a usability test protocol)<\/li>\n<\/ul>\n<\/li>\n<li>creating usability test protocol<\/li>\n<li>project work<\/li>\n<\/ul>\n<h2><span style=\"color: #800000\"><strong>Week 12: November 8, 2016<br \/>\n<\/strong><\/span><\/h2>\n<p><strong>Topic: Usability test and site updates<br \/>\n<\/strong><\/p>\n<p><strong>Do for class:<\/strong><\/p>\n<ul>\n<li>conduct usability test with 3-5 users that are match your personas. Write a short informal report of your findings. Email me the report.<\/li>\n<li>make changes to site (if necessary based on those findings)<\/li>\n<li>continue to work<\/li>\n<\/ul>\n<h2><span style=\"color: #800000\"><strong>Week 13: November 15, 2016<\/strong><\/span><\/h2>\n<p><strong>Topic: Thinking holistically<br \/>\n<\/strong><\/p>\n<p><strong>Read for class:<\/strong><\/p>\n<ul>\n<li>From the web: strategies for non-profit sites\n<ul>\n<li><a href=\"https:\/\/www.smashingmagazine.com\/2009\/05\/non-profit-website-design-examples-and-best-practices\/\">Best examples for non profit sites<\/a><\/li>\n<li><a href=\"https:\/\/envato.com\/blog\/designing-non-profit-website\/\">Considerations for non profit web design<\/a><\/li>\n<\/ul>\n<\/li>\n<li><a href=\"http:\/\/www.jonkolko.com\/writingMadeAThing.php\" target=\"_blank\">Writing made a thing<\/a><\/li>\n<\/ul>\n<p><strong>Do this week:<\/strong><\/p>\n<ul>\n<li>write a short response to the Writing Made a Thing reading focusing on why and how this reading relates to this course and to the PW program as a whole. Email me this response.<\/li>\n<\/ul>\n<p><strong>In class:<\/strong><\/p>\n<ul>\n<li>another site assessment\n<ul>\n<li>do you match or not the strategies for non-profit sites list? should you? what would you change on these lists?<\/li>\n<li>what is left to be done?<\/li>\n<\/ul>\n<\/li>\n<li>discuss the writing made a thing reading<\/li>\n<li>work on projects<\/li>\n<\/ul>\n<h2><span style=\"color: #800000\"><strong>Week 14: November 22, 2016<br \/>\n<\/strong><\/span><\/h2>\n<p><strong>Topic: Accessibility and work week<\/strong><\/p>\n<p><strong>Do for class:<\/strong><\/p>\n<ul>\n<li>consider the answers to the two question raised by our guest web designer:\n<ul>\n<li>how is your site an improvement over the previous version?<\/li>\n<li>what actions are you trying to make happen<\/li>\n<\/ul>\n<\/li>\n<li>perform a web accessibility of your site (use one of the many tools you learned about from the first project).\n<ul>\n<li>run a report and be prepared to discuss how you changed\/updated the site or not based on that report<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<p><strong>In class:<\/strong><\/p>\n<ul>\n<li>discussion of the questions above<\/li>\n<li>status of your site\n<ul>\n<li>accessibility reports<\/li>\n<li>usability tests<\/li>\n<\/ul>\n<\/li>\n<li>discussion of what is needed for your presentations next week<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<h2><span style=\"color: #800000\"><strong>Week 15: November 29, 2016 Last class<br \/>\n<\/strong><\/span><\/h2>\n<p><strong>Topic:<\/strong> Presentation to client and revising our definitions and moving forward<\/p>\n<p><strong>Do for class:<\/strong><\/p>\n<ul>\n<li>prepare presentation for client: you will speak for no more than 10 minutes. every person in the group needs to speak. See?? for more information on group presentations. Think of the goal of the presentation to show how you met the client&#8217;s needs and your site is the one that should be launched.<\/li>\n<\/ul>\n<p><strong>In class<\/strong><\/p>\n<ul>\n<li>presentation to client<\/li>\n<li>course evaluations<\/li>\n<li>revisiting our definitions\n<ul>\n<li>debrief of web projects<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<p>We often convene immediately following class for a celebratory event at a local establishment. Please consider joining in.<\/p>\n<p><span style=\"color: #ff0000\">Due: Final drafts of web projects<\/span><\/p>\n<h2><span style=\"color: #800000\"><strong>Week 16: December 4, 2016 Exam<br \/>\n<\/strong><\/span><\/h2>\n<p>If we do not get through all the things we need to after the presentations, we will need to meet this week. Also, if necessary, you may have until today to turn in the final versions of your web redesign project.<\/p>\n<p><span style=\"color: #ff0000\">Due: Critical essay by around 5:00ish<br \/>\n<\/span><\/p>\n<p><span style=\"text-indent: 20px;width: auto;padding: 0px 4px 0px 0px;text-align: center;font: bold 11px\/20px 'Helvetica Neue',Helvetica,sans-serif;color: #ffffff;background: #bd081c no-repeat scroll 3px 50% \/ 14px 14px;cursor: pointer\">Save<\/span><\/p>\n<p><span style=\"text-indent: 20px;width: auto;padding: 0px 4px 0px 0px;text-align: center;font: bold 11px\/20px 'Helvetica Neue',Helvetica,sans-serif;color: #ffffff;background: #bd081c no-repeat scroll 3px 50% \/ 14px 14px;cursor: pointer\">Save<\/span><\/p>\n<p><span style=\"text-indent: 20px;width: auto;padding: 0px 4px 0px 0px;text-align: center;font: bold 11px\/20px 'Helvetica Neue',Helvetica,sans-serif;color: #ffffff;background: #bd081c no-repeat scroll 3px 50% \/ 14px 14px;cursor: pointer\">Save<\/span><\/p>\n<p><span style=\"text-indent: 20px;width: auto;padding: 0px 4px 0px 0px;text-align: center;font: bold 11px\/20px 'Helvetica Neue',Helvetica,sans-serif;color: #ffffff;background: #bd081c no-repeat scroll 3px 50% \/ 14px 14px;cursor: pointer\">Save<\/span><\/p>\n<p><span style=\"text-indent: 20px;width: auto;padding: 0px 4px 0px 0px;text-align: center;font: bold 11px\/20px 'Helvetica Neue',Helvetica,sans-serif;color: #ffffff;background: #bd081c no-repeat scroll 3px 50% \/ 14px 14px;cursor: pointer\">Save<\/span><\/p>\n<p><span style=\"text-indent: 20px;width: auto;padding: 0px 4px 0px 0px;text-align: center;font: bold 11px\/20px 'Helvetica Neue',Helvetica,sans-serif;color: #ffffff;background: #bd081c no-repeat scroll 3px 50% \/ 14px 14px;cursor: pointer\">Save<\/span><\/p>\n<p><span style=\"text-indent: 20px;width: auto;padding: 0px 4px 0px 0px;text-align: center;font: bold 11px\/20px 'Helvetica Neue',Helvetica,sans-serif;color: #ffffff;background: #bd081c no-repeat scroll 3px 50% \/ 14px 14px;cursor: pointer\">Save<\/span><\/p>\n<p><span style=\"text-indent: 20px;width: auto;padding: 0px 4px 0px 0px;text-align: center;font: bold 11px\/20px 'Helvetica Neue',Helvetica,sans-serif;color: #ffffff;background: #bd081c no-repeat scroll 3px 50% \/ 14px 14px;cursor: pointer\">Save<\/span><\/p>\n<p><span style=\"text-indent: 20px;width: auto;padding: 0px 4px 0px 0px;text-align: center;font: bold 11px\/20px 'Helvetica Neue',Helvetica,sans-serif;color: #ffffff;background: #bd081c no-repeat scroll 3px 50% \/ 14px 14px;cursor: pointer\">Save<\/span><\/p>\n<p><span style=\"text-indent: 20px;width: auto;padding: 0px 4px 0px 0px;text-align: center;font: bold 11px\/20px 'Helvetica Neue',Helvetica,sans-serif;color: #ffffff;background: #bd081c no-repeat scroll 3px 50% \/ 14px 14px;cursor: pointer\">Save<\/span><\/p>\n<p><span style=\"text-indent: 20px;width: auto;padding: 0px 4px 0px 0px;text-align: center;font: bold 11px\/20px 'Helvetica Neue',Helvetica,sans-serif;color: #ffffff;background: #bd081c no-repeat scroll 3px 50% \/ 14px 14px;cursor: pointer\">Save<\/span><\/p>\n<p><span style=\"text-indent: 20px;width: auto;padding: 0px 4px 0px 0px;text-align: center;font: bold 11px\/20px 'Helvetica Neue',Helvetica,sans-serif;color: #ffffff;background: #bd081c no-repeat scroll 3px 50% \/ 14px 14px;cursor: pointer\">Save<\/span><\/p>\n<p><span style=\"text-indent: 20px;width: auto;padding: 0px 4px 0px 0px;text-align: center;font: bold 11px\/20px 'Helvetica Neue',Helvetica,sans-serif;color: #ffffff;background: #bd081c no-repeat scroll 3px 50% \/ 14px 14px;cursor: pointer\">Save<\/span><\/p>\n<p><span style=\"text-indent: 20px;width: auto;padding: 0px 4px 0px 0px;text-align: center;font: bold 11px\/20px 'Helvetica Neue',Helvetica,sans-serif;color: #ffffff;background: #bd081c no-repeat scroll 3px 50% \/ 14px 14px;cursor: pointer\">Save<\/span><\/p>\n<p><span style=\"text-indent: 20px;width: auto;padding: 0px 4px 0px 0px;text-align: center;font: bold 11px\/20px 'Helvetica Neue',Helvetica,sans-serif;color: #ffffff;background: #bd081c no-repeat scroll 3px 50% \/ 14px 14px;cursor: pointer\">Save<\/span><\/p>\n<p><span style=\"text-indent: 20px;width: auto;padding: 0px 4px 0px 0px;text-align: center;font: bold 11px\/20px 'Helvetica Neue',Helvetica,sans-serif;color: #ffffff;background: #bd081c no-repeat scroll 3px 50% \/ 14px 14px;cursor: pointer\">Save<\/span><\/p>\n<p><span style=\"text-indent: 20px;width: auto;padding: 0px 4px 0px 0px;text-align: center;font: bold 11px\/20px 'Helvetica Neue',Helvetica,sans-serif;color: #ffffff;background: #bd081c no-repeat scroll 3px 50% \/ 14px 14px;cursor: pointer\">Save<\/span><\/p>\n<p><span style=\"text-indent: 20px;width: auto;padding: 0px 4px 0px 0px;text-align: center;font: bold 11px\/20px 'Helvetica Neue',Helvetica,sans-serif;color: #ffffff;background: #bd081c no-repeat scroll 3px 50% \/ 14px 14px;cursor: pointer\">Save<\/span><\/p>\n<p><span style=\"text-indent: 20px;width: auto;padding: 0px 4px 0px 0px;text-align: center;font: bold 11px\/20px 'Helvetica Neue',Helvetica,sans-serif;color: #ffffff;background: #bd081c no-repeat scroll 3px 50% \/ 14px 14px;cursor: pointer\">Save<\/span><\/p>\n<p><span style=\"text-indent: 20px;width: auto;padding: 0px 4px 0px 0px;text-align: center;font: bold 11px\/20px 'Helvetica Neue',Helvetica,sans-serif;color: #ffffff;background: #bd081c no-repeat scroll 3px 50% \/ 14px 14px;cursor: pointer\">Save<\/span><\/p>\n<p><span style=\"text-indent: 20px;width: auto;padding: 0px 4px 0px 0px;text-align: center;font: bold 11px\/20px 'Helvetica Neue',Helvetica,sans-serif;color: #ffffff;background: #bd081c no-repeat scroll 3px 50% \/ 14px 14px;cursor: pointer\">Save<\/span><\/p>\n<p><span style=\"text-indent: 20px;width: auto;padding: 0px 4px 0px 0px;text-align: center;font: bold 11px\/20px 'Helvetica Neue',Helvetica,sans-serif;color: #ffffff;background: #bd081c no-repeat scroll 3px 50% \/ 14px 14px;cursor: pointer\">Save<\/span><\/p>\n<p><span style=\"text-indent: 20px;width: auto;padding: 0px 4px 0px 0px;text-align: center;font: bold 11px\/20px 'Helvetica Neue',Helvetica,sans-serif;color: #ffffff;background: #bd081c no-repeat scroll 3px 50% \/ 14px 14px;cursor: pointer\">Save<\/span><\/p>\n<p><span style=\"text-indent: 20px;width: auto;padding: 0px 4px 0px 0px;text-align: center;font: bold 11px\/20px 'Helvetica Neue',Helvetica,sans-serif;color: #ffffff;background: #bd081c no-repeat scroll 3px 50% \/ 14px 14px;cursor: pointer\">Save<\/span><\/p>\n<p><span style=\"text-indent: 20px;width: auto;padding: 0px 4px 0px 0px;text-align: center;font: bold 11px\/20px 'Helvetica Neue',Helvetica,sans-serif;color: #ffffff;background: #bd081c  no-repeat scroll 3px 50% \/ 14px 14px;cursor: pointer\">Save<\/span><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u00a0Week 1: August 23, 2016 Topic: introduction and history In class: group discussion about expectations of the course general information about the course and assignments to confirm the structure of the course and what we&#8217;ll do presentation on internet terms and definitions looking at the wayback machine and determining some design trends Brief history of &hellip; <a href=\"https:\/\/writeprofessionally.org\/web-design-2016\/schedule\/one-page-schedule\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8220;One Page Schedule&#8221;<\/span><\/a><\/p>\n","protected":false},"author":4,"featured_media":0,"parent":188,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-254","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/writeprofessionally.org\/web-design-2016\/wp-json\/wp\/v2\/pages\/254","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=254"}],"version-history":[{"count":0,"href":"https:\/\/writeprofessionally.org\/web-design-2016\/wp-json\/wp\/v2\/pages\/254\/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=254"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}