Skip to content

Responsive Web Design & Web Development – HTML5 & CSS3


OfCourse

Summary

Price
£199 inc VAT
Or £66.33/mo. for 3 months...
Study method
Online
Duration
8 hours · Self-paced
Qualification
No formal qualification
Certificates
  • Certificate of completion - Free
Additional info
  • Tutor is available to students

159 students purchased this course

Add to basket or enquire

Overview

Are you wondering how the best web designers and developers build powerful, modern and fantastic looking websites? Then this is the course you’ve been waiting for!

HTML5 and CSS3 are not rocket science – you can start learning them today! In this course you will the fundamentals of web design and web development in a step-by-step manner.

You will learn so much more than simply how to code. You will actually be able to launch your website for the world to see!

Course media

Description

Course Highlights

  • Real world skills to build real world websites
  • Easy to follow and hands on design and development
  • Responsive web design so that your website works across all devices – an absolute must have skill in today’s mobile world
  • Wow your users with some great effects, animations and sticky navigation
  • Optimize your website for speed and search engines
  • FREE e-book “Best Resources for Web Design and Development with HTML5 and CSS3”

Course Overview

The course is entirely project based, and together we will build unique, beautifully designed and responsive landing page for a fictional company. You will also address real world web design and development issues, and build the skills to allow you to build real world websites!

Instructor Bio

Hi, I'm Jonas!

I'm a self-taught web designer and developer with a great passion for building beautiful new things from scratch. I've been building websites since 2007 I also have a Master's degree in Engineering. I was lucky enough to be able to pay for college doing what I love the most: designing and developing websites.

If I had to describe my web design and development course in one sentence, I would say “This is exactly the course I wish I had when I first started with web design and development".

If you don't want to go through I-don't-know-how-many books and literally thousands of online articles and tutorials, like I did, then enrol in my course today. I will be very happy to share my knowledge with you as well, and help you with everything I can. Because happy students make me happy too.

Curriculum

Part 1 – Course Introduction

Let’s start the journey!

Please download your free e-book entitled “Best Resources for Web Design and Development with HTML5 and CSS3”

Part 2 – Web Design Basics

Introduction to web design

Beautiful Typography

Using colours like a pro

Working with images

Working with icons

Spacing and Layouts

Introduction to User Experience

Getting Inspired

BONUS: Conversion

Part 3 – Dive into HTML

Main tool: Brackets text editor

What is HTML?

HTML Structure

Starting to fill the structure

Images and attributes

One more thing: links

Part 4 – Formatting with CSS

Getting Started with CSS

Making the webpage pretty: text

Colours

Classes and IDs

The CSS Box Model

Building a simple layout

Polishing our blog post

Relative v Absolute

Chrome Developer Tools

Part 5 – The Killer Website Project

7 Real World Steps to a fully functioning website

Putting the 7 Steps into Action

First Development Steps

The Fluid Grid for Responsive Design

Building the Header – part 1

Building the Header – part 2

Building the Header – part 3

Building the Features Section – Part 1

Building the Features Section – Part 2

Building the Favourite Meals Section – part 1

Building the Favourite Meals Section – part 2

Building the how-it-works section – part 1

Building the how-it-works section – part 2

Building the cities section – part 1

Building the how-it-works section – part 2

Building the customer testimonial section – part 1

Building the customer testimonial section – part 2

Building the sign-up section – part 1

Building the sign-up section – part 2

Building the contact form section – part 1

Building the contact form section – part 2

Building the footer – part 1

Building the footer – part 2

Part 6 – Responsive Web Design with media queries

Making the website responsive – part 1

Making the website responsive – part 2

A note about web browsers

Part 7 – let’s add some cool effects

Introduction to jQuery

Sticky Navigation – part 1

Sticky Navigation – part 2

Scrolling to elements

Adding animations on scroll

Making navigation responsive

Part 8 – Optimizing and launching!

Creating a favicon

Site speed

Basic SEO

Let’s launch!

Google Analytics

Part 9 – Conclusion

Congratulations!

Why Choose OfCourse Learning?

- All courses are taught by verified experts

- Students enjoy 24/7 access to their courses

- Courses can be accessed on any device

- Students get lifetime access to their courses so they can work at their own pace

- On completion, students receive a course certificate from a recognised educational institution

- Become a part of a global learning community where you can talk with teachers and students about the course

Who is this course for?

  • Complete beginners who want to learn how to build a stunning website
  • People with coding knowledge who want to be able to put that into practice
  • Designers looking to expand their skills sets.

Requirements

No coding experience required; any computer; a passion to learn new and exciting skills

Certificates

Certificate of completion

Digital certificate - Included

Reviews

1.3
Course rating
20%
Service
40%
Content
20%
Value

FAQs

Study method describes the format in which the course will be delivered. At Reed Courses, courses are delivered in a number of ways, including online courses, where the course content can be accessed online remotely, and classroom courses, where courses are delivered in person at a classroom venue.

CPD stands for Continuing Professional Development. If you work in certain professions or for certain companies, your employer may require you to complete a number of CPD hours or points, per year. You can find a range of CPD courses on Reed Courses, many of which can be completed online.

A regulated qualification is delivered by a learning institution which is regulated by a government body. In England, the government body which regulates courses is Ofqual. Ofqual regulated qualifications sit on the Regulated Qualifications Framework (RQF), which can help students understand how different qualifications in different fields compare to each other. The framework also helps students to understand what qualifications they need to progress towards a higher learning goal, such as a university degree or equivalent higher education award.

An endorsed course is a skills based course which has been checked over and approved by an independent awarding body. Endorsed courses are not regulated so do not result in a qualification - however, the student can usually purchase a certificate showing the awarding body's logo if they wish. Certain awarding bodies - such as Quality Licence Scheme and TQUK - have developed endorsement schemes as a way to help students select the best skills based courses for them.