Learning Resource Type

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

    CR Resource Type

    Lesson/Unit Plan

    Resource Provider

    Code.org
    Accessibility
    License

    License Type

    Custom
    ALSDE LOGO