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 Applying Design To Wireframes with HTML5 & CSS3 Online Course

Apply typography and colour to Wireframes

Apply typography and colour to Wireframes

Building on the skills you gained in Website Wireframing with HTML5 and CSS3, this course teaches you how to apply functional and attractive design principles to your wireframe. Featuring advice on typography, graphics, and colour schemes, award-winning trainer Geoff Blake will lead you through the full process of making your site look amazing in every web browser. Lessons include how to select a colour palette, where to source free images, and what resources to use to integrate beautiful typography into your design. You'll discover Google Fonts, and how to integrate them into your CSS. When you're finished adding fonts and images, Geoff will walk you through the various options for testing out your site. From wireframe to fully realized design, this course is a must for aspiring web developers.

Course Fast Facts:

  1. Learn the fundamentals of Wireframes with HTML5 & CSS3
  2. Comprehensive 6 module Accredited Certificate In Applying Design To Wireframes with HTML5 & CSS3 Online Course
  3. Study along with simple instructions & demonstrations
  4. Written and developed by leading Wireframes 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! Here's What This Course Is All About
  •     Here's What We'll Create In This Course

From Wireframe To Design

  •     Determining The Design's Message
  •     Choosing Your Design's Colour Palette
  •     Tools For Selecting Typefaces
  •     Choosing Imagery And Design Elements

Getting The Design Underway

  •     Getting Started By Styling The Header
  •     Formatting Call-To-Action Buttons With CSS
  •     Adding Additional Shadow Effects To The Buttons
  •     Finishing Up The Button Formatting
  •     Typographic Treatments With Google Font API
  •     Beginning The Features Section Styling
  •     Finishing The Features Section
  •     Formatting The Organize Section
  •     Wrapping Up The Layout's Design

Inserting & Formatting Graphics

  •     Inserting & Adjusting The Logo
  •     Setting Up The Hero Section Graphics
  •     Getting The Feature Section Images Inserted
  •     Placing The Organize & Share Images
  •     Using A Graphic As A Button Label

Cross-Browser Testing

  •     Online Testing Tools
  •     Running Virtual Operating Systems For Testing
  •     Making Minor Adjustments For Browser Compatibility

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.: 009SRADWHC
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