Cascading Style Sheets

Course Number: CAS 213
Transcript Title: Cascading Style Sheets
Created: May 7, 2014
Updated: August 13, 2019
Total Credits: 4
Lecture Hours: 30
Lecture / Lab Hours: 0
Lab Hours: 30
Satisfies Cultural Literacy requirement: No
Satisfies General Education requirement: No
Grading options: A-F (default), P-NP, audit
Repeats available for credit: 0


CAS 106 or CAS 206

Course Description

Introduces the use of external Cascading Stylesheets (CSS) to format web pages that comply with industry and accessibility standards, work in multiple browsers, and adapt to a variety of screen display sizes. Includes established CSS terminology as well as CSS3 innovations, applying graceful degradation and progressive enhancement to provide improved aesthetics and usability for the web user. Prerequisites: WR 115, RD 115 and MTH 20 or equivalent placement test scores; CAS 106 or 206.  Audit available.

Intended Outcomes

Upon successful completion of this course, students will be able to:

  1. Create and link external stylesheets to format web pages that are easy to maintain and update, separating the HTML content from the presentation style.
  2. Apply aesthetic design skills to select styles for colors, fonts, and other properties to create an optimal web user experience.
  3. Follow CSS best practices to create web pages that are accessible and that scale for viewing on a wide range of electronic devices.

Outcome Assessment Strategies

Grading of this class will be based on completion of project(s) developed individually or as part of a team. Assessments may include completion of a multi-page web site implementing extensive CSS techniques, tests or quizzes, assignments.

Course Activities and Design

The determination of teaching strategies used in the delivery of outcomes is generally left to the discretion of the instructor. Here are some strategies that you might consider when designing your course: lecture, small group/forum discussion, flipped classroom, dyads, oral presentation, role play, simulation scenarios, group projects, service learning projects, hands-on lab, peer review/workshops, cooperative learning (jigsaw, fishbowl), inquiry based instruction, differentiated instruction (learning centers), graphic organizers, etc.

Course Content (Themes, Concepts, Issues and Skills)

Develop and apply external Cascading Style Sheets to control the appearance of elements on a web page, expanding on the foundational skills learned in the prerequisite CAS 206. New CSS style elements and techniques introduced in this class include the following:

  1. Apply aesthetic design skills to create a visually interesting web site by formatting the following HTML elements:
    1. Margins, padding, and borders
    2. Web page graphics
    3. Tables and forms
  2. Apply CSS techniques to control the structure of a web page, including the following:
    1. Fluid, fixed, hybrid, and multicolumn page layouts to support multiple electronic devices
    2. The box model to control the layout of text on the page
    3. Navigational menus
  3. Use transforms and animations to add interest and functionality to a web page.