{"id":587,"date":"2017-02-17T14:20:36","date_gmt":"2017-02-17T19:20:36","guid":{"rendered":"https:\/\/fouloistech.info\/ma\/?p=587"},"modified":"2017-02-17T14:19:43","modified_gmt":"2017-02-17T19:19:43","slug":"media-arts-2-17-2017","status":"publish","type":"post","link":"https:\/\/fouloistech.info\/ma\/2017\/02\/17\/media-arts-2-17-2017\/","title":{"rendered":"Media Arts 2-17-2017"},"content":{"rendered":"<h2>Warm-Up:<\/h2>\n<p>Press \"CTRL+U\" to see the html code used to make <span style=\"color: #ff0000;\">this page<\/span>. <span style=\"color: #0000ff;\">Look for code you recognize<\/span>, and<span style=\"color: #339966;\"> try to figure out what some of the other codes do<\/span>. The main page for <a href=\"https:\/\/fouloistech.info\">FouloisTech.info<\/a> has simpler code if you would rather look at that.<\/p>\n<p><a href=\"https:\/\/gmail.pgcps.org\/\">PGCPS Gmail Login<\/a> | <a href=\"https:\/\/family.sis.pgcps.org\/schoolmax\/reset.do?0uw3YEa.aU7zaju.xnn.xGOSq-OS-Gd%2BOF_Gh_0D.OhGgwUVm3sEVzWgkz13S0Dh00Oq0DOh6_OgwEkeUs3uYAEEsaU7.LUazsrgjumkz13-SgsUWVjUVm3mWgwkmpwUVm31mLUjsegMmr3gYEjWekr3%3Dx\">Student SchoolMax Login<\/a><\/p>\n<h2>Agenda:<\/h2>\n<ol>\n<li>10 Second Challenge: Chroma Key Reactions\n<ol>\n<li>If you don't like your grade, submit to your REVISED version for the REVISED project by Monday, February 20th.<\/li>\n<\/ol>\n<\/li>\n<li>Series Video\u00a04\n<ol>\n<li>Due <strong>TODAY, 2\/17<\/strong>!<\/li>\n<\/ol>\n<\/li>\n<li>\"Dancercize\"\n<ol>\n<li>Related project is coming soon.<\/li>\n<\/ol>\n<\/li>\n<li>Film Festival Screening event\n<ol>\n<li>March 21st (Snow Date: March 28)<\/li>\n<li>Cost will be $5.50 per student.<\/li>\n<\/ol>\n<\/li>\n<li>Web Design\n<ol>\n<li><a href=\"https:\/\/www.w3schools.com\/html\/\">This tutorial can help you if you try it<\/a>.<\/li>\n<li>Due\u00a0<em>TODAY, 2\/17<\/em>!<\/li>\n<li>\u00a0Tags\n<ol>\n<li>Almost EVERY tag needs a closing tag.\n<ol>\n<li>&lt;p&gt; needs &lt;\/p&gt;<\/li>\n<li>&lt;h1&gt; needs &lt;\/h1&gt;<\/li>\n<li>If it doesn't have a \/ in it, it isn't a closing tag.<\/li>\n<li>I usually type both tags and THEN add whatever goes between them, to make sure I don't forget to add the one at the end.<\/li>\n<\/ol>\n<\/li>\n<li>You can put one tag inside another.\n<ol>\n<li>&lt;p&gt;This word is &lt;b&gt;<strong>bold<\/strong>&lt;\/b&gt;.&lt;\/p&gt;<\/li>\n<li>&lt;p&gt; Here is a &lt;a href=\"http:\/\/fouloistech.info\"&gt;<a href=\"http:\/\/fouloistech.info\">link<\/a>&lt;\/a&gt;.&lt;\/p&gt;<\/li>\n<\/ol>\n<\/li>\n<li>You SHOULD NOT stagger tags.\n<ol>\n<li><span style=\"text-decoration: line-through;\">&lt;p&gt;This word is &lt;b&gt;bold.&lt;\/p&gt;&lt;\/b&gt;<\/span><\/li>\n<\/ol>\n<\/li>\n<\/ol>\n<\/li>\n<li>\u00a0Color\n<ol>\n<li>Use style attribute inside other tags.<\/li>\n<li>&lt;body\u00a0style=\"background-color:blue;color:white\"&gt;\n<ol>\n<li>...will make the entire page blue with white text. (Don't do this.)<\/li>\n<\/ol>\n<\/li>\n<li>&lt;h1\u00a0\u00a0style=\"background-color:blue;color:white\"&gt;Hello&lt;\/h2&gt;\n<ol>\n<li>...will make JUST THAT HEADER white text on a blue background. (Don't do this.)<\/li>\n<\/ol>\n<\/li>\n<li>The Color Picker will let you find any color you want.\n<ol>\n<li>Hex codes are used instead of color names.<\/li>\n<li>You can use #000000 instead of black.<\/li>\n<li>You can use #ffffff instead of white.<\/li>\n<li>ALWAYS include the # or it won't work.<\/li>\n<\/ol>\n<\/li>\n<\/ol>\n<\/li>\n<li>Saving Work\n<ol>\n<li>Select all your text with CTRL+A. Copy it with CTRL+C<br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-588\" src=\"https:\/\/fouloistech.info\/ma\/wp-content\/uploads\/2017\/02\/html01.png\" alt=\"\" width=\"674\" height=\"234\" srcset=\"https:\/\/fouloistech.info\/ma\/wp-content\/uploads\/2017\/02\/html01.png 674w, https:\/\/fouloistech.info\/ma\/wp-content\/uploads\/2017\/02\/html01-300x104.png 300w\" sizes=\"auto, (max-width: 674px) 100vw, 674px\" \/><\/li>\n<li>Find &amp; open Notepad on your computer using the START button.<br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-589\" src=\"https:\/\/fouloistech.info\/ma\/wp-content\/uploads\/2017\/02\/html02.png\" alt=\"\" width=\"307\" height=\"599\" srcset=\"https:\/\/fouloistech.info\/ma\/wp-content\/uploads\/2017\/02\/html02.png 307w, https:\/\/fouloistech.info\/ma\/wp-content\/uploads\/2017\/02\/html02-154x300.png 154w\" sizes=\"auto, (max-width: 307px) 100vw, 307px\" \/><\/li>\n<li>Paste in your code with CTRL+V.<br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-590\" src=\"https:\/\/fouloistech.info\/ma\/wp-content\/uploads\/2017\/02\/html03.png\" alt=\"\" width=\"416\" height=\"271\" srcset=\"https:\/\/fouloistech.info\/ma\/wp-content\/uploads\/2017\/02\/html03.png 416w, https:\/\/fouloistech.info\/ma\/wp-content\/uploads\/2017\/02\/html03-300x195.png 300w\" sizes=\"auto, (max-width: 416px) 100vw, 416px\" \/><\/li>\n<li>Click on \"File,\" then click \"Save As...\"<br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-591\" src=\"https:\/\/fouloistech.info\/ma\/wp-content\/uploads\/2017\/02\/html04.png\" alt=\"\" width=\"413\" height=\"272\" srcset=\"https:\/\/fouloistech.info\/ma\/wp-content\/uploads\/2017\/02\/html04.png 413w, https:\/\/fouloistech.info\/ma\/wp-content\/uploads\/2017\/02\/html04-300x198.png 300w\" sizes=\"auto, (max-width: 413px) 100vw, 413px\" \/><\/li>\n<li>Find where it says \"*.txt\" and delete it.<br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-592\" src=\"https:\/\/fouloistech.info\/ma\/wp-content\/uploads\/2017\/02\/html05.png\" alt=\"\" width=\"213\" height=\"67\" \/><\/li>\n<li>Type your file's name, making sure that <strong><span style=\"color: #ff0000;\">.html<\/span><\/strong> is the suffix. The default is index.html but so long as you <span style=\"color: #ff0000;\">don't use any punctuation or spaces<\/span> other than the period for .html it should be fine.<br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-593\" src=\"https:\/\/fouloistech.info\/ma\/wp-content\/uploads\/2017\/02\/html06.png\" alt=\"\" width=\"512\" height=\"102\" srcset=\"https:\/\/fouloistech.info\/ma\/wp-content\/uploads\/2017\/02\/html06.png 512w, https:\/\/fouloistech.info\/ma\/wp-content\/uploads\/2017\/02\/html06-300x60.png 300w\" sizes=\"auto, (max-width: 512px) 100vw, 512px\" \/><\/li>\n<li>Find your file and upload it to Google Classroom.<\/li>\n<\/ol>\n<\/li>\n<\/ol>\n<\/li>\n<\/ol>\n","protected":false},"excerpt":{"rendered":"<p>Warm-Up: Press \"CTRL+U\" to see the html code used to make this page. Look for code you recognize, and try to figure out what some of the other codes do. The main page for FouloisTech.info has simpler code if you would rather look at that. PGCPS Gmail Login | Student SchoolMax Login Agenda: 10 Second <a href=\"https:\/\/fouloistech.info\/ma\/2017\/02\/17\/media-arts-2-17-2017\/\" class=\"more-link\">...continue reading<span class=\"screen-reader-text\"> \"Media Arts 2-17-2017\"<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3],"tags":[],"class_list":["post-587","post","type-post","status-publish","format-standard","category-media-arts","h-entry","hentry","h-as-article"],"_links":{"self":[{"href":"https:\/\/fouloistech.info\/ma\/wp-json\/wp\/v2\/posts\/587","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/fouloistech.info\/ma\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/fouloistech.info\/ma\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/fouloistech.info\/ma\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/fouloistech.info\/ma\/wp-json\/wp\/v2\/comments?post=587"}],"version-history":[{"count":6,"href":"https:\/\/fouloistech.info\/ma\/wp-json\/wp\/v2\/posts\/587\/revisions"}],"predecessor-version":[{"id":599,"href":"https:\/\/fouloistech.info\/ma\/wp-json\/wp\/v2\/posts\/587\/revisions\/599"}],"wp:attachment":[{"href":"https:\/\/fouloistech.info\/ma\/wp-json\/wp\/v2\/media?parent=587"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/fouloistech.info\/ma\/wp-json\/wp\/v2\/categories?post=587"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/fouloistech.info\/ma\/wp-json\/wp\/v2\/tags?post=587"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}