ITWP 1050 - Basic Web Design With Cascading Style Sheets

Credit Hours: 3.00

Prerequisites: ITWP 1000

This course provides students with the knowledge base and industry skill set to utilize Cascading Style Sheets to control and manage the look, feel and consistency of all web pages included within a specific web site. Students learn how to format fonts, text, page layouts, web page elements, and positioning. Validation using industry tools and web standards will be discussed.

Billable Contact Hours: 3

Search for Sections

OUTCOMES AND OBJECTIVES
Outcome 1: Upon completion of this course, students will be able to format elements of a web page using Cascading Style Sheets.

Objectives:

Given a text editor, students design, code, and test Cascading Style Sheets to force consistency in font color, style, and size within individual web pages.
Given a text editor, students develop and implement Cascading Style Sheets in order to render consistency in links within individual web pages.
Given a text editor, students implement Cascading Style Sheets to force consistency in lists within individual web pages.
Given a text editor, students implement Cascading Style Sheets to force consistency in page layout within individual web pages .

Outcome 2: Upon completion of this course, students will be able to format an entire website using Cascading Style Sheets.

Objectives:

Given a text editor, students implement Cascading Style Sheets to provide consistency in background colors across all web pages within a website.
Given a text editor, students develop Cascading Style Sheets rendering consistent forms across all web pages within a website .
Given a text editor, students implement Cascading Style Sheets to ensure a consistent website presentation.
Given a text editor, students implement Cascading Style Sheets to control element positioning.

Outcome 3: Upon completion of this course, students will be able to create web pages that meet national and international accessibility standards.

Objectives:

Given various scenarios, students research and report on accessibility standards in affect for web pages.
Given and online validator, students test individual web pages and recommend/implement appropriate changes to repair web pages and websites in order to conform to the appropriate standards.

COMMON DEGREE OUTCOMES (CDO)
• Communication: The graduate can communicate effectively for the intended purpose and audience.
• Critical Thinking: The graduate can make informed decisions after analyzing information or evidence related to the issue.
• Global Literacy: The graduate can analyze human behavior or experiences through cultural, social, political, or economic perspectives.
• Information Literacy: The graduate can responsibly use information gathered from a variety of formats in order to complete a task.
• Quantitative Reasoning: The graduate can apply quantitative methods or evidence to solve problems or make judgments.
• Scientific Literacy: The graduate can produce or interpret scientific information presented in a variety of formats.

CDO marked YES apply to this course:
Communication: YES
Critical Thinking: YES
Information Literacy: YES
Scientific Literacy: YES

COURSE CONTENT OUTLINE

UNIT 1: Introduction to CSS
1. Understanding CSS
  1. What are Cascading Style Sheets
  2. What is a style?
  3. The origin and evolution of Cascading Style Sheets
  4. CSS rules
  5. Browser support and extensions
2. HTML Primer
  1. Basic HTML document structure
  2. HTML properties
  3. HTML elements
  4. What’s new in HTML
  5. CSS and HTML
UNIT 2: CSS Basics
1. CSS selectors
2. Linking style sheets
  1. Inline, embedded, external, imported
3. Re(defining) HTML tags
4. Classes
  1. Working with pseudo-classes
5. IDs
6. Universal styles
7. CSS commenting
8. The element family tree
  1. Styling descendants
  2. Styling children
  3. Styling siblings
  4. Styling hyperlinks
9. New CSS properties/elements
10. Inheritance
11. Cascading order
UNIT 3: Fonts and Text
1. Understanding typography on the Web
  1. Specifying the character set
  2. Font families
  3. HTML character entities
2. Font-stacks
3. Web-safe fonts
4. Font sizes
5. Font decoration
6. Text spacing
7. Text alignment
8. Text indentation
9. New CSS properties/elements
UNIT 4: Color and Background, Lists, and Tables
1. Choosing color values
2. Color gradients in backgrounds
  1. Browser compatibilities
3. Text color
4. Setting a background color and image
5. Styling bullets
  1. Positioning
6. Table layout
  1. Spacing
  2. Borders
  3. Positioning
7. New CSS properties/elements
UNIT 5: User Interface and Generated Content, Box Model
1. Cursors
2. Quote style
3. Element display
4. Element dimensions
5. Controlling overflow content
6. Floating elements
7. Element margins, outlines and borders
8. Element padding
9. New CSS properties/elements
UNIT 6: Visual Formatting, Transformation and Transition using CSS
1. Positioning
  1. Static
  2. Relative
  3. Absolute
  4. Fixed
2. Stacking objects
3. Setting visibility
4. Clipping
5. 2D transformations
6. 3D transformations
7. New CSS properties/elements
UNIT 7: Troubleshooting and CSS Techniques
1. Browser compatibilities
2. Conditional CSS
3. Resetting CSS
4. Correcting Floats
5. Multicolumn layout
6. CSS drop-down menus
  1. Navigation
UNIT 8: Managing Style Sheets and Accessibility
1. Creating readable CSS
2. CSS Libraries and Frameworks
3. Strategies
4. Validation
5. Browser compatibilities
6. Best practices

Primary Faculty
Wanner, Jacqueline
Secondary Faculty

Associate Dean
Evans-Mach, Patrick
Dean
Balsamo, Michael

Official Course Syllabus - Macomb Community College, 14500 E 12 Mile Road, Warren, MI 48088