33
- × HDR Photography 1 × £25
- × PDF Certificate (Special Gift - 67% OFF) 16 × £5.99
- × Special Discount Offer- 3 CPD courses for only £18 1 × £18
- × Vegan and Vegetarian Cooking 1 × £25
- × Ultimate Photography Level 3 1 × £319
- × Simple French Grammar - Part I 1 × £25
- × Professional Counselling 1 × £25
- × Master Colour in Photoshop CC 1 × £25
- × Drag & Drop Landing Pages With Wordpress 1 × £319
- × Level-3 Landscape Photography Course 2 × £25
- × Artificial Intelligence In Digital Marketing 1 × £25
- × C# for Beginners 1 × £25
- × Solidworks: CSWA Exam 1 × £25
- × British Sign Language Level 2 1 × £319
- × Homebased Business : Create Multiple Streams of Income 1 × £25
- × German Language for Beginners 1 × £25
- × WELL Building Standard Level 3 1 × £25
Subtotal: £1,395.84

View basket Checkout
LOGIN

Welcome to

Course Cloud

the best place for online learning!

Keep me logged in

Forgot Password?

Don’t have an account yet? Sign Up

Already have an account? Log In

By signing up, I accept Course Cloud’s Terms & Conditions

HTML5 & CSS3 - Project Based Learning

What Will I Learn? Create a professional, fully functioning website step-by-step Gain in-demand HTML 5, CCS3, and front end development …

★ ★ ★ ★ ★

0(0 reviews)

12 enrolled on this course

What Will I Learn?

Create a professional, fully functioning website step-by-step

Gain in-demand HTML 5, CCS3, and front end development skills

Deepen your understanding of CSS animations

Learn best practices for using a web browser and text editor

Know how to create forms in HTML and create the initial structure for the about and contact page

Understand how to use HTML classes and IDs

Finalise the footer styles, embed a Google Map, and much more

Course Overview

Build your own professional website from scratch using HTML5 and CSS3.

Designed by industry experts, this complete course will take you through the entire process of creating a complete functioning website step-by-step. It will teach you everything you need to know to build a professional website – from practices for ensuring smooth functionality and navigability, to up-to-date techniques for content integration.

Through the guidance of an experienced instructor, you will learn how to use a web browser and text editor like a pro, in just a short space of time. This introductory training course is for anyone looking to build professional, functional websites of any kind, step-by-step.

This best selling HTML5 & CSS3 – Project Based Learning has been developed by industry professionals and has already been completed by hundreds of satisfied students. This in-depth HTML5 & CSS3 – Project Based Learning is suitable for anyone who wants to build their professional skill set and improve their expert knowledge.

The HTML5 & CSS3 – Project Based Learning is CPD-accredited, so you can be confident you’re completing a quality training course will boost your CV and enhance your career potential. The HTML5 & CSS3 – Project Based Learning is made up of several information-packed modules which break down each topic into bite-sized chunks to ensure you understand and retain everything you learn.

After successfully completing the HTML5 & CSS3 – Project Based Learning, you will be awarded a certificate of completion as proof of your new skills. If you are looking to pursue a new career and want to build your professional skills to excel in your chosen field, the certificate of completion from the HTML5 & CSS3 – Project Based Learning will help you stand out from the crowd. You can also validate your certification on our website.

We know that you are busy and that time is precious, so we have designed the HTML5 & CSS3 – Project Based Learning to be completed at your own pace, whether that’s part-time or full-time. Get full course access upon registration and access the course materials from anywhere in the world, at any time, from any internet-enabled device.

Our experienced tutors are here to support you through the entire learning process and answer any queries you may have via email.

Preview

Certification

After successfully completing the course, you will be able to get the UK and internationally accepted certificate to share your achievement with potential employers or include it in your CV. The PDF Certificate + Transcript is available at £6.99 (Special Offer - 50% OFF). In addition, you can get a hard copy of your certificate for £12 (Shipping cost inside the UK is free, and outside the UK is £9.99).

