VC 147 Cascading Style Sheets

Lecture Hours: 1
Lab Hours: 2
Credits: 2

Introduces the syntax and use of Cascading Style Sheets, the presentation language for layout and styling of Web pages. Covers creating basic layouts, formatting text, implementing background images, applying simple animations and visual effects, and targeting designs for different devices. Previous computer experience; or consent of instructor.

Student Learning Outcomes:

Write standards-based code to create and style basic Web pages.
Use basic HTML code to apply structure to page content.
Use Cascading Style Sheet techniques for styling typography and layout on Web pages.
Add interactivity and animation to a Web page using Cascading Style Sheets.
Publish Web pages and test for compatibility across different browsers and devices.
Use correct folder and file saving, naming, and management techniques.

Content Outline

Standards-based Web Technologies
- Understanding Web Standards
- Philosophy
- Best practices
HTML
- Features and syntax
- Structuring content with HTML
Cascading Style Sheets (CSS)
- Syntax and structure
  - Selectors, specificity, and inheritance
  - Pseudo-classes and Pseudo-elements
- Styling text with CSS
  - Formatting options
  - Working with Web fonts
- Layout using CSS
  - The box model
  - Advanced layout with CSS
  - Positioning methods
- Working with CSS3 properties
- Styling navigation
- Specifying color in CSS
- Working with background images
- Interactive techniques using CSS
- CSS3 Transitions and Transforms
- Targeting different devices
  - Using media queries
  - Basics of responsive web design
- Style sheets for printing
- Overview of CSS frameworks
Publishing
- Feature compatibility across browsers
- Testing and browser compatibility
- Working with FTP and web servers
- Site implementation and management