Module 1 Introduction
Unit 1 Source Code  
Unit 2 1.1 - Welcome! Understanding Layout Wireframing  
Unit 3 1.2 - Why Using Photoshop May Not Be The Best Choice  
Unit 4 1.3 - Using HTML & CSS For Fast Wireframe Compositing  
Unit 5 1.4 - A Look At What We'll Build In This Course  
Unit 6 1.5 - Bonus Lesson_How To Turn Any Web Page Into A Wireframe  
Module 2 Getting Started
Unit 1 2.1 - Setting Up The Rough Page Structure  
Unit 2 2.2 - Building The Structural CSS Rules, Part 1  
Unit 3 2.3 - Building The Structural CSS Rules, Part 2  
Unit 4 2.4 - Connecting Up The HTML To The CSS  
Unit 5 2.5 - Centering Layout Elements  
Unit 6 2.6 - Setting Up Inner Layout Containers  
Unit 7 2.7 - Inserting Additional Inner Containers  
Unit 8 2.8 - Spacing Apart The Layout  
Module 3 Wireframing The Header in Greater Detail
Unit 1 3.1 - First Thing's First_Getting Organized  
Unit 2 3.2 - Building The Logo Container  
Unit 3 3.3 - Setting Up The Main Navigation Menu  
Unit 4 3.4 - Creating A Call-To-Action Button  
Module 4 Building the Rest of the Layout
Unit 1 4.1 - Inserting The Hero Image  
Unit 2 4.2 - Getting Started With The Hero Content  
Unit 3 4.3 - Finishing Up The Hero Section  
Unit 4 4.4 - Inserting The Feature Headers  
Unit 5 4.5 - Building The Feature Boxes  
Unit 6 4.6 - Wireframing The Organize Section  
Unit 7 4.7 - Speeding Things Up For The Share Section  
Unit 8 4.8 - Finishing Up The Wireframing  
Module 5 Finishing Touches
Unit 1 5.1 - Inserting A Placeholder Image  
Unit 2 5.2 - Adding A Logo Placeholder With Text  
Unit 3 5.3 - Inserting The Remaining Image Placeholders  
Unit 4 5.4 - Inserting A Background Placeholder  
Unit 5 5.5 - Adding Subtle Interactivity  
Unit 6 5.6 - Adding Button Interactivity  
Unit 7 5.7 - Finishing Touches  
Unit 8 5.8 - Sharing The Wireframe For Review  
Module 6 Wrapping Up
Unit 1 6.1 - Where To Go From Here  
Powered By WP Courseware