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