Front End Development II

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 web site 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