Course Curriculum

Section 01: Course Introduction and Source Materials
	HTML, CSS, Flexbox, and CSS Grid Course Introduction	00:02:00
	What are HTML and CSS	00:06:00
	The Website We’re Going to Build in the HTML/CSS Course	00:05:00
Section 02: HTML and CSS Basics
	Tools We’ll Use in the Course and Basic HTML Structure Overview	00:18:00
	Introduction to Using CSS Styles	00:13:00
	Deep Dive: How the CSS Cascading Process Works	00:10:00
	Guide to HTML Links	00:16:00
	Working with the div Tag in HTML	00:10:00
	Guide to HTML Classes and IDs	00:09:00
Section 03: Flexbox, CSS Grid, Animations, and Images
	Introduction to Flexbox	00:16:00
	Guide to Padding in CSS	00:08:00
	Guide to Margin in CSS	00:04:00
	Integrating Icons with Font Awesome	00:05:00
	How to Select and Style Child Tag Elements	00:09:00
	Introduction to CSS Grid	00:13:00
	How to Import and Use Custom Fonts in HTML	00:10:00
	How to Import and Style Images in HTML	00:08:00
	Refactoring the CSS Code to Use More Specific Selectors	00:14:00
	Integrating Flexbox Inside of a CSS Grid Container to Align Items	00:07:00
	Introduction to CSS Animations	00:09:00
	Styling the Right Column of the Navigation Bar	00:14:00
	Finalizing the Navigation Bar and Organizing the Style Files to Conform with Dev	00:08:00
	How to Build a Parallax Scrolling Feature	00:11:00
	Adding Text Overlays On Top of the Parallax Image	00:07:00
	Adding the HTML Structure and Icons for the Feature Section of the Homepage	00:09:00
	How to Create Columns with Animated Hover Effects in CSS	00:14:00
	Working with nth Child Selectors in CSS	00:08:00
	How to Work with Box Shadows in CSS	00:09:00
	How to Embed a Google Map into a Website	00:04:00
	Building the Footer’s HTML Structure	00:11:00
	Controlling the Flex Direction to Layout the Footer Styles	00:10:00
	How to Apply Filters and Control an Image’s Opacity with CSS	00:03:00
	Finalizing the Footer Styles	00:16:00
Section 04: Transforming Image Styles, Box Layouts, and Content Integration
	Building the HTML Structure for the About Page Header	00:06:00
	How to Skew Images in CSS	00:16:00
	Using the CSS Float Property to Have Text Flow Around an Image	00:15:00
	Building the Square Grid HTML Structure	00:08:00
	Creating a Two Column Layout with CSS Grid and Flexbox	00:13:00
	Finalizing the About Page Styles and Review of Code Organization Best Practices	00:10:00
Section 05: Lists, Anchor Tags and Pseudo Elements
	Populating the Menu Page with the Two Column Grid	00:05:00
	Guide to HTML Bullet Point and Numbered Lists	00:05:00
	How to Implement Anchor Tags in HTML	00:07:00
	Overview of the Before and After Pseudo Selectors in CSS	00:07:00
Section 06: HTML Forms
	Creating the Initial Structure for the Contact Page	00:16:00
	Building the Contact Page Layout with CSS Grid	00:10:00
	Introduction to HTML Form Elements	00:09:00
	How to Style Text Inputs with CSS	00:11:00
	Styling the Form Text area and Button	00:07:00
	Building the Label and Form Element Drop Shadow Styles	00:09:00
	Integrating Custom Form Placeholder Text Styles	00:03:00
	How to Animate Form Labels	00:06:00
	Finalizing Contact Page Styles	00:09:00
Section 07: CSS Media Queries
	Introduction to CSS Media Queries	00:14:00
	Finalizing the Homepage Responsive Styles	00:07:00
	Implementing Responsive Styles to the Square Grid, Image Skew, and Form Elements	00:16:00
Assignment
	Assignment – HTML5 & CSS3 – Project Based Learning	00:00:00