Cascading Style Sheets (CTE)

by

This lesson is designed to provide an introductory to Cascading Style Sheets (CSS) and to show students how to use the language to describe the look or the presentation of the web page to be shown. The presentation may include colors, layouts, and fonts for documents written in a markup language like HTML.

Introduction

What is Cascading Style Sheets (CSS)? CSS is a way of controlling the look and feel of a webpage. Some webpages are dull and lacking style and color, while others such as Amazon.com or Walmart.com have interesting colors and many wonderful things to look at that makes the experience of visiting those sites pleasant, enticing us to return time and time again. Well that's all due to CSS making sure that a certain theme is carried through each page as you click on the links to look at certain items that you want more information about.

In this lesson, we will use CSS to apply color to some text to our simple webpage example in the previous lesson.

Objective: The students will learn how to use Cascading Style Sheets (CSS) to change:

  • the color or text in their webpages
  • add images
  • create a layout
  • choose appropriate fonts

Lesson Times

90 Minutes

Industries / Subjects / Grades

Industries / Pathways
  • Information and Communication Technologies Information and Communication Technologies
K-12 Subjects
  • Technology Education
Grade Levels
  • 9
  • 10
  • 11
  • 12

Standards and Objectives

Standards

California's 2013 CTE Standards (1)

Related Instructional Objectives (SWBAT...)

  • Students will be able to apply CSS to their webpages to enhance the appearance
  • Students will be able to understand and apply CSS elements to specific tags/elements

Get access to the rest of this Lesson and over 3000 more!

Create a Free Account or now!