Cascading Style Sheets

Course Number:
WT 213
Transcript Title:
Cascading Style Sheets
Created:
Aug 16, 2022
Updated:
Jul 17, 2023
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, P/NP, Audit
Default Grading Options
A-F
Repeats available for credit:
0
Prerequisites

WT 106
WT 206
IRW 115 or WR 115 or equivalent placement

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: IRW 115 or WR 115 or equivalent placement; WT 106 or WT 206. Audit available.

Course 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.

Suggested Outcome Assessment Strategies

The determination of assessment strategies is generally left to the discretion of the instructor. Here are some strategies that you might consider when designing your course: writings (journals, self-reflections, pre writing exercises, essays), quizzes, tests, midterm and final exams, group projects, presentations (in person, videos, etc), self-assessments, experimentations, lab reports, peer critiques, responses (to texts, podcasts, videos, films, etc), student generated questions, Escape Room, interviews, and/or portfolios.

Department suggestion: 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

Outcome #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.

  • Linking and exporting
  • Defining external style
  • Stylesheet Contents

Outcome #2: Apply aesthetic design skills to select styles for colors, fonts, and other properties to create an optimal web user experience.

  • Margins
  • Padding
  • Borders
  • Web page graphics
  • Tables
  • Forms

Outcome #3: Follow CSS best practices to create web pages that are accessible and that scale for viewing on a wide range of electronic devices.

  • WebAim Best Practices
    • Specifying document language
    • Content linearization
    • Navigating content using links and form controls, headings, landmarks, page sections, paragraph and page elements, “skip navigation” links,
  • Hiding Content

Suggested Texts and Materials

CSS, The Definitive Guide, by Eric Meyer and Estelle Weyl