Unit 7: Visual Elements and Graphics II
Using CSS for border and text effects: rounded corners, box shadow, text shadow, opacity and gradients
RGBA and HLSA color
The and tags
Sources for graphics and copyright issues
Best practices for graphics on web pages
Assignment: Enhance the graphics on the web page using CSS
Unit 8: Web Design I
Common types of website organization
Principles of visual design
Design for your target audience
Designing navigation
Improving text readability
Unit 9: Web Design II
Appropriate use of graphics
Universal design for web pages
Web page layout design techniques
Web design best practices
Assignment: Design a larger website with navigation
Unit 10: Page Layout I
The CSS box model
Configuring margins and padding
Floating elements
Positioning
Assignment: Creating a two-column page layout using CSS
Unit 11: Page Layout II
Turning an unordered list into a menu with CSS
Interactivity and CSS pseudo-classes
Creating an interactive image gallery
Semantic page structure: , , tags
HTML5 and older browsers
Unit 12: More on Links, Layout, and Responsiveness I
Relative hyperlinks
Named fragments
Accessibility: ARIA “landmark roles”
CSS sprites
Create a three-column page layout
Assignment: Creating a three-column page layout using CSS