ITWP 1050 - Basic Web Design With Cascading Style Sheets

Credit Hours: 3.00

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.

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

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