Skip to content

CS Discoveries, 10-24-2023

Today's to-do list includes the following items:
THIS VIDEO EXPLAINS TODAY'S EXPECTATIONS!

    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.
  1. Warm-Up: 
    1. Today's Warm-Up:
      1. Prompt: Explain why planning is an important step for any complex project.
      2. Type your answer 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.
  2. Vocabulary
    • No new vocabulary.
  3. Introduced Code
    • No new code.
  4. Class Activities:
    1. Lesson 18: Planning a Multi-Page Site
      1. Make a copy of this worksheet.
        1. Make sure to set the permissions so Mr. Smith can see it.
        2. Hand in the share link in the text box in Canvas.
      2. Complete all sections of the worksheet.
        1. Remember that we don't have the time for "busy-work." This is a lesson that Mr. Smith decided was important enough to focus on, so it's important enough to be graded.
      3. The last day to hand in ANY late work was October 19th!
      4. Use the checklist and rubric to make sure your planning will actually be helpful for your next big website.

        Key Concept Item Checklist
        Website purpose ❒ The website has a clear purpose

        ❒ Each page supports the purpose in its own way.

        Errors in CSS and HTML pages ❒ Website uses CSS

        ❒ Website uses HTML

        ❒ There are no syntax errors

        ❒ The page displays correctly.

        Stylesheet ❒ All of the pages use the same stylesheet

        ❒ All of the pages have the same type of look and feel.

        Use of classes ❒ The site uses classes to create different rules for groups of elements

        ❒ Elements with the same tag can have different styles according to the class rules.

        Code formatting and readability ❒ Website code is well formatted using whitespace

        ❒ Pages all have names that make sense.

        ❒ Images all have names that make sense.

        Citations of media ❒ All content from outside sources is cited with information about the author, title, license, and source.
      5. Webpage for a Purpose - Project 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.