Classroom Resource

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

Subject Area

Digital Literacy and Computer Science

Grade(s)

6, 7, 8

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.

Digital Literacy and Computer Science (2018) Grade(s): 6

DLCS18.6.R6

Produce, review, and revise authentic artifacts that include multimedia using appropriate digital tools.

Unpacked Content

UP:DLCS18.6.R6

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 (2018) Grade(s): 7

DLCS18.7.R6

Produce, review, and revise authentic artifacts that include multimedia using appropriate digital tools.

Unpacked Content

UP:DLCS18.7.R6

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 (2018) Grade(s): 7

DLCS18.7.8

Formulate a narrative for each step of a process and its intended result, given pseudocode or code.

Unpacked Content

UP:DLCS18.7.8

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 (2018) Grade(s): 7

DLCS18.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

UP:DLCS18.7.11

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 (2018) Grade(s): 8

DLCS18.8.R6

Produce, review, and revise authentic artifacts that include multimedia using appropriate digital tools.

Unpacked Content

UP:DLCS18.8.R6

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.
Link to Resource
https://studio.code.org/s/csd2-2018/stage/11/puzzle/1

CR Resource Type

Lesson/Unit Plan

Resource Provider

Code.org
Accessibility
License

License Type

Custom

Custom License Type (URL)

https://code.org/tos

Approved Date

ALSDE LOGO

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.
Alabama Learning Exchange © 2002-2023 by Alabama State Department of Education is licensed under Attribution-NonCommercial-ShareAlike 4.0 International

Design by Adaptive Theme