{"id":50,"date":"2019-07-01T18:34:24","date_gmt":"2019-07-01T18:34:24","guid":{"rendered":"https:\/\/openlab.bmcc.cuny.edu\/mmp100-1300-f2019\/?page_id=50"},"modified":"2025-01-23T18:53:41","modified_gmt":"2025-01-23T18:53:41","slug":"web-development","status":"publish","type":"page","link":"https:\/\/openlab.bmcc.cuny.edu\/mmp-100-spring-2025\/web-development\/","title":{"rendered":"Web"},"content":{"rendered":"\n<p>In this unit, we will learn the basics of making a website using <a href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/HTML\" target=\"_blank\" rel=\"noopener\">HTML<\/a> and <a href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/CSS\" target=\"_blank\" rel=\"noopener\">CSS<\/a>.<\/p>\n\n\n\n<p>We will use a text editor, <a href=\"https:\/\/www.sublimetext.com\/\" target=\"_blank\" rel=\"noopener\">Sublime Text<\/a>, to edit the website.<\/p>\n\n\n\n<p>We will use <a href=\"https:\/\/github.com\/\" target=\"_blank\" rel=\"noopener\">GitHub<\/a>, a publishing platform for code, as our site publisher.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Resources<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"http:\/\/www.nytimes.com\/video\/technology\/100000001766676\/what-keeps-a-data-center-going.html\">NYTimes video about data centers \u2013 \u201cInto the Cloud\u201d<\/a><\/li>\n\n\n\n<li>Video tutorials for HTML &amp; CSS \u2013 \u201cDon\u2019t fear the Internet: Starting from Scratch \u2013 <a href=\"http:\/\/www.dontfeartheinternet.com\/04-from-scratch\/\">Part I (HTML)<\/a> &amp; <a href=\"http:\/\/www.dontfeartheinternet.com\/05-from-scratch\/\">Part II (CSS)\u201d<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/Learn\/Getting_started_with_the_web\/HTML_basics\">HTML basics from Mozilla Developers Network<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/Learn\/CSS\/Introduction_to_CSS\/How_CSS_works\">How CSS works on Mozilla Developer Network<\/a><\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Project<\/h2>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"893\" height=\"747\" src=\"https:\/\/openlab.bmcc.cuny.edu\/mmp-100-spring-2025\/wp-content\/uploads\/sites\/4098\/2025\/01\/Choose-Your-Own-Adventure-Google-Chrome-1_23_2025-1_47_16-PM.png\" alt=\"\" class=\"wp-image-3116\" srcset=\"https:\/\/openlab.bmcc.cuny.edu\/mmp-100-spring-2025\/wp-content\/uploads\/sites\/4098\/2025\/01\/Choose-Your-Own-Adventure-Google-Chrome-1_23_2025-1_47_16-PM.png 893w, https:\/\/openlab.bmcc.cuny.edu\/mmp-100-spring-2025\/wp-content\/uploads\/sites\/4098\/2025\/01\/Choose-Your-Own-Adventure-Google-Chrome-1_23_2025-1_47_16-PM-300x251.png 300w, https:\/\/openlab.bmcc.cuny.edu\/mmp-100-spring-2025\/wp-content\/uploads\/sites\/4098\/2025\/01\/Choose-Your-Own-Adventure-Google-Chrome-1_23_2025-1_47_16-PM-768x642.png 768w\" sizes=\"auto, (max-width: 893px) 100vw, 893px\" \/><\/figure>\n\n\n\n<p>Create a \u201cchoose your own adventure\u201d story with HTML and CSS &nbsp;code. Each page should give the user 2 options to choose from. There should be a total of (at least) 5 HTML pages. All your pages should include the required tags (html, head, title, body). You should also use h1 (main header), p (paragraph), img (image) and a(link). Always include an option to go back to the home page (index.html). &nbsp;Make sure you only use Creative Commons or Public Domain images and that you attribute them directly on the page. Once you\u2019ve completed and tested all the HTML, style your code with CSS. Use at least the following properties: color, text-size, font-family, text-decoration).<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Submission<\/h2>\n\n\n\n<p>Create an Open Lab post with the following:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Screen capture of the website homepage<\/li>\n\n\n\n<li>URL for the published version of the project<\/li>\n\n\n\n<li>URL for the code on GitHub<\/li>\n\n\n\n<li>Project statement\n<ul class=\"wp-block-list\">\n<li>Project title<\/li>\n\n\n\n<li>Semester and year created (Spring 2025)<\/li>\n\n\n\n<li>Software and languages used<\/li>\n\n\n\n<li>3-4 sentence description of your creative and technical process. For example: What\/who is your \u201cchoose your own adventure\u201d about? What inspired this story? What was the most challenging part of the project and how did you solve it?<\/li>\n\n\n\n<li>Description should be written for a general audience with no knowledge of the class assignment.<br><\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n\n<p>Submit a link to the Open Lab post documentation on Brightspace.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>In this unit, we will learn the basics of making a website using HTML and CSS. We will use a text editor, Sublime Text, to edit the website. We will use GitHub, a publishing platform for code, as our site publisher. Resources Project Create a \u201cchoose your own adventure\u201d story with HTML and CSS &nbsp;code.&hellip; <a class=\"more-link\" href=\"https:\/\/openlab.bmcc.cuny.edu\/mmp-100-spring-2025\/web-development\/\">Continue reading <span class=\"screen-reader-text\">Web<\/span><\/a><\/p>\n","protected":false},"author":34,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"portfolio_post_id":0,"portfolio_citation":"","portfolio_annotation":"","openlab_post_visibility":"","footnotes":""},"class_list":["post-50","page","type-page","status-publish","hentry","entry"],"_links":{"self":[{"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-100-spring-2025\/wp-json\/wp\/v2\/pages\/50","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-100-spring-2025\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-100-spring-2025\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-100-spring-2025\/wp-json\/wp\/v2\/users\/34"}],"replies":[{"embeddable":true,"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-100-spring-2025\/wp-json\/wp\/v2\/comments?post=50"}],"version-history":[{"count":24,"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-100-spring-2025\/wp-json\/wp\/v2\/pages\/50\/revisions"}],"predecessor-version":[{"id":3123,"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-100-spring-2025\/wp-json\/wp\/v2\/pages\/50\/revisions\/3123"}],"wp:attachment":[{"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-100-spring-2025\/wp-json\/wp\/v2\/media?parent=50"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}