By Ofcourse
Online
Can be taken anytime
Professional Training Course
-
English
Course 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.
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!
Who should take this course
- 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.
Course content
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!
About Course Provider
Ofcourse.co.uk is a self improvement and development learning platform. Our courses are created by genuine and verified subject matter experts, and delivered in easy access, on demand video-led courses. The experts can be experienced professionals, university lecturers or even world record holders in their fields!
Anyone can learn anything online with OfCourse! Of Course Learning is a UK Registered Learning Provider.