Skip to content
Play overlay
Preview this course

Build Responsive Website using HTML5 and CSS3 From Scratch

Build responsive websites with HTML5 and CSS3

Provided by Hani Mohammadi

Summary

Price
£15 inc VAT
Study method
Online, On Demand What's this?
Duration
3.3 hours · Self-paced
Qualification
No formal qualification
47 students purchased this course

Add to basket or enquire

Overview

HTML and CSS are some of the most popular languages used by web developers and designers. While they may sound highly technical and seem like they require extensive training, there are many ways to use basic HTML and CSS to make a beautiful and responsive website.

In this Course I am going to teach you how to make your own responsive website with just two coding languages, HTML and CSS.

Curriculum

10
sections
120
lectures
3h 20m
total

    • 1: Introduction to HTML and CSS 01:00
    • 2: HTML Anatomy 01:00
    • 3: HTML element 03:00
    • 4: Introduction to HTML Editors and Web Browsers 02:00
    • 5: HTML Editor Preview 01:45
    • 6: Web Browser 00:45

    • 7: Doctype 01:43
    • 8: HTML Tag 00:25
    • 9: Language of text content 00:26
    • 10: body and head elements 00:46
    • 11: Character encoding 00:46
    • 12: Page title 00:41
    • 13: Paragraph <p> 01:34
    • 14: Emphasis & Strong elements 01:24
    • 15: Line Breaks 01:01
    • 16: Headings: <h1> to <h6> 01:38
    • 17: Unordered List 02:38
    • 18: Ordered List 01:37
    • 19: Nested List 01:10
    • 20: Comments 01:21

    • 21: Anchor Element <a>: External Links Preview 02:50
    • 22: Anchor Element <a>: Internal Links 03:25
    • 23: Anchor Element <a>: Linking to Same Page 01:56
    • 24: Anchor Element <a>: Download attribute 01:20
    • 25: Image element 02:01
    • 26: Image Formats 01:00
    • 27: Image: Alt attribute 02:10
    • 28: Image: Dimensions 01:03
    • 29: Video element 02:39
    • 30: iframe element 01:18

    • 31: Introduction to Semantic HTML 01:00
    • 32: Semantic elements 01:14
    • 33: <header> 01:00
    • 34: <footer> 01:00
    • 35: <nav> 01:00
    • 36: <section> , <article> , <aside> 01:00
    • 37: <figure> and <figcaption> 01:00
    • 38: <div> and <span> 01:46

    • 39: Introduction to CSS 01:00
    • 40: CSS Rule 01:00
    • 41: CSS: inline style 01:36
    • 42: CSS: Style element 01:12
    • 43: CSS: Link 02:24
    • 44: CSS: Element Selector 01:48
    • 45: CSS: Class Selector 01:56
    • 46: Multiple Classes 00:48
    • 47: Combining Selectors 00:57
    • 48: Chaining Selectors 00:45
    • 49: ID selector 01:00
    • 50: Class vs ID 01:00
    • 51: Specificity 01:00
    • 52: Inheriting style 02:00

    • 53: Font Family Preview 00:51
    • 54: Generic Family 01:00
    • 55: Chinese fonts 01:00
    • 56: Fallback Fonts 01:02
    • 57: Font Weight 01:17
    • 58: Font Style 00:34
    • 59: Font Size 00:41
    • 60: Font Units 03:00
    • 61: Text decoration 00:55
    • 62: Word Spacing 01:13
    • 63: Letter Spacing 00:30
    • 64: Text Transformation 01:24
    • 65: Text Alignment 01:00
    • 66: Line Height 01:00

    • 67: Introduction to Color 01:00
    • 68: Foreground and Background 01:00
    • 69: Named colors, Hex colors & RGB 02:22
    • 70: More about Hex colors 01:00
    • 71: Transparency with RGBa 00:52
    • 72: HSL and HSLa colors 01:00
    • 73: Background color 02:07
    • 74: Background image 01:14
    • 75: Background Size 01:00
    • 76: Gradient Preview 02:24

    • 77: Introduction to Box Model 01:00
    • 78: Block element and inline element 03:00
    • 79: Box Model 01:00
    • 80: Width and Height 01:52
    • 81: Min/Max Width and Height 02:00
    • 82: Padding 03:12
    • 83: Border 01:51
    • 84: Border style 01:00
    • 85: Border Radius 01:24
    • 86: Margin 01:18
    • 87: margin: auto 01:00
    • 88: Overflow 01:00
    • 89: Resetting Defaults 01:00
    • 90: Visibility 01:00

    • 91: Introduction to Flexbox 01:00
    • 92: Flex container 01:38
    • 93: Flex container direction 00:52
    • 94: Wrapping Flex items 01:13
    • 95: Alignment: justify content 02:10
    • 96: Alignment: align-items 01:04
    • 97: Alignment: align-self 00:23
    • 98: Flexbox Order 01:00
    • 99: Flex grow 01:00
    • 100: Flex-basis 01:00
    • 101: Flex property 01:00

    • 102: intro to project Preview 01:13
    • 103: Part 1 01:15
    • 104: Part 2 02:23
    • 105: Part 3 01:14
    • 106: Part 4 01:31
    • 107: Part 5 02:20
    • 108: Part 6 02:36
    • 109: Part 7 06:22
    • 110: Part 8 02:05
    • 111: Part 9 05:14
    • 112: Part 10 04:34
    • 113: Part 11 03:26
    • 114: Part 12 02:13
    • 115: Part 13 02:23
    • 116: Part 14 02:31
    • 117: Part 15 03:06
    • 118: Part 16 02:55
    • 119: Part 17 02:01
    • 120: Part 18: Final 12:50

