Learn your way! Get started

CSS3 for Designers, Part 3: Navigation and Layout

with John Wiley & Sons


Watch trailer


Course at a glance


Release date 2/25/2015
Level Beginner
Runtime 1h 5m
Closed captioning N/A
Transcript N/A
eBooks / courseware Included
Hands-on labs N/A
Sample code Included
Exams N/A


Enterprise Solutions

Need reporting, custom learning tracks, or SCORM? Learn More



Course description

CSS3 is the latest standard for Cascading Style Sheets and the language used to change the style of web pages and user interfaces written in HTML and XHTML, and any kind of XML document. Now, in this 6 part learning series you can learn the ins and outs of maximizing CSS3 to create professional-looking websites with expert, straight-forward, user-friendly video training. Understand how to layout web pages with CSS3, format text, work with colors and gradients, and create background images. Add design elements like shadows and borders, buttons, and navigation menus to improve the user experience, and enhance your web pages with Transforms, transitions, and animation.

Prerequisites

This course assumes very little familiarity with CSS2 and CSS3. This course is part of 6 courses; CSS3 for Designers: Selectors and New for CC3; CSS3 for Designers: Color, Buttons, Borders; CSS3 for Designers: Navigation, Model and Layout; CSS3 for Designers: Layout, Content and Logo; CSS3 for Designers: Transformations & Animation and CSS3 for Designers: Media Query. Please be sure to view the courses in order if you are new to the material.

Meet the

John Wiley & Sons Our Creative Design courses are presented by experts from Wiley Publishing. Wiley is a global provider of knowledge and knowledge-enabled services that improve outcomes in areas of research, professional practice, and education. They are the publisher of award-winning journals, encyclopedias, books, and online products and services.


Course outline



Navigation, Model and Layout

Navigations And CSS3 (11:46)
  • Introduction (00:08)
  • Applying CSS3 to the Menu (03:27)
  • Border & Gradient (03:38)
  • Hover & Focus (04:24)
  • Summary (00:08)
More Nav And The Box Model (28:56)
  • Introduction (00:08)
  • Drop Down Menu (04:31)
  • Display Submenu (04:25)
  • Define List Items (03:04)
  • Edit the Top Items (03:01)
  • Edit the Drop Down (05:07)
  • The Box Model (03:02)
  • Box Model for CSS3 (05:28)
  • Summary (00:08)
Positioning And Layout (24:30)
  • Introduction (00:08)
  • Positioning (03:08)
  • Relative Positioning (02:30)
  • Absolute & Fixed Positioning (04:11)
  • Sticky Positioning (04:41)
  • Layout - Taking Notes (04:55)
  • More Layout Notes (04:46)
  • Summary (00:08)