Description

Course content

• Introduction
  • Welcome! Understanding Layout Wireframing
  • Why Using Photoshop May Not be the Best Choice
  • Using HTML & CSS for Fast Wireframe Compositing
  • A Look At What We'll Build in this Course
  • Bonus Lesson: How to turn any web page into a wireframe
• Getting Started
  • Setting Up the Rough Page Structure
  • Building the Structural CSS Rules, Part 1
  • Building the Structural CSS Rules, Part 2
  • Connecting Up the HTML to the CSS
  • Centering Layout Elements
  • Setting Up Inner Layout Containers
  • Inserting Additional Inner Containers
  • Spacing Apart the Layout
• Wireframing The Header in Greater Detail
  • First Thing's First: Getting Organized
  • Building the Logo Container
  • Setting Up the Main Navigation Menu
  • Creating A Call-To-Action Button
• Building the Rest of the Layout
  • Inserting the Hero Image
  • Getting Started with the Hero Content
  • Finishing Up the Hero Section
  • Inserting the Feature Headers
  • Building the Feature Boxes
  • Wireframing the Organize Section
  • Speeding Things Up for the Share Section
  • Finishing Up the Wireframing
• Finishing Touches
  • Inserting A Placeholder Image
  • Adding A Logo Placeholder with Text
  • Inserting the Remaining Image Placeholders
  • Inserting a Background Placeholder
  • Adding Subtle Interactivity
  • Adding Button Interactivity
  • Finishing Touches
  • Sharing the Wireframe for Review
• Wrapping Up
  • Where to Go From Here
  • Request a Course
• Bonus Material
  • Bonus Lecture: Course Discounts