{"id":1614,"date":"2018-09-27T14:15:28","date_gmt":"2018-09-27T18:15:28","guid":{"rendered":"https:\/\/fouloistech.info\/ma\/?p=1614"},"modified":"2018-09-28T08:48:48","modified_gmt":"2018-09-28T12:48:48","slug":"tech-concepts-smith-9-27-2018","status":"publish","type":"post","link":"https:\/\/fouloistech.info\/ma\/2018\/09\/27\/tech-concepts-smith-9-27-2018\/","title":{"rendered":"Tech Concepts, Smith, 9-27-2018"},"content":{"rendered":"<div class=\"entry-content\">\n<p><strong><img loading=\"lazy\" decoding=\"async\" class=\"alignright size-medium wp-image-1615\" src=\"https:\/\/fouloistech.info\/ma\/wp-content\/uploads\/2018\/09\/extlink-300x300.png\" alt=\"\" width=\"300\" height=\"300\" srcset=\"https:\/\/fouloistech.info\/ma\/wp-content\/uploads\/2018\/09\/extlink-300x300.png 300w, https:\/\/fouloistech.info\/ma\/wp-content\/uploads\/2018\/09\/extlink-150x150.png 150w, https:\/\/fouloistech.info\/ma\/wp-content\/uploads\/2018\/09\/extlink-768x768.png 768w, https:\/\/fouloistech.info\/ma\/wp-content\/uploads\/2018\/09\/extlink-1024x1024.png 1024w, https:\/\/fouloistech.info\/ma\/wp-content\/uploads\/2018\/09\/extlink-960x960.png 960w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/>Warm-Up:<\/strong><\/p>\n<ul>\n<li>What are the benefits of everyone working in the same media for a project? What are the drawbacks?<\/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 revise and complete artistic work. (Anchor Standard 3)<\/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>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<li>Project: Policies &amp; Procedures Review\n<ul>\n<li>If you scored higher than a 0, you have until September 29 (2 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 3: Coding, Continued\n<ol>\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% Project includes a BEGINNING, MIDDLE, and END. [Class Choice]<\/li>\n<li>\u25ba25% Project is either a 1:30- 3:00 minute song (Sonic-Pi), A 2-5 page webcomic (html) or an animation. [Class Choice]<\/li>\n<\/ol>\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<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<li>Submitting work:\n<ol>\n<li>Use Notepad (or other text editor) to save code as index.html<\/li>\n<li>Upload index.html file and any images to Google Classroom<\/li>\n<li>On Critique Day (Monday) I will have the pages set up for each of you to view and critique.\n<ol>\n<li>This requires ADDITIONAL WORK on my part. Projects submitted late for ANY reason will not be available for Critique Day.<\/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>In your journal, draw 3 website layouts that you think would reach a balance between form and function. (Think about: colors, images, content, menus)<\/li>\n<\/ol>\n<\/li>\n<\/ol>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Warm-Up: What are the benefits of everyone working in the same media for a project? What are the drawbacks? PGCPS Gmail Login\u00a0|\u00a0Student SchoolMax Login Objective: Students will gain basic understanding of code to revise and complete artistic work. (Anchor Standard 3) Today's Agenda Guided Instruction Warm-Up Review Homework Review Write out three ideas we can <a href=\"https:\/\/fouloistech.info\/ma\/2018\/09\/27\/tech-concepts-smith-9-27-2018\/\" class=\"more-link\">...continue reading<span class=\"screen-reader-text\"> \"Tech Concepts, Smith, 9-27-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-1614","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\/1614","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=1614"}],"version-history":[{"count":4,"href":"https:\/\/fouloistech.info\/ma\/wp-json\/wp\/v2\/posts\/1614\/revisions"}],"predecessor-version":[{"id":1619,"href":"https:\/\/fouloistech.info\/ma\/wp-json\/wp\/v2\/posts\/1614\/revisions\/1619"}],"wp:attachment":[{"href":"https:\/\/fouloistech.info\/ma\/wp-json\/wp\/v2\/media?parent=1614"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/fouloistech.info\/ma\/wp-json\/wp\/v2\/categories?post=1614"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/fouloistech.info\/ma\/wp-json\/wp\/v2\/tags?post=1614"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}