Classroom Resource

Computer Science Discoveries Unit 2 Chapter 2 Lesson 10: Styling Text with CSS

Subject Area

Digital Literacy and Computer Science

Grade(s)

6, 7, 8

Overview

This lesson introduces CSS as a way to style elements on the page. The class learns the basic syntax for CSS rule-sets and then explores properties that impact HTML text elements. Finally, everyone applies text styles 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.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.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): 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/10/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

aimeebates
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