{"id":516,"date":"2019-10-26T13:08:21","date_gmt":"2019-10-26T13:08:21","guid":{"rendered":"https:\/\/openlab.bmcc.cuny.edu\/mmp-240-fall-19-stein\/?p=516"},"modified":"2019-10-26T13:08:22","modified_gmt":"2019-10-26T13:08:22","slug":"assignment-7-site-style-basics","status":"publish","type":"post","link":"https:\/\/openlab.bmcc.cuny.edu\/mmp-240-fall-19-stein\/2019\/10\/26\/assignment-7-site-style-basics\/","title":{"rendered":"Assignment 7: Site Style Basics"},"content":{"rendered":"\n<p>For this assignment we are going to do a version of a Style Tile for your midterm site. To complete the assignment you can either<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Option 1: Download the Style Tile PSD file and complete it.<\/h3>\n\n\n\n<p>This option is best if you are already comfortable with Photoshop. If you aren&#8217;t then you should use Option 2.<\/p>\n\n\n\n<p>Go here to visit the Style Tiles web site: <a href=\"http:\/\/styletil.es\/\">http:\/\/styletil.es\/<\/a><\/p>\n\n\n\n<p>Read up a bit on her philosophy of the Style Tile.<\/p>\n\n\n\n<p>Download the PSD File: <a href=\"http:\/\/styletil.es\/downloads\/Style_Tile_Template.psd.zip\">http:\/\/styletil.es\/downloads\/Style_Tile_Template.psd.zip<\/a><\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"454\" src=\"https:\/\/openlab.bmcc.cuny.edu\/mmp-240-fall-19-stein\/wp-content\/uploads\/sites\/100\/2019\/10\/Screenshot-2019-10-25-18.09.11-1024x454.png\" alt=\"\" class=\"wp-image-517\" srcset=\"https:\/\/openlab.bmcc.cuny.edu\/mmp-240-fall-19-stein\/wp-content\/uploads\/sites\/100\/2019\/10\/Screenshot-2019-10-25-18.09.11-1024x454.png 1024w, https:\/\/openlab.bmcc.cuny.edu\/mmp-240-fall-19-stein\/wp-content\/uploads\/sites\/100\/2019\/10\/Screenshot-2019-10-25-18.09.11-300x133.png 300w, https:\/\/openlab.bmcc.cuny.edu\/mmp-240-fall-19-stein\/wp-content\/uploads\/sites\/100\/2019\/10\/Screenshot-2019-10-25-18.09.11-768x340.png 768w, https:\/\/openlab.bmcc.cuny.edu\/mmp-240-fall-19-stein\/wp-content\/uploads\/sites\/100\/2019\/10\/Screenshot-2019-10-25-18.09.11.png 2048w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Edit the file to include your colors and fonts. For example the words This is an Example of a Header, should be changed to use the font-family, color and size of the way you want the header to appear on your site. You don&#8217;t need to create a logo. Instead put the site title there in the font. you want.<\/p>\n\n\n\n<p>If you like the column guides then you may want to lock them View &gt; Lock Guides. If you want to keep them but not see them: View &gt; Show &gt; Guides to toggle on and off. <\/p>\n\n\n\n<p>All of the elements are carefully organized in folders and layers. Feel free to move and add things but keep them organized as well. <\/p>\n\n\n\n<p>You can change the size of things, remove them if not needed<\/p>\n\n\n\n<p>The Adjectives section is where you change Lorem Ipsum Dolor Sit Amet Magna to be 4-6 words that describe the feel of the site (bold, colorful, playful, trustworthy, exciting).<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Option 2: Create a PDF document that lists the following questions with their answers<\/h3>\n\n\n\n<p>Copy all of the questions and prompts below into a document (Word, Google Doc etc).<\/p>\n\n\n\n<p>For each question there are spaces underneath to add answers. Add an answer for each prompt (font-family, font-size, color etc).<\/p>\n\n\n\n<p><em> What is the type treatment for your Site Title?<\/em><br> Font-family: <br> Font-size: <br> Color: <\/p>\n\n\n\n<p><em>What is the type treatment for your page titles?<\/em><br> Font-family: <br> Font-size: <br> Color: <\/p>\n\n\n\n<p><em>What is the type treatment for your sub titles?<\/em><br> Font-family: <br> Font-size: <br> Color: <\/p>\n\n\n\n<p><em>What is the type treatment for your paragraphs? <\/em><br> Font-family: <br> Font-size: <br> Color: <\/p>\n\n\n\n<p><em>What is the type treatment for your links? <\/em><br> Font-family: <br> Font-size: <br> Color: <\/p>\n\n\n\n<p><em>What colors are you going to use on the site?<\/em><br> List at least 3 colors as hexadecimal values that you would use in CSS like #ff7722.  You can make it more visual by including a block of that color along with the hex value.  <\/p>\n\n\n\n<p>Next to two of the colors list the main background color and main text color:<br>#59c7bf: main background<br>#000000: main text color<\/p>\n\n\n\n<p><em>List at least four words to describe the feel of the site.<\/em><br>You are not writing in full sentences, just words like: bold, colorful, playful, trustworthy, exciting<\/p>\n\n\n\n<p><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">SUBMITTING THE ASSIGNMENT<\/h3>\n\n\n\n<p><strong>Submit for Option 1: <\/strong>If you are doing option one, submit the Photoshop PSD file<\/p>\n\n\n\n<p><strong>Submit for Option 2: <\/strong>If you are doing option two, write your answers in a Word or Google Doc or other software, then save as a PDF and submit the PDF file.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>For this assignment we are going to do a version of a Style Tile for your midterm site. To complete the assignment you can either Option 1: Download the Style Tile PSD file and complete it. This option is best if you are already comfortable with Photoshop. If you aren&#8217;t then you should use Option [&hellip;]<\/p>\n","protected":false},"author":16,"featured_media":517,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"portfolio_post_id":0,"portfolio_citation":"","portfolio_annotation":"","openlab_post_visibility":"","footnotes":""},"categories":[5,12,16],"tags":[65,63],"class_list":{"0":"post-516","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-assignments","8":"category-design","9":"category-planning-and-documentation","10":"tag-assignment","11":"tag-design","12":"czr-hentry"},"_links":{"self":[{"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-240-fall-19-stein\/wp-json\/wp\/v2\/posts\/516","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-240-fall-19-stein\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-240-fall-19-stein\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-240-fall-19-stein\/wp-json\/wp\/v2\/users\/16"}],"replies":[{"embeddable":true,"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-240-fall-19-stein\/wp-json\/wp\/v2\/comments?post=516"}],"version-history":[{"count":4,"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-240-fall-19-stein\/wp-json\/wp\/v2\/posts\/516\/revisions"}],"predecessor-version":[{"id":521,"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-240-fall-19-stein\/wp-json\/wp\/v2\/posts\/516\/revisions\/521"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-240-fall-19-stein\/wp-json\/wp\/v2\/media\/517"}],"wp:attachment":[{"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-240-fall-19-stein\/wp-json\/wp\/v2\/media?parent=516"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-240-fall-19-stein\/wp-json\/wp\/v2\/categories?post=516"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-240-fall-19-stein\/wp-json\/wp\/v2\/tags?post=516"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}