Learn your way! Get started

Web Design, Part 4: Advanced Layout

with expert John Wiley & Sons

Watch trailer

Web Design, Part 4: Advanced Layout Trailer

Course at a glance

Included in these subscriptions:

  • Creative Design Power Pack
  • Power Pack Plus

Release date Release date 4/3/2015
Level Level Beginner
Runtime Runtime 1h 8m
Published eBooks Published eBooks Included
Hands-on labs Hands-on labs N/A
Sample files Sample files Included
Exams Exams N/A

Enterprise Solutions
Enterprise Solutions

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

Course description

Master Web Design in this five part learning series, Web design requires knowledge of multiple software tools and coding languages, like Dreamweaver, Flash, Silverlight, Illustrator, Photoshop, HTML, and CSS, among others to craft truly unique, robust, and interactive websites that work across a variety of platforms. Now, you can learn the ins and outs of web design – from a working knowledge of popular design tools to bringing your vision online- with Web Design. Delve into the basics of good web design and get familiar with the most common web development tools. Conceptualize your site, outline its key features, and implement your design concepts. Incorporate user experience and solid interface design techniques into your site design to create a website that is both functional and attractive.


This course assumes some familiarity with HTML and CSS. This course is part of 5 courses; Web Design: Design and Tools; Web Design: HTML Intro and Web Images; Web Design: CSS and Layouts; Web Design: Advanced Layout and Web Design Essentials: JavaScript and jQuery. Please be sure to view the courses in order if you are new to the material.

Meet the expert

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

Layout and Browser Testing

Advanced Layout (23:28)
  • Introduction (00:10)
  • Creating Basic Layout Styles (01:33)
  • Remove Background Color Styles (04:44)
  • CSS Background Images (02:50)
  • Create Inner Wrap Style Rule (04:34)
  • Solving Common Layout Problems (03:19)
  • Support for Floated Columns (01:51)
  • Add Conditional Comment for IE (04:13)
  • Summary (00:10)
Advanced Layout: Continued (22:06)
  • Introduction (00:10)
  • Enhanced CSS Navigation Bar (01:48)
  • Replacing Background Colors (03:15)
  • Adding Rollover & Hover Links (02:29)
  • Adding Class Styles to Nav Bar (05:15)
  • Using Absolute Positioning (01:50)
  • Add a New Splash Image (01:27)
  • Add Text Overlay (02:07)
  • Absolute Positioning (03:31)
  • Summary (00:10)
Browser Testing (23:12)
  • Introduction (00:10)
  • Browser Compatibility Overview (04:16)
  • Determine Browser Support (08:47)
  • Tools for Browser Testing (01:56)
  • Desktop Virtualization (01:06)
  • Online and Software Options (02:30)
  • Using Super Preview (04:14)
  • Summary (00:10)