THIS VIDEO REVIEWS THE MOST IMPORTANT CONTENT COVERED IN CLASS TODAY!
- Objective:
- Students will learn CSS rulesets to better customize their websites.
- Warm-Up:
- Add the following vocabulary to your notes:
- CSS Class - An identifier that allows multiple elements in an HTML document to be styled in the same way
- <br />
- <br clear="all" />
- <hr />
- (Remember, all quizzes are "open notes" quizzes.)
- Log into Code.org through Clever.
- Go to Lesson 11: CSS Classes
- Go to Level 1 and view the sample website.
- Right-click on the website and select "View Page Source."
- If you click the "style.css" link, you will be able to see the CSS code used to modify that website.
- Warm-Ups are usually a 10 point weekly Independent Work Notebook Check 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.
- Add the following vocabulary to your notes:
- Deadlines: (Content is subject to change due to various factors.)
- Warm-Ups: Due daily
- 09-27: Week 5 Assignments Due
- Lesson 11: CSS Classes
- Today's work will be done using the html and css documents saved on your computer.
- If you are doing this from home you can use the content provided in Code.org for Lesson 11, but you should STILL hand in screenshots that align with the rubric below.
- Grading Rubric
- 6 pts: Screenshots uploaded showing code on one side and how the code looks in a web browser on the other side. One screenshot should show the HTML code while the other should show the CSS code.
- 1 pt: Webpage uses a properly formatted CSS class ruleset in style.css.
- 1 pt: Created CSS class modifies three different tags in the HTML document by selective inclusion of the class="classname" code inside selected HTML tags. (Use the sample website in Code.org as an example.)
- 1 pt: The three different tags are all part of the same section of the web page.
- 1 pt: Other sections of the web page are not modified by the CSS class.
- -10 pts: Any screenshot includes an image that was not used with permission. (A missing citation = a missing grade.)
- Today's work will be done using the html and css documents saved on your computer.
Week 5 Exit Ticket
- Lesson 11: CSS Classes
- 10-04: Week 6 Assignments Due
- Lesson 12: Organizing Content with Flexbox
- Lesson 13: Flexbox Children for More Control
- Lesson 14: Chapter 1 Project
- Week 6 Exit Ticket
- 10-11: Week 7 Assignments Due
- Lesson 15: Team Problem Solving
- Lesson 16: Sources and Research
- Week 7 Exit Ticket
- 10-18: Week 8 Assignments Due
- Lesson 17: Linking Pages
- Lesson 18: CSS Pseudo-classes
- Week 8 Exit Ticket
- 10-25: Week 9 Assignments Due
- Lesson 19: Planning a Multi-Page Site
- Lesson 20: Project - Website for a Purpose
- Week 9 Exit Ticket
- There will be work due during Week 10, but as the last week in the Quarter it will follow a slightly different format.
- Exit Ticket
- Week 5 Exit Ticket (Due on 10-04)
-
4 pts Proofread your work. 3 pts What did you accomplish in CS Discoveries this week? 3 pts What did you learn in CS Discoveries this week? - NOTE: If you do not describe WHAT you did, saying you worked on it is not enough information to earn credit.
- Example: "I completed Unit 2 Lesson 1" says nothing about what you did or learned. Describe what you did and what you learned as if to someone who does not have access to the course materials.
- Exit Tickets are always 10 point Classwork grades and not eligible for late submission or re-submission. They are due during the last 10 minutes of the last class of the week.