Or follow us:
Join now to receive our Course Deals  

Buy Any Course or Bundle This Month & Get The Personal Success Training Program FREE

Certificate In Website Wireframing with HTML5 & CSS3 Online Course

Size and structure before detailed design

Size and structure before detailed design

Whether you're an HTML veteran or just a beginner, this course is for you. Award-winning trainer Geoff Blake will walk you through the process of creating a website wireframe in just under three hours! This series of instructional videos will guide you through the process of creating the basic sections of your site, arranging and aligning text and images, and adding interactive features. Once you're finished creating the wireframe, Geoff will show you how to put it online to share with coworkers and clients. After taking this course you'll be able to build attractive and professional website prototypes in about an hour. The best part? Unlike a simple mockup in Photoshop, you can actually turn this wireframe into a fully-functioning website! Let Geoff Blake help you build your professional skills with this easy to follow course from Ten Ton Online.

Course Fast Facts:

  1. Learn the fundamentals of Website Wireframing with HTML5 & CSS3
  2. Comprehensive 6 module Accredited Certificate In Website Wireframing with HTML5 & CSS3 Online Course
  3. Study along with simple instructions & demonstrations
  4. Written and developed by leading Website Wireframing with HTML5 & CSS3  experts
  5. Receive one-on-one online help & support
  6. Unlimited, lifetime access to online course
  7. Certificate of completion
  8. Study at your own pace with no rigid class timetables, 24/7 from any computer or smart device

Course Delivery

Courses are accessed online  by any device including PC, tablet or Smart Phone. Upon purchase an automated welcome email will be sent to you (please check your junk email inbox if not received as this is an automated email), in order for you to access your online course, which is Available 24/7 on any computer or smart mobile device. 

Recognition & Accreditation

All students who complete this course, receive a certificate of completion and will be issued a certificate via email.


  •     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

Entry requirements

Students must have basic literacy and numeracy skills.

Minimum education

Open entry. Previous schooling and academic achievements are not required for entry into this course.

Computer requirements

Students will need access to a computer and the internet. 

Minimum specifications for the computer are:


  • Microsoft Windows XP, or later
  • Modern and up to date Browser (Internet Explorer 8 or later, Firefox, Chrome, Safari)


  • OSX/iOS 6 or later
  • Modern and up to date Browser (Firefox, Chrome, Safari)

All systems

  • Internet bandwidth of 1Mb or faster
  • Flash player or a browser with HTML5 video capabilities(Currently Internet Explorer 9, Firefox, Chrome, Safari)

Students will also need access the following applications:

Adobe Acrobat Reader

Now Only US$99 Save US$500 (83%)
Delivery Method Online
Get Info Pack

Special Offer


Receive The Personal Success Training Program FREE, When You Purchase This Course - Limited Time Remaining!  (Value $600)


The Personal Success Training Program Helps You Stay Focused To Achieve Your Goals!
  • How to layout a Success Plan.
  • Get where you want to be in life.
  • How to unclutter your mind to succeed.
  • Achieve your dreams using your imagination.
  • How to have faith in yourself.
  • 12 month online access,  24/7 anywhere.
  • Complement your individual course purchase.
  • Internationally recognized by the IAOTS.
  • Thousands of positive reviews.
  • Limited Time Offer - Ends Soon.

Share this course

Course Summary

Course ID No.: 009SRWWHC
Delivery Mode: Online
Course Access: Unlimited lifetime
Tutor Support: Yes
Time required: Study at your own pace
Course Duration: 2 Hours
Assessments: Yes
Qualification: Certificate