MyPage is a personalized page based on your interests.The page is customized to help you to find content that matters you the most.

I'm not curious

Website Wireframing with HTML5 & CSS3

Course Summary

Discover how to quickly mockup your web ideas!

  • +

    Course Syllabus

    • 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

Course Fee:
USD 45

Course Type:


Course Status:



1 - 4 hours / week

This course is listed under Development & Implementations Community

Attended this course?

Back to Top

Awards & Accolades for MyTechLogy
Winner of
Top 100 Asia
Finalist at SiTF Awards 2014 under the category Best Social & Community Product
Finalist at HR Vendor of the Year 2015 Awards under the category Best Learning Management System
Finalist at HR Vendor of the Year 2015 Awards under the category Best Talent Management Software
Hidden Image Url

Back to Top