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 Building Responsive Websites with HTML 5 & CSS3 Online Course

Build one layout for multiple displays


Learn Build one layout for multiple displays

In this hands-on training course, award-winning veteran trainer Geoff Blake shows you, step-by-step, how to build beautifully designed, responsive websites that adjust and function perfectly on smartphones, tablets, and desktop displays. You'll begin with the fundamentals of responsive design, beginning with multiple style sheets, media queries and various expressions. Next comes the fun part: you'll be guided through several in-depth chapters that walk you through the responsive design workflow, building HTML structure and CSS formatting for mobile and desktop displays; including tablets, desktop screens, and smartphones. Geoff shows you how to plan out your work, handle common issues that arise in a responsive layout, and how to handle various page components between device displays. Finally, the course closes with additional tricks, advanced techniques, and testing methods to ensure that your layout looks fantastic.

Course Fast Facts:

  1. Learn the fundamentals of Building Responsive Websites with HTML 5 & CSS3
  2. Comprehensive 8 module Accredited Certificate In Building Responsive Websites with HTML 5 & CSS3 Online Course
  3. Study along with simple instructions & demonstrations
  4. Written and developed by leading Building Responsive Websites with HTML 5 & 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.

Introduction

  • Welcome
  • A Look At What We'll Build

Responsive Design Fundamentals

  • Key Aspects Of Responsive Design
  • Determining Device Resolutions To Target
  • Wireframing Responsive Layouts

The Basics: Multiple Style Sheets & Media Queries

  • The Concept Of Using Multiple CSS Files
  • Media Queries & Multiple Style Sheets
  • Building Media Queries Into A Single CSS File
  • Using Media Query Expressions

Building HTML Structure & CSS For All Screens

  • Setting Up The HTML & CSS Files
  • Getting Started With The Header
  • Inserting The Main Nav Menu
  • Inserting The Search Field 
  • Problems With Applying Floats
  • Integrating Google Fonts API 
  • Building The Hero Section Structure 
  • Formatting The Hero Section
  • Inserting & Formatting A Call To Action Button 
  • Building The Features Section, Part One
  • Building The Features Section, Part Two 
  • Inserting The Organize Section 
  • Building The Share Section 
  • Building The Call To Action Area
  • Inserting And Formatting The Footer
  • Finishing Touches For The High Resolution Layout 

Building The Tablet Layout

  • Setting Up The Medium Resolution CSS & Testing The Media Query 
  • Formatting The Medium Res Header 
  • Formatting The Medium Res Hero Section
  • Formatting The Features Section 
  • Formatting The Organize And Share Sections 
  • Building The Get Section & Finishing Up The Medium Res Layout 

Building The Smartphone Layout

  • Setting Up The Low Res CSS & Testing The Media Query
  • Formatting The Low Res Header
  • Resolving Problems Caused By Floats 
  • Formatting The Low Res Hero Section 
  • Formatting The Features Section
  • Formatting The Organize And Share Sections 
  • Building The Get Section & Finishing Up The Low Res Layout 

Advanced Techniques For Responsive Design

  • Disabling Device Smart Zoom 
  • Testing Your Responsive Layouts 
  • Setting Up Retina Display Graphics 

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:

Windows:

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

MAC/iOS

  • 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%)
OFF RRP US$599
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!
Benefits:
  • 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.
Features:
  • 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.: 009SRBRWHTMLCSS3
Delivery Mode: Online
Course Access: Unlimited lifetime
Tutor Support: Yes
Time required: Study at your own pace
Course Duration: 4 Hours
Assessments: Yes
Qualification: Certificate