Oct 15, 2024  
College Catalog 2023-2024 
    
College Catalog 2023-2024 [ARCHIVED CATALOG]

Add to Favorites (opens a new window)

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
Transfer Possibilities
Michigan Transfer Network (MiTransfer) - Utilize this website to easily search how your credits transfer to colleges and universities.
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:

  1. 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.
  2. Given a text editor, students develop and implement Cascading Style Sheets in order to render consistency in links within individual web pages.
  3. Given a text editor, students implement Cascading Style Sheets to force consistency in lists within individual web pages.
  4. 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:

  1. Given a text editor, students implement Cascading Style Sheets to provide consistency in background colors across all web pages within a website.
  2. Given a text editor, students develop Cascading Style Sheets rendering consistent forms across all web pages within a website .
  3. Given a text editor, students implement Cascading Style Sheets to ensure a consistent website presentation.
  4. 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:

  1. Given various scenarios, students research and report on accessibility standards in affect for web pages.
  2. 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

  1. 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
  2. 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
  3. 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
  4. 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
  5. 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
  6. 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
  7. 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
  8. 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



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



Add to Favorites (opens a new window)