Work in Progress
Please pardon our progress while we refine the look and functionality of our new ALEX site! You can still access the old ALEX site at alex.asc.edu. If you would like to share feedback or have a question for the ALEX Team, you can use the contact form here, or email us directly at administrator@alex.state.al.us.

Learning Resource Type

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.

    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.

    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.

    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.

    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