Tuesdays Starting January 10th
As the preeminent presentation language of the Web, CSS (Cascading Style Sheets) allows designers to effectively separate form and content, while reinforcing their control over a site's published appearance. With the introduction of CSS3 and HTML5 standards, the Web is becoming a much more stable and robust platform for designers, whose work must now stretch from traditional desktop browsers to an ever-widening array of mobile devices. In this course, you'll become familiar with CSS behavior through lectures and exercises in a project-based learning model that anticipates the likely changes in CSS standards. You can expect your resulting webpages to be more structurally sound, as they demonstrate the qualities that have long been associated with inspired design.
Class participation - 20%
Project 1 - 30%
Final project - 50%
There are no required books associated with this class — instead, we will use the wide resource library available from Web sites promoting and explaining CSS practices.
Course Handouts and On-line Readings as identified below and in class.
LINKSCSS Home Page
W3C CSS Validator
CSS Cheat Sheet
W3C Schools CSS Page
CSS Zen Garden
Color Scheme Designer
welcome to css
- Welcome to Class
- Promotion of Style Sheets for Electronic Documents
- Understanding "The Cascade"
- Using Inspect Element to see CSS application explicitly
- Examples: Text, Background Images, and the Box Model
- Work with the week one examples.
- Master the week one examples through interactive study
advanced content selection with IDs and Classes
- Attribute Selectors
- Compound Selectors
- Creating Classes
- Understanding Layout Positioning and the z-index
- Working with a week two examples.
applying css with other technologies
interactive CSS design components
- Image replacement techniques
- Links - Visited - Hover - Active
- Vertical and horizontal navigation menus
- Flex box directives (note Grid also)
- Project 1 review
- Work on your mid-class and final projects.
- Work with the week four examples.
CSS feature smorgasborg