Course media

Description

HTML and CSS are some of the most popular languages used by web developers and designers. While they may sound highly technical and seem like they require extensive training, there are many ways to use basic HTML and CSS to make a beautiful and responsive website.

Regardless of what your profession is, HTML and CSS are great skills to have. And even a little knowledge of these languages can make a big difference in your career. Just like having the ability to speak a foreign language, this sort of skill is helpful in almost all professions. Learning HTML and CSS can help you break into a career in tech as a web developer or a web designer. HTML and CSS are the two fundamental skills required for all jobs in web design and development. As a result, these skills are in high demand.

In this Course I am going to teach you how to make your own responsive website with just two coding languages, HTML and CSS.

I will start with some basic principle of web designing, HTML and CSS and then you will also learn about typography, colors, flexbox, CSS box model and HTML semantic layout in web designing.

Who is this course for?

Absolute Beginners who have no HTML or CSS experience.

Requirements

No previous knowledge is required

Career path

Junior Developer

Website Editor

Social Media Manager

Content Editor and Producer

Website Project Manager

Website Support Specialist

HTML and CSS Production Specialist

Entry-Level Front End Developer Jobs

Entry-Level Web Developer

Webmaster Jobs

WordPress Developer

Questions and answers

Currently there are no Q&As for this course. Be the first to ask a question.

Ask a question

Reviews

5.0
Course rating
100%
Service
100%
Content
100%
Value

Provider

Hani Mohammadi

About Me

Software and Aerospace expert.

During 17 years, I have published many articles, tutorials and recorded hours of video tutorials about programming and 3d softwares.

I have written 15 tech related books in Persian language and one book about VRay in Chinese language.

Feel free to contact me for information regarding my courses.
I enjoy sharing my experience with others. I hope you find my courses useful and enjoy the material uploaded.

View Hani Mohammadi profile

Legal information

This course is advertised on Reed.co.uk by the Course Provider, whose terms and conditions apply. Purchases are made directly from the Course Provider, and as such, content and materials are supplied by the Course Provider directly. Reed is acting as agent and not reseller in relation to this course. Reed's only responsibility is to facilitate your payment for the course. It is your responsibility to review and agree to the Course Provider's terms and conditions and satisfy yourself as to the suitability of the course you intend to purchase. Reed will not have any responsibility for the content of the course and/or associated materials.

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.
View all
Similar subjects: Web design, Web development, HTML, IT, Coding
Related searches: Design courses, Online courses

Interest free credit agreements provided by Zopa Bank Limited trading as DivideBuy are not regulated by the Financial Conduct Authority and do not fall under the jurisdiction of the Financial Ombudsman Service. Zopa Bank Limited trading as DivideBuy is authorised by the Prudential Regulation Authority and regulated by the Financial Conduct Authority and the Prudential Regulation Authority, and entered on the Financial Services Register (800542). Zopa Bank Limited (10627575) is incorporated in England & Wales and has its registered office at: 1st Floor, Cottons Centre, Tooley Street, London, SE1 2QG. VAT Number 281765280. DivideBuy's trading address is First Floor, Brunswick Court, Brunswick Street, Newcastle-under-Lyme, ST5 1HH. © Zopa Bank Limited 2025. All rights reserved.