Menu
  • No products in the basket.

HTML5 & CSS3 Building Responsive Websites

4.5( 2 REVIEWS )
107 STUDENTS
Overview Earlier, computers were the only devices that were used to access internet. However, within the last decade, internet access …

Overview

Earlier, computers were the only devices that were used to access internet. However, within the last decade, internet access through other devices such as smartphones, tablets and ipads have also increased. Therefore, in order to cater to these users, responsive websites that are suitable for all devices have been introduced. Responsive websites use HTML and CSS to shrink, hide, resize and enlarge a website to make websites accessible through all devices. It is important for organizations to build responsive websites so that their sites can load faster and to increase their ranking and to reduce their bounce rate.

This diploma in HTML5 & CSS3 – Building responsive websites will provide you with the necessary knowledge and training needed to kick start a successful career in building responsive websites.  This diploma will teach you the fundamentals of responsive design, beginning with multiple style sheets, media queries and various expressions. Through this diploma, you will also 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. You will also be taught on 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 through this diploma.

  • Why consider learning at study 365?
  • Learning outcomes
  • Access duration
  • Who is this course aimed at?
  • Entry requirements
  • Method of assessment
  • Certification and awarding body
  • Tutor info
  • Progression and career path
  • Other benefits

With so many commitments in our lives, we may not have the time to learn new skills. The beauty of studying online is that you get to find this balance between your education and your daily commitments.

Study 365 offers hundreds of online courses to students across the world. Gaining new skills has never been this easy as many of our courses are open to students with little or no qualifications or previous experience. All the courses are up-to-date, relevant, affordable, and will build on existing expertise or give you a jump-start to a new career. The courses are meticulously designed and equals what is offered in a classroom setting. With a solid reputation that has established and made us made us one of the most trusted and reliable online course providers we offer the most convenient path to gain recognised skills and training that will give you the opportunity to put into practice your knowledge and expertise in your chosen career. You can learn at your own pace at Study 365 and you will be provided with all the necessary material, tutorials, qualified course instructor, narrated e-learning modules, interactive quizzes and free resources which include Free CV writing pack, free career support and course demo to make your learning experience enriching and more rewarding.

  • Learn the fundamentals of responsive design, beginning with multiple style sheets, media queries and various expressions.
  • Understand about the responsive design workflow, building HTML structure and CSS formatting for mobile and desktop displays; including tablets, desktop screens, and smartphones.
  • Gain an insight into 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.
  • Learn additional tricks, advanced techniques, and testing methods to ensure that the layout looks fantastic.

The course will be directly delivered to you, and you have 12 months access to the online learning platform from the date you joined the course.  The course is self-paced and you can complete it in stages, revisiting the lectures at any time.

  • IT students
  • Job seekers
  • Employees and employers in the IT field
  • Learners must be age 16 or more.
  • Should have a basic understanding of the English Language, numeracy, literacy, and ICT.
  • Should have an understanding of websites and HTML

At the end of the course, you will have one assignment to be submitted (you need a mark of 65% to pass) and you can submit the assignment at any time. You will only need to pay £19 for assessment and certification when you submit the assignment. You will receive the results within 72 hours of submittal, and will be sent a certificate in 7-14 days if you have successfully passed.

Those who successfully complete the course will be awarded the HTML5 & CSS3 – Building responsive websites certificate by CPD & iAP. The qualification will make you valuable to employers, and your motivation at gaining new skills will be recognised.

Geoff Blake is an award-winning instructor with nearly 20 years of experience creating online video courses. His goal is to help people gain serious web skills, helping them to expand their business, develop their projects, and yeah – make more money!

Geoff is a published author, having written  ‘Ten Ton Dreamweaver’ with Peachpit Press. He also held a professorship at Seneca college, and ran graphics workshops at George Brown, and Humber colleges in Toronto.

Once you successfully complete this diploma in HTML5 & CSS3 – Building responsive websites, you will be eligible enough to work for various job positions in the IT field. You can also use this diploma to win progressive opportunities such as job promotions and salary increments from your employer. The job positions this diploma will help you get access to, along with the average UK salary per annum according to https://www.payscale.com/career-path-planner, is given below,

  • Senior web developer – £37,311 per annum
  • Web designer and developer – £24,366 per annum
  • Website developer – £24,291 per annum
  • Senior web designer – £30,736 per annum
  • Written and designed by the industry’s finest expert instructors with over 15 years of experience
  • Repeat and rewind all your lectures and enjoy a personalised learning experience
  • Gain access to quality video tutorials
  • Unlimited 12 months access from anywhere, anytime
  • Save time and money on travel
  • Learn at your convenience and leisure
  • Eligible for TOTUM discount card

Course Curriculum

1.Introduction
Welcome
A Look At What We’ll Build
2.Responsive Design Fundamentals
Key Aspects Of Responsive Design
Determining Device Resolutions To Target
Wireframing Responsive Layouts
3.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
4.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
5.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
6.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
7.Advanced Techniques For Responsive Design
Disabling Device Smart Zoom
Testing Your Responsive Layouts
Setting Up Retina Display Graphics
8.Wrapping Up
Where To Go From Here

Students feedback

4.5

Avarage rating (2)
4.5
5 Star
4 Star
3 Star
2 Star
1 Star
    E H

    Elizabeth Hudson

    April 30, 2019
    Perfect Course

    This course sure knows how to keep web developers engaged throughout the course sessions. All complex and simple issues have been brought to light and the teaching approach is very easy to follow.

    B E

    Ben Elford

    February 11, 2019
    Fantastic Course

    Fantastic course. Very professional learning platform. Just loved the whole learning process and content. Gave me a hand-on knowledge as well.

Copyright © 2021 -Study365 - All rights reserved.

WhatsApp chat