COVID-19 Update

Visit our COVID update page.

Designing with Cascading Style Sheets: Fundamentals | UEWD.X406

Designing with Cascading Style Sheets: Fundamentals | UEWD.X406


For Web designers, cascading style sheets (CSS) is an essential and mandatory coding language for controlling the presentation of a modern web site. Combined with proper HTML markup, CSS allows for precise control over web page appearance. Because a style sheet can be linked to many web pages, changing one element in a style sheet can affect the look of an entire site.

This introductory course includes demonstrations and hands-on exercises covering the application and syntax of CSS; hand-coding CSS properties for font and text formatting; backgrounds; the box model; creating vertical and horizontal navigation menus and two and three column page-layouts. Inheritance and specificity are also discussed. At the end of the class, students will be able to design table-less Web pages by applying cascading style sheets and will understand the techniques, which adhere to current CSS specifications.

At the end of the class, students will be able to design table-less web pages by applying cascading style sheets and will understand the techniques, which adhere to current CSS specifications.

Learning Outcomes

At the conclusion of the course, you should be able to
  • Separate a page's content from the visual presentation of the page.
  • Create external, embedded, and inline styles.
  • Understand and make use of CSS selectors such as classes, IDs, attributes, and pseudo classes.
  • Apply CSS properties for font and text formatting, lists, and backgrounds.
  • Understand the basics of Inheritance and Specificity.
  • Understand the basics of the box model.
  • Design horizontal and vertical navigation.
  • Create two and three column layouts using CSS.
  • Use absolute, relative and fixed positioning properties.
  • Write valid CSS code.

Topics Include

  • Tools and techniques to write and validate CSS
  • Separating a page's content from the visual presentation of the page
  • External, internal, and inline styles
  • CSS selectors such as element, class, ID, pseudo-class and attribute selectors
  • CSS properties for font and text formatting, lists and backgrounds
  • Inheritance and Specificity
  • The Box Model
  • Styling Tables
  • CSS for Printing
  • Horizontal and vertical navigation bars
  • Creating two and three column layouts
  • Positioning including relative, absolute and fixed
  • Working with the z-index

Working knowledge of:

  • Google Workspace or Microsoft Office to submit assignments
  • Canvas navigation links, modules, and using the inbox to communicate with the instructor
  • "HTML Fundamentals" or equivalent experience.

Additional Information

Please review section notes to view the full schedule.

Free Text editor is required (details will be explained in Module lecture)

Next Section Starts In:


Days
:
Hours
:
Mins
:
Secs

Feb. 15, 2023, 12:01 a.m.
2023-02-15T00:01:00-08:00
Have a question about this course?
Speak to a student services representative.
Call (408) 861-3860
FAQ
ENROLL EARLY!
This course is related to the following programs:

Prerequisite(s):

Sections Open for Enrollment:

Open Sections and Schedule
Start / End Date Quarter Units Cost Instructor
02-15-2023 to 03-24-2023 2.0 $715

Audrey A Blumeneau

Enroll

Final Date To Enroll: 02-15-2023

Schedule

Date: Start Time: End Time: Meeting Type: Location:
Wed, 02-15-2023 12:01 a.m. 11:59 p.m. Online Self-paced ONLINE
Fri, 03-24-2023 12:01 a.m. 11:59 p.m. Online Self-paced ONLINE
Open Sections and Schedule
Start / End Date Quarter Units Cost Instructor
04-25-2023 to 05-28-2023 2.0 $715

Audrey A Blumeneau

Enroll

Final Date To Enroll: 04-25-2023

Schedule

Date: Start Time: End Time: Meeting Type: Location:
Tue, 04-25-2023 12:01 a.m. 11:59 p.m. Online Self-paced ONLINE
Sun, 05-28-2023 12:01 a.m. 11:59 p.m. Online Self-paced ONLINE