{"id":1601,"date":"2018-09-25T14:15:57","date_gmt":"2018-09-25T18:15:57","guid":{"rendered":"https:\/\/fouloistech.info\/ma\/?p=1601"},"modified":"2018-09-25T13:52:37","modified_gmt":"2018-09-25T17:52:37","slug":"tech-concepts-smith-9-25-2018","status":"publish","type":"post","link":"https:\/\/fouloistech.info\/ma\/2018\/09\/25\/tech-concepts-smith-9-25-2018\/","title":{"rendered":"Tech Concepts, Smith, 9-25-2018"},"content":{"rendered":"<div class=\"entry-content\">\n<p><strong>Warm-Up:<\/strong><\/p>\n<ul>\n<li>What is something you've learned during this project that could help you in the future? How could it help you?<\/li>\n<\/ul>\n<p><a href=\"https:\/\/gmail.pgcps.org\/\">PGCPS Gmail Login<\/a>\u00a0|\u00a0<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<p><strong>Objective:<\/strong><\/p>\n<ul>\n<li>Students will gain basic understanding of code to gain the necessary background knowledge required to generate and conceptualize artistic ideas and work. (Anchor Standard 1)<\/li>\n<\/ul>\n<p><strong>Today's Agenda<\/strong><\/p>\n<ol>\n<li>Guided Instruction\n<ol>\n<li>Warm-Up Review<\/li>\n<li>Homework Review\n<ol>\n<li>Now that you can use any colors you want, list 10 text\/background color combinations that would work well. (Example: white text, black background OR black text, white background)<\/li>\n<\/ol>\n<\/li>\n<li>Project: Policies &amp; Procedures Review\n<ul>\n<li>If you scored higher than a 0, you have until September 29 (4 days from today) to resubmit for a higher grade.<\/li>\n<li>As stated in the syllabus, Zeros earned for incomplete, late, and\/or nonexistent work are not eligible for resubmission.<\/li>\n<\/ul>\n<\/li>\n<li>Project 2: Coding\n<ol>\n<li>Rubric\n<ul>\n<li>\u25ba 25% Project includes bug-free code created by the student, rather than copy\/pasted from other sources.<\/li>\n<li>\u25ba25% Project contains a minimum of 25 lines of code. [Class Choice]<\/li>\n<li>\u25ba25% Web page includes 100 NON-CODE words. [Class Choice, UPDATED 9-21]<\/li>\n<li>\u25ba25% Project contains characters. [Class Choice]<\/li>\n<\/ul>\n<\/li>\n<li>Code Review:\n<ol>\n<li>HTML (<a href=\"https:\/\/www.w3schools.com\/\">w3schools<\/a>)\n<ol>\n<li>\"<a href=\"https:\/\/www.w3schools.com\/html\/tryit.asp?filename=tryhtml_default\">Tryit Editor<\/a>\"<\/li>\n<\/ol>\n<\/li>\n<li>&lt;!DOCTYPE html&gt; (Everything that follows is a web page.)<\/li>\n<li>&lt;html&gt;&lt;\/html&gt; (Everything between these is HTML code.)<\/li>\n<li>&lt;head&gt;&lt;\/head&gt; (Everything between these is the Header.)<\/li>\n<li>&lt;title&gt;&lt;\/title&gt; (Everything between these is the Title.)<\/li>\n<li>&lt;body&gt;&lt;\/body&gt; (Everything between these is what can be seen in the website.)\n<ol>\n<li>We also learned how to change colors using some older code. We will learn a new way today.<\/li>\n<\/ol>\n<\/li>\n<li>&lt;h1&gt;&lt;\/h1&gt; (Everything between these is LARGE, bold, and on its own line.)\n<ol>\n<li>&lt;h2&gt;&lt;\/h2&gt; (Same, but a bit smaller.)<\/li>\n<\/ol>\n<\/li>\n<li>&lt;p&gt;&lt;\/p&gt; (Everything between these is a single paragraph).<\/li>\n<li>&lt;a href=\"http:\/\/fouloistech.info\"&gt;Linked Text&lt;\/a&gt; (Add a link to another page.)<\/li>\n<li>&lt;strong&gt;&lt;\/strong&gt; (Everything between these is <strong>bold<\/strong>.)<\/li>\n<li>&lt;em&gt;&lt;\/em&gt; (Everything between these is <em>italic.<\/em>)<\/li>\n<li>\n<div class=\"w3-example\">\n<div class=\"w3-code notranslate htmlHigh\">&lt;tagname style=\"<em>property<\/em>:<em>value;<\/em>\"&gt;<\/div>\n<\/div>\n<p><a href=\"https:\/\/www.w3schools.com\/html\/html_colors.asp\">HOW TO CHANGE COLORS!<\/a><\/p>\n<ol>\n<li>color (text color)<\/li>\n<li>background-color<\/li>\n<li>border (outline color)<\/li>\n<\/ol>\n<ol>\n<li>&lt;h1 style=\"border:2px solid Violet; background-color:yellow; color:white;\"&gt;This should be painful to read.&lt;\/h1&gt;<\/li>\n<\/ol>\n<\/li>\n<\/ol>\n<\/li>\n<li>New Code\n<ol>\n<li>Saving work to share:\n<ol>\n<li>Text editor (On PC, use Notepad)<\/li>\n<li>Name file with .html suffix, NOT .txt suffix.<\/li>\n<\/ol>\n<\/li>\n<li>&lt;img src=\"imagename.suffix\"&gt; (Add image to page)\n<ol>\n<li>align=\"left\/right\/center\" (text wrap)<\/li>\n<li>alt=\"image description\"<\/li>\n<li>width=\"pixelnumber\" (Could also use percent.)<\/li>\n<li>height=\"pixelnumber\" (Could also use percent.)<\/li>\n<li>border=\"pixelnumber\"<\/li>\n<\/ol>\n<\/li>\n<\/ol>\n<\/li>\n<\/ol>\n<\/li>\n<\/ol>\n<\/li>\n<li>Independent Work\n<ol>\n<li>Homework &amp; Journal Checks<\/li>\n<li>Project Pre-Production\n<ol>\n<li>The rubric requires characters. Include them today.<\/li>\n<\/ol>\n<\/li>\n<li>Project Production &amp; Post-Production\n<ol>\n<li>Dependant on project scope determined by student.<\/li>\n<\/ol>\n<\/li>\n<\/ol>\n<\/li>\n<li>HOMEWORK\n<ol>\n<li>Write out three ideas we can use for a PART 2 of our coding unit. Be as specific as possible. (Example: \"Digital portfolio of art projects\" is specific, \"web page\" is not.)<\/li>\n<\/ol>\n<\/li>\n<\/ol>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Warm-Up: What is something you've learned during this project that could help you in the future? How could it help you? PGCPS Gmail Login\u00a0|\u00a0Student SchoolMax Login Objective: Students will gain basic understanding of code to gain the necessary background knowledge required to generate and conceptualize artistic ideas and work. (Anchor Standard 1) Today's Agenda Guided <a href=\"https:\/\/fouloistech.info\/ma\/2018\/09\/25\/tech-concepts-smith-9-25-2018\/\" class=\"more-link\">...continue reading<span class=\"screen-reader-text\"> \"Tech Concepts, Smith, 9-25-2018\"<\/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":[15],"tags":[],"class_list":["post-1601","post","type-post","status-publish","format-standard","category-smithtech68","h-entry","hentry","h-as-article"],"_links":{"self":[{"href":"https:\/\/fouloistech.info\/ma\/wp-json\/wp\/v2\/posts\/1601","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=1601"}],"version-history":[{"count":4,"href":"https:\/\/fouloistech.info\/ma\/wp-json\/wp\/v2\/posts\/1601\/revisions"}],"predecessor-version":[{"id":1603,"href":"https:\/\/fouloistech.info\/ma\/wp-json\/wp\/v2\/posts\/1601\/revisions\/1603"}],"wp:attachment":[{"href":"https:\/\/fouloistech.info\/ma\/wp-json\/wp\/v2\/media?parent=1601"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/fouloistech.info\/ma\/wp-json\/wp\/v2\/categories?post=1601"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/fouloistech.info\/ma\/wp-json\/wp\/v2\/tags?post=1601"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}