Skip to content

CS Discoveries, 10-30-2023

Published on

Today's to-do list includes the following items:

    1. Announcements:
      1. NO late work will be accepted after October 19th (2 weeks before the end of the Quarter.) To allow late work later than that would not give me time to grade it.
      2. This means that ALL assigned work is due on the day it is given.
  2. Warm-Up: 
    1. Today's Warm-Up:
      1. Complete this code proofreading quiz in Canvas.
    2. Warm-Ups are usually a 4-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 resubmission.
  3. Vocabulary
    • No new vocabulary.
  4. Introduced Code
    • No new code.
  5. Class Activities:
    1. Lesson 20: Website for a Purpose
      1. (Note: This lesson is worded as if it is a group project. I have seen too many groups where one person did all the work, so this is a solo assignment.)
      2. This lesson in Code.org has 6 "Bubbles," but it's all shared. This lesson is "Chunked" into smaller parts to make it easier. Bubble 6 is the one that will be graded.
        • Bubble 1:
          • Create each html document, using your worksheet from last Wednesday as a guide.
          • Put a temporary paragraph in each page saying what will be there. (Tip: Use the page descriptions from your worksheet.)
        • Bubble 2:
          • Add your planned content for index.html. Add the needed tags to format it the way you laid out in your worksheet.
            • This is also when you upload your images.
            • Don't forget image citations. 
        • Bubble 3:
          • Make sure you have a menu at the top of your index.html (but STILL below <body>!) that links to each of the pages you created in Bubble 1.
            • Include a link to "Home" (<a href="index.html">Home</a>). It will feel redundant on index.html, but we're going to copy it to ALL of your other pages, where it will be useful.
          • Make sure each of your links work. (This can be hard to check without that temporary paragraph!)
          • Copy your menu from index.html into your other pages so you don't have to type it all again.
        • Bubble 4:
        • Bubble 5:
          • Make sure your CSS code is correctly modifying each of your pages. If they it doesn't, find and fix that bug!
        • Bubble 6:
          • Look over the rubric for this project to make sure you're going to earn 4 points in EACH category.
    2. Rubric:
      Key Concept Extensive Evidence Convincing Evidence Limited Evidence No Evidence
      Website purpose The website has a clear purpose and each page supports that purpose in its own way. The website has a purpose, and most pages support that purpose. It is difficult to understand the purpose of the website, or pages are not clearly related. The website does not appear to have a purpose, or there is only one page on the site.
      Errors in CSS and HTML pages Website uses both CSS and HTML. There are very few syntax errors and the page displays correctly. Website uses both HTML and CSS.  The page renders correctly, but there are some syntax errors. Website uses both HTML and CSS.  Most of the page renders correctly, but there are significant syntax errors. The website does not use both HTML and CSS.  Syntax errors prevent the page from being rendered correctly.
      Stylesheet All of the pages use the same stylesheet to give them the same type of look and feel.  Multiple pages share the same style sheet and pages generally have the same look and feel. Pages use stylesheets and share some of the same look and feel. The pages do not have the same look and feel or do not link to a stylesheet.
      Use of classes The site uses classes to create different rules for groups of elements, so elements with the same tag can have different styles according to the class rules. The site uses classes to create different rules, but some of the classes might be unnecessary or might have small errors that keep them from working correctly. The site uses classes, but there are major errors that keep them from working correctly. The site does not use classes.
      Code formatting and readability Code is well formatted using whitespace, and pages and images all have names that make sense. Code is generally well formatted using whitespace, though there may be some parts that are difficult to read.  Pages and images tend to have names that make sense. Code is sometimes formatted to be readable, but does not consistently use white space to organize tags.  Some pages and images have names that make sense. Code is not formatted in a readable way, makes little use of white space.  Page and image names are hard to read, break the links, or are unrelated to their content.
      Citations of media All content from outside sources is cited with information about the author, title, license, and source.  Most content from outside sources is cited with information about the author, title, license, and source. Some content from outside sources is cited with information about the author, title, license, and source. Content is generally uncited, or the website uses content it does not have a license to use.