ALEX Classroom Resource

  

Computer Science Discoveries Unit 2 Chapter 2 Lesson 11: Styling Elements with CSS

  Classroom Resource Information  

Title:

Computer Science Discoveries Unit 2 Chapter 2 Lesson 11: Styling Elements with CSS

URL:

https://studio.code.org/s/csd2-2018/stage/11/puzzle/1

Content Source:

Code.org
Type: Lesson/Unit Plan

Overview:

This lesson continues the introduction to CSS style properties, this time focusing more on non-text elements. The class begins by investigating and modifying the new CSS styles on a "Desserts of the World" page. Afterward, everyone applies this new knowledge to their personal websites.

Note: You will need to create a free account on code.org before you can view this resource.

Content Standard(s):
Digital Literacy and Computer Science
DLIT (2018)
Grade: 6
R6) Produce, review, and revise authentic artifacts that include multimedia using appropriate digital tools.

Unpacked Content
Evidence Of Student Attainment:
Students will:
  • produce a multimedia artifact.
  • review artifacts created by others.
  • revise an artifact based on peer or teacher feedback.
Knowledge:
Students know:
  • feedback is important in a design process.
Skills:
Students are able to:
  • create a multimedia artifact.
  • critique the work of others.
  • revise their work based on feedback received.
Understanding:
Students understand that:
  • much like the writing process, design of a multimedia artifact nets the best results when creators have the opportunity to be given feedback and revise as needed.
Digital Literacy and Computer Science
DLIT (2018)
Grade: 7
R6) Produce, review, and revise authentic artifacts that include multimedia using appropriate digital tools.

Unpacked Content
Evidence Of Student Attainment:
Students will:
  • produce a multimedia artifact.
  • review artifacts created by others.
  • revise an artifact based on peer or teacher feedback.
Knowledge:
Students know:
  • feedback is important in a design process.
Skills:
Students are able to:
  • create a multimedia artifact.
  • critique the work of others.
  • revise their work based on feedback received.
Understanding:
Students understand that:
  • much like the writing process, design of a multimedia artifact nets the best results when creators have the opportunity to be given feedback and revise as needed.
Digital Literacy and Computer Science
DLIT (2018)
Grade: 7
8) Formulate a narrative for each step of a process and its intended result, given pseudocode or code.

Unpacked Content
Evidence Of Student Attainment:
Students will:
  • write a text-based narrative for expected behavior, given code or pseudocode.
Teacher Vocabulary:
  • narrative
  • pseudocode
Knowledge:
Students know:
  • that a narrative is a spoken or written account of events.
Skills:
Students are able to:
  • identify the intended process in a given code or pseudocode.
  • convert given code or pseudocode to a narrative of expected behavior.
Understanding:
Students understand that:
  • every line of code has an intended behavior.
Digital Literacy and Computer Science
DLIT (2018)
Grade: 7
11) Demonstrate positive, safe, legal, and ethical habits when creating and sharing digital content and identify the consequences of failing to act responsibly.

Unpacked Content
Evidence Of Student Attainment:
Students will:
  • demonstrate positive, safe, legal, and ethical habits when creating and sharing digital content.
  • identify the consequences of failing to act responsibly.
Knowledge:
Students know:
  • safe, legal, and ethical habits to use when creating and sharing digital content and that failing to do so can have negative consequences.
Skills:
Students are able to:
  • use safe, legal, and ethical habits when creating and sharing digital content.
  • identify consequences of failing to use safe, legal, and ethical habits when creating and sharing digital content.
Understanding:
Students understand that:
  • consequences exist for failing to use positive, safe, legal, and ethical habits when creating and sharing digital content.
Digital Literacy and Computer Science
DLIT (2018)
Grade: 8
R6) Produce, review, and revise authentic artifacts that include multimedia using appropriate digital tools.

Unpacked Content
Evidence Of Student Attainment:
Students will:
  • produce a multimedia artifact.
  • review artifacts created by others.
  • revise an artifact based on peer or teacher feedback.
Knowledge:
Students know:
  • feedback is important in a design process.
Skills:
Students are able to:
  • create a multimedia artifact.
  • critique the work of others.
  • revise their work based on feedback received.
Understanding:
Students understand that:
  • much like the writing process, design of a multimedia artifact nets the best results when creators have the opportunity to be given feedback and revise as needed.
Tags: body, border, CSS, debug, edit, float, styles
License Type: Custom Permission Type
See Terms: https://code.org/tos
For full descriptions of license types and a guide to usage, visit :
https://creativecommons.org/licenses
Accessibility
Comments
  This resource provided by:  
Author: Aimee Bates