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