{"id":6720,"date":"2024-11-26T05:00:25","date_gmt":"2024-11-26T10:00:25","guid":{"rendered":"https:\/\/fouloistech.info\/ma\/?p=6720"},"modified":"2025-09-12T08:32:23","modified_gmt":"2025-09-12T12:32:23","slug":"cs-discoveries-11-25-2024","status":"publish","type":"post","link":"https:\/\/fouloistech.info\/ma\/2024\/11\/26\/cs-discoveries-11-25-2024\/","title":{"rendered":"CS Discoveries, 11-25-2024"},"content":{"rendered":"<ol>\n<li><img loading=\"lazy\" decoding=\"async\" class=\"alignright size-full wp-image-5823\" src=\"https:\/\/fouloistech.info\/ma\/wp-content\/uploads\/2024\/08\/CanvasClass24_CSDQ2.png\" alt=\"\" width=\"262\" height=\"147\" \/><a href=\"https:\/\/drive.google.com\/file\/d\/16t-rfFnmMVqhmPRFIe4ewgXprfXQoAEg\/view?usp=drive_link\">THIS VIDEO REVIEWS THE MOST IMPORTANT CONTENT COVERED IN CLASS TODAY!<\/a><\/li>\n<li><strong>Objective:<\/strong>\n<ol>\n<li>Students will add images to their websites to show they understand how to manage image HTML and CSS code.<\/li>\n<\/ol>\n<\/li>\n<li><strong>W<\/strong><strong>arm-Up:<\/strong>\n<ol>\n<li>Add the following HTML code to your notes:\n<ul>\n<li><a href=\"https:\/\/studio.code.org\/docs\/ide\/weblab\/expressions\/img\"><code class=\"visual-block\">&lt;img &gt;<\/code><\/a><\/li>\n<\/ul>\n<\/li>\n<li>Add the following CSS code to your notes:\n<ul>\n<li style=\"list-style-type: none;\">\n<ul>\n<li><a href=\"https:\/\/studio.code.org\/docs\/ide\/weblab\/expressions\/background-color\"><code class=\"visual-block\">background-color: value;<\/code><\/a><\/li>\n<li><a href=\"https:\/\/studio.code.org\/docs\/ide\/weblab\/expressions\/border-color\"><code class=\"visual-block\">border-color: value;<\/code><\/a><\/li>\n<li><a href=\"https:\/\/studio.code.org\/docs\/ide\/weblab\/expressions\/border-radius\"><code class=\"visual-block\">border-radius: value;<\/code><\/a><\/li>\n<li><a href=\"https:\/\/studio.code.org\/docs\/ide\/weblab\/expressions\/border-style\"><code class=\"visual-block\">border-style: value;<\/code><\/a><\/li>\n<li><a href=\"https:\/\/studio.code.org\/docs\/ide\/weblab\/expressions\/border-width\"><code class=\"visual-block\">border-width: value;<\/code><\/a><\/li>\n<li><a href=\"https:\/\/studio.code.org\/docs\/ide\/weblab\/expressions\/float\"><code class=\"visual-block\">float: value;<\/code><\/a><\/li>\n<li><a href=\"https:\/\/studio.code.org\/docs\/ide\/weblab\/expressions\/height\"><code class=\"visual-block\">height: value;<\/code><\/a><\/li>\n<li><a href=\"https:\/\/studio.code.org\/docs\/ide\/weblab\/expressions\/margin\"><code class=\"visual-block\">margin: value;<\/code><\/a><\/li>\n<li><a href=\"https:\/\/studio.code.org\/docs\/ide\/weblab\/expressions\/width\"><code class=\"visual-block\">width: value;<\/code><\/a><\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<\/li>\n<li><em>Warm-Ups are usually a 5 point Independent Work grade if a written response is expected, or a 5 point Assessment grade if the Warm-Up is a quiz. They are due at the start of class and not eligible for late submission or re-submission.<\/em><\/li>\n<\/ol>\n<\/li>\n<li><strong>Deadlines: <\/strong>(Content is subject to change due to various factors.)<strong><br \/>\n<\/strong><\/p>\n<ol>\n<li>Warm-Ups: Due daily<\/li>\n<li><strong>Week 4 Assignments Due 11-26<\/strong> (1 day)\n<ol>\n<li style=\"list-style-type: none;\">\n<ol>\n<li><a href=\"https:\/\/pgcps.instructure.com\/courses\/882138\/assignments\/13922409?module_item_id=37226026\">Lesson 8: Using Images<\/a><\/li>\n<li><a href=\"https:\/\/pgcps.instructure.com\/courses\/882138\/assignments\/13922409?module_item_id=37226026\">Lesson 9: Styling Elements with CSS<\/a><\/li>\n<li>Grading Rubric:\n<ul>\n<li>6 pts: Screenshot<span style=\"color: #ff0000;\">s<\/span> uploaded showing code on one side and how the code looks in a web browser on the other side.<\/li>\n<li>1 pt: Webpage <span style=\"color: #ff0000;\">uses style.css to have a background color<\/span> other than white with minimal errors.<\/li>\n<li>1 pt: Webpage <span style=\"color: #ff0000;\">uses style.css to have all the text be a color other than the default<\/span> with minimal errors.<\/li>\n<li>1 pt: Webpage <span style=\"color: #ff0000;\">uses style.css to have ALL images go to the right of the page<\/span> with minimal errors.<\/li>\n<li>1 pt: Webpage's <span style=\"color: #ff0000;\">images are properly named<\/span>, HTML code <span style=\"color: #ff0000;\">includes alt tags<\/span> with minimal errors.<\/li>\n<li>-10 pts: Any screenshot includes an image that was not used with permission. (<span style=\"color: #ff0000;\">A missing citation = a missing grade.<\/span>)<\/li>\n<\/ul>\n<\/li>\n<li><strong>Permitted image sources<\/strong> (provided a citation is included):\n<ul>\n<li><a href=\"https:\/\/openclipart.org\/\">OpenClipArt.org<\/a><\/li>\n<li><a href=\"http:\/\/www.pics4learning.com\/\">Pics4Learning<\/a> (Includes a citation for you to copy\/paste).<\/li>\n<li><a href=\"https:\/\/publicdomainvectors.org\/\">PublicDomainVectors.org<\/a><\/li>\n<li><a href=\"https:\/\/unsplash.com\/\">Unsplash<\/a><\/li>\n<li><a href=\"https:\/\/commons.wikimedia.org\/wiki\/Main_Page\">Wikimedia Commons<\/a><\/li>\n<\/ul>\n<\/li>\n<\/ol>\n<\/li>\n<\/ol>\n<ol>\n<li><del>Week 4 Exit Ticket<\/del> Cancelled<\/li>\n<\/ol>\n<\/li>\n<li><strong>Week 5 Assignments Due 12-05<\/strong> (2 days)\n<ol>\n<li>Lesson 10: Mini-Project: Adding Style to a Web Page<\/li>\n<li><span data-sheets-root=\"1\">Lesson 11: CSS Classes<\/span><\/li>\n<li>Week 5 Exit Ticket<\/li>\n<\/ol>\n<\/li>\n<li><strong>Week 6 Assignments Due 12-13<\/strong> (3 days)\n<ol>\n<li><span data-sheets-root=\"1\">Lesson 12: Organizing Content with Flexbox<\/span><\/li>\n<li><span data-sheets-root=\"1\">Lesson 13: Flexbox Children for More Control<\/span><\/li>\n<li><span data-sheets-root=\"1\">Lesson 14: Chapter 1 Project (begin)<br \/>\n<\/span><\/li>\n<li>Week 6 Exit Ticket<\/li>\n<\/ol>\n<\/li>\n<li><strong>Week 7 Assignments Due 12-19<\/strong> (2 days)\n<ol>\n<li><span data-sheets-root=\"1\">Lesson 14: Chapter 1 Project (finish)<\/span><\/li>\n<li><span data-sheets-root=\"1\">Lesson 16: Sources and Research<\/span><\/li>\n<li>Week 7 Exit Ticket<\/li>\n<\/ol>\n<\/li>\n<li><strong>Week 8 Assignments Due 01-10<\/strong> (3 days)\n<ol>\n<li><span data-sheets-root=\"1\">Lesson 17: Linking Pages<\/span><\/li>\n<li><span data-sheets-root=\"1\">Lesson 18: CSS Pseudo-classes<\/span><\/li>\n<li>Week 8 Exit Ticket<\/li>\n<\/ol>\n<\/li>\n<li><strong>Week 9 Assignments Due 01-16<\/strong> (2 days)\n<ol>\n<li><span data-sheets-root=\"1\">Lesson 19: Planning a Multi-Page Site<\/span><\/li>\n<li><span data-sheets-root=\"1\">Lesson 20: Project - Website for a Purpose (begin)<br \/>\n<\/span><\/li>\n<li>Week 9 Exit Ticket<\/li>\n<\/ol>\n<\/li>\n<li><strong>Week 10 Assignments Due 01-21<\/strong> (1 day)\n<ol>\n<li><span data-sheets-root=\"1\">Lesson 20: Project - Website for a Purpose (finish)<\/span><\/li>\n<\/ol>\n<\/li>\n<\/ol>\n<\/li>\n<li><strong>Exit Ticket<\/strong>\n<ol>\n<li>This week's Exit Ticket is canceled. Exit tickets will resume in December.<\/li>\n<\/ol>\n<\/li>\n<\/ol>\n","protected":false},"excerpt":{"rendered":"<p>THIS VIDEO REVIEWS THE MOST IMPORTANT CONTENT COVERED IN CLASS TODAY! Objective: Students will add images to their websites to show they understand how to manage image HTML and CSS code. Warm-Up: Add the following HTML code to your notes: &lt;img &gt; Add the following CSS code to your notes: background-color: value; border-color: value; border-radius: <a href=\"https:\/\/fouloistech.info\/ma\/2024\/11\/26\/cs-discoveries-11-25-2024\/\" class=\"more-link\">...continue reading<span class=\"screen-reader-text\"> \"CS Discoveries, 11-25-2024\"<\/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":[18],"tags":[],"class_list":["post-6720","post","type-post","status-publish","format-standard","category-csd-smith","h-entry","hentry","h-as-article"],"_links":{"self":[{"href":"https:\/\/fouloistech.info\/ma\/wp-json\/wp\/v2\/posts\/6720","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=6720"}],"version-history":[{"count":7,"href":"https:\/\/fouloistech.info\/ma\/wp-json\/wp\/v2\/posts\/6720\/revisions"}],"predecessor-version":[{"id":8361,"href":"https:\/\/fouloistech.info\/ma\/wp-json\/wp\/v2\/posts\/6720\/revisions\/8361"}],"wp:attachment":[{"href":"https:\/\/fouloistech.info\/ma\/wp-json\/wp\/v2\/media?parent=6720"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/fouloistech.info\/ma\/wp-json\/wp\/v2\/categories?post=6720"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/fouloistech.info\/ma\/wp-json\/wp\/v2\/tags?post=6720"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}