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
This site may contain links to other websites or content belonging to or originating from third parties or links to websites and features in banners or other advertising. Such external links are not investigated, monitored, or checked for accuracy, adequacy, validity, reliability, availability, or completeness by us. WE DO NOT WARRANT, ENDORSE, GUARANTEE, OR ASSUME RESPONSIBILITY FOR THE ACCURACY OR RELIABILITY OF ANY INFORMATION OFFERED BY THIRD-PARTY WEBSITES LINKED THROUGH THIS SITE.
Copyright © 2017, Alabama Learning Exchange
Alabama State Department of Education
Alabama State Department of Education