{"id":2659,"date":"2022-02-23T15:51:51","date_gmt":"2022-02-23T20:51:51","guid":{"rendered":"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring-22\/?p=2659"},"modified":"2022-02-23T20:14:36","modified_gmt":"2022-02-24T01:14:36","slug":"week-4","status":"publish","type":"post","link":"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring-22\/weeks\/week-4\/","title":{"rendered":"Week 4: 2\/23"},"content":{"rendered":"\n<p>As a reminder there was no class on Monday due to a holiday.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Activity 1: Typographic Hierarchy<\/h2>\n\n\n\n<p>We will go through the <a href=\"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring-22\/topics\/css\/typographic-hierarchy\/\" data-type=\"post\" data-id=\"1712\">Typographic Hierarchy<\/a> post and try out the an example listed there.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Activity 2: Getting Started on Wireframes to HTML<\/h2>\n\n\n\n<p>In this part of the class we will look at the process of moving from the wireframes you created for your Portfolio Brief and how to begin creating them as web pages. <\/p>\n\n\n\n<p>Today the focus is on HTML. We will use the Miro below to help go over this.<\/p>\n\n\n\n<p>W<a rel=\"noreferrer noopener\" href=\"https:\/\/miro.com\/app\/board\/uXjVOKAmzmc=\/?invite_link_id=668176691483\" target=\"_blank\">eb Site: Getting Started (miro)<\/a><\/p>\n\n\n\n<p>I showed an example in class of converting one of the wireframes in our Portfolio Brief Example into HTML\/CSS.<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li><a href=\"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring-22\/projects\/portfolio-brief\/#Lo-fi_wireframe\">Wireframes used<\/a><\/li><li><a href=\"https:\/\/codepen.io\/profstein\/pen\/mdqjdao\" target=\"_blank\" rel=\"noreferrer noopener\">CodePen I made in class<\/a>.<\/li><\/ul>\n","protected":false},"excerpt":{"rendered":"<p>As a reminder there was no class on Monday due to a holiday. Activity 1: Typographic Hierarchy We will go through the Typographic Hierarchy post and try out the an example listed there. Activity 2: Getting Started on Wireframes to HTML In this part of the class we will look at the process of moving&hellip; <a class=\"more-link\" href=\"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring-22\/weeks\/week-4\/\">Continue reading <span class=\"screen-reader-text\">Week 4: 2\/23<\/span><\/a><\/p>\n","protected":false},"author":16,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_uag_custom_page_level_css":"","portfolio_post_id":0,"portfolio_citation":"","portfolio_annotation":"","openlab_post_visibility":"","footnotes":""},"categories":[8],"tags":[],"coauthors":[87],"class_list":["post-2659","post","type-post","status-publish","format-standard","hentry","category-weeks","entry"],"featured_image_urls_v2":{"full":"","thumbnail":"","medium":"","medium_large":"","large":"","1536x1536":"","2048x2048":"","post-thumbnail":"","gform-image-choice-sm":"","gform-image-choice-md":"","gform-image-choice-lg":""},"post_excerpt_stackable_v2":"<p>As a reminder there was no class on Monday due to a holiday. Activity 1: Typographic Hierarchy We will go through the Typographic Hierarchy post and try out the an example listed there. Activity 2: Getting Started on Wireframes to HTML In this part of the class we will look at the process of moving from the wireframes you created for your Portfolio Brief and how to begin creating them as web pages. Today the focus is on HTML. We will use the Miro below to help go over this. Web Site: Getting Started (miro) I showed an example in&hellip;<\/p>\n","category_list_v2":"<a href=\"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring-22\/category\/weeks\/\" rel=\"category tag\">Weeks<\/a>","author_info_v2":{"name":"Christopher Stein","url":"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring-22\/author\/cstein\/"},"comments_num_v2":"1 comment","uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false,"post-thumbnail":false,"gform-image-choice-sm":false,"gform-image-choice-md":false,"gform-image-choice-lg":false},"uagb_author_info":{"display_name":"Christopher Stein","author_link":"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring-22\/author\/cstein\/"},"uagb_comment_info":1,"uagb_excerpt":"As a reminder there was no class on Monday due to a holiday. Activity 1: Typographic Hierarchy We will go through the Typographic Hierarchy post and try out the an example listed there. Activity 2: Getting Started on Wireframes to HTML In this part of the class we will look at the process of moving&hellip;&hellip;","_links":{"self":[{"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring-22\/wp-json\/wp\/v2\/posts\/2659","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring-22\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring-22\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring-22\/wp-json\/wp\/v2\/users\/16"}],"replies":[{"embeddable":true,"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring-22\/wp-json\/wp\/v2\/comments?post=2659"}],"version-history":[{"count":3,"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring-22\/wp-json\/wp\/v2\/posts\/2659\/revisions"}],"predecessor-version":[{"id":2673,"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring-22\/wp-json\/wp\/v2\/posts\/2659\/revisions\/2673"}],"wp:attachment":[{"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring-22\/wp-json\/wp\/v2\/media?parent=2659"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring-22\/wp-json\/wp\/v2\/categories?post=2659"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring-22\/wp-json\/wp\/v2\/tags?post=2659"},{"taxonomy":"author","embeddable":true,"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring-22\/wp-json\/wp\/v2\/coauthors?post=2659"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}