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 <figure> and <caption> 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: <section>, <article>, <aside> 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