{"id":11118,"date":"2026-10-05T05:15:09","date_gmt":"2026-10-05T09:15:09","guid":{"rendered":"https:\/\/fouloistech.info\/ma\/?p=11118"},"modified":"2026-10-08T08:38:57","modified_gmt":"2026-10-08T12:38:57","slug":"cs-discoveries-week-6-10-05-2026-lesson-17-linking-pages","status":"publish","type":"post","link":"https:\/\/fouloistech.info\/ma\/2026\/10\/05\/cs-discoveries-week-6-10-05-2026-lesson-17-linking-pages\/","title":{"rendered":"CS Discoveries Week 7, 10-05-2026, Lesson 17: Linking Pages"},"content":{"rendered":"
    \n
  1. Objective:<\/strong>\"\"\n
      \n
    1. Students will learn the link tag to link multiple HTML documents together.<\/li>\n<\/ol>\n<\/li>\n
    2. 11:50-12:00: Start of Class<\/strong>\n
        \n
      1. W<\/strong>arm-Up:<\/strong>\n
          \n
        1. Add the following HTML code to your notes:\n
            \n
          1. <a><\/a><\/code><\/a><\/li>\n
          2. <div><\/div><\/code><\/a>- the HTML division tag, called \u201cdiv\u201d for short, is an element that lets you group sets of content together in a container<\/li>\n<\/ol>\n<\/li>\n
          3. Add the following CSS pseudo-classes to your notes:\n
              \n
            1. a:link<\/a><\/li>\n
            2. a:visited<\/a><\/li>\n
            3. a:hover<\/a><\/li>\n
            4. a:active<\/a><\/li>\n<\/ol>\n<\/li>\n<\/ol>\n<\/li>\n
            5. Warm-Ups are usually a 5 point Independent Work grade if a written response is expected, a 5 point Assessment grade if the Warm-Up is a quiz, or part of a 10 point Notebook Check if they include new vocabulary\/code to enter into student notes. They are due at the start of class and not eligible for late submission or re-submission.<\/em><\/li>\n<\/ol>\n<\/li>\n
            6. 12:00-12:55: Instruction & Student Work<\/strong>\n
                \n
              1. Lesson\u00a017: Linking Pages<\/span>\n
                  \n
                1. This video goes over how to meet today's expectations.<\/a><\/li>\n
                2. This 2nd video is just about how to use the <div> tag.<\/a><\/li>\n
                3. \u00a0Rubric:\n
                    \n
                  1. 6 pts<\/strong>: HTML files (including one named \"index.html\"), a single<\/strong> CSS file named \"style.css,\" and images intended to be part of the web page have been zipped<\/a> and uploaded to the proper Exit Ticket.<\/li>\n
                  2. 2 pts:<\/strong> Image source in student's html documents has been turned into a link that directs visitors to the image source.<\/li>\n
                  3. 2 pts:<\/strong> There is a link from the index.html page to the new page and from the new page back to index.html<\/li>\n
                  4. -10 pts:<\/strong> Any<\/em> html page includes an image that was not used with permission<\/strong>. (A missing citation = a missing grade.)<\/li>\n<\/ol>\n<\/li>\n<\/ol>\n<\/li>\n
                  5. Today's work will be zipped<\/a> and handed in using this week's Exit Ticket.<\/li>\n<\/ol>\n<\/li>\n<\/ol>\n