{"id":2574,"date":"2023-02-07T17:46:59","date_gmt":"2023-02-07T22:46:59","guid":{"rendered":"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring23\/?p=2574"},"modified":"2023-02-07T17:52:52","modified_gmt":"2023-02-07T22:52:52","slug":"page-section-assignment","status":"publish","type":"post","link":"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring23\/assignments\/page-section-assignment\/","title":{"rendered":"Page Section Assignment"},"content":{"rendered":"\n<p>This assignment is to write HTML and CSS for the basic page structure elements of Ru&#8217;s Projects page.<\/p>\n\n\n\n<h5 class=\"wp-block-heading\" id=\"anonymous_element_22\">TURNING IT IN<\/h5>\n\n\n\n<p>Go to this assignment in <a href=\"https:\/\/bbhosted.cuny.edu\" target=\"_blank\" rel=\"noreferrer noopener\">Blackboard<\/a> and add a link to your GitHub Repository in the Written Comments for this assignment <\/p>\n\n\n\n<h5 class=\"wp-block-heading\" id=\"anonymous_element_23\">DUE DATE<\/h5>\n\n\n\n<p>Tuesdsay, February 7<\/p>\n\n\n\n<h5 class=\"wp-block-heading\" id=\"anonymous_element_24\">DESCRIPTION<\/h5>\n\n\n\n<p>This assignment is based off of work we did in class on Thursday 2\/2. In that class we learned about the page section elements:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>header<\/li><li>main<\/li><li>footer<\/li><li>nav<\/li><li>article<\/li><li>section<\/li><li>aside<\/li><li>div<\/li><li>address<\/li><\/ul>\n\n\n\n<p>We looked at the Projects page of Ruhsona&#8217;s web site:\u00a0<a href=\"https:\/\/www.ruhsona.com\/projects\">https:\/\/www.ruhsona.com\/projects<\/a> and mapped out the main sections of the page.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"768\" height=\"1024\" src=\"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring23\/wp-content\/uploads\/sites\/2916\/2023\/02\/header-main-footer-2-768x1024.png\" alt=\"web site with header\/main\/footer sections outlined and content areas outlined\" class=\"wp-image-2575\" srcset=\"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring23\/wp-content\/uploads\/sites\/2916\/2023\/02\/header-main-footer-2-768x1024.png 768w, https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring23\/wp-content\/uploads\/sites\/2916\/2023\/02\/header-main-footer-2-225x300.png 225w, https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring23\/wp-content\/uploads\/sites\/2916\/2023\/02\/header-main-footer-2-1152x1536.png 1152w, https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring23\/wp-content\/uploads\/sites\/2916\/2023\/02\/header-main-footer-2.png 1536w\" sizes=\"auto, (max-width: 768px) 100vw, 768px\" \/><\/figure>\n\n\n\n<p>Then your tasks were to<\/p>\n\n\n\n<ol class=\"wp-block-list\"><li>Create a repository in GitHub<\/li><li>Open that repository in Codespaces<\/li><li>Write the HTML for each of those sections using the page structure elements<ol><li>Start with the header, main and footer elements<\/li><li>Make sure to add classes to each of the elements you add<\/li><li>You only need to add elements for those parts of the page outlined in Red and Blue boxes above (not the Green outlined elements).<\/li><\/ol><\/li><li>Add a CSS file that is linked to your HTML page<\/li><li>Style the element containing the three projects using CSS Grid so that they are in three columns.<\/li><\/ol>\n\n\n\n<p>For now, you can just add a simple text description inside of each element. For example:<\/p>\n\n\n\n<p>&lt;nav class=&#8221;site-nav&#8221;&gt;Navigation&lt;\/nav&gt;<\/p>\n\n\n\n<p>For help view the&nbsp;<a href=\"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring23\/class-recordings\/\" target=\"_blank\" rel=\"noreferrer noopener\">class recordings for Class 3<\/a>&nbsp;on our class site.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>This assignment is to write HTML and CSS for the basic page structure elements of Ru&#8217;s Projects page. TURNING IT IN Go to this assignment in Blackboard and add a link to your GitHub Repository in the Written Comments for this assignment DUE DATE Tuesdsay, February 7 DESCRIPTION This assignment is based off of work&hellip; <a class=\"more-link\" href=\"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring23\/assignments\/page-section-assignment\/\">Continue reading <span class=\"screen-reader-text\">Page Section Assignment<\/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":[5],"tags":[],"coauthors":[87],"class_list":["post-2574","post","type-post","status-publish","format-standard","hentry","category-assignments","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>This assignment is to write HTML and CSS for the basic page structure elements of Ru&#8217;s Projects page. TURNING IT IN Go to this assignment in Blackboard and add a link to your GitHub Repository in the Written Comments for this assignment DUE DATE Tuesdsay, February 7 DESCRIPTION This assignment is based off of work we did in class on Thursday 2\/2. In that class we learned about the page section elements: headermainfooternavarticlesectionasidedivaddress We looked at the Projects page of Ruhsona&#8217;s web site:\u00a0https:\/\/www.ruhsona.com\/projects and mapped out the main sections of the page. Then your tasks were to Create a repository&hellip;<\/p>\n","category_list_v2":"<a href=\"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring23\/category\/assignments\/\" rel=\"category tag\">Assignments<\/a>","author_info_v2":{"name":"Christopher Stein","url":"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring23\/author\/cstein\/"},"comments_num_v2":"0 comments","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-spring23\/author\/cstein\/"},"uagb_comment_info":0,"uagb_excerpt":"This assignment is to write HTML and CSS for the basic page structure elements of Ru&#8217;s Projects page. TURNING IT IN Go to this assignment in Blackboard and add a link to your GitHub Repository in the Written Comments for this assignment DUE DATE Tuesdsay, February 7 DESCRIPTION This assignment is based off of work&hellip;&hellip;","_links":{"self":[{"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring23\/wp-json\/wp\/v2\/posts\/2574","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring23\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring23\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring23\/wp-json\/wp\/v2\/users\/16"}],"replies":[{"embeddable":true,"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring23\/wp-json\/wp\/v2\/comments?post=2574"}],"version-history":[{"count":2,"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring23\/wp-json\/wp\/v2\/posts\/2574\/revisions"}],"predecessor-version":[{"id":2583,"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring23\/wp-json\/wp\/v2\/posts\/2574\/revisions\/2583"}],"wp:attachment":[{"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring23\/wp-json\/wp\/v2\/media?parent=2574"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring23\/wp-json\/wp\/v2\/categories?post=2574"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring23\/wp-json\/wp\/v2\/tags?post=2574"},{"taxonomy":"author","embeddable":true,"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring23\/wp-json\/wp\/v2\/coauthors?post=2574"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}