Sharing Is Caring:

Web Design for Beginners: Build Websites in HTML & CSS 2022

Learn the Basics of HTML and CSS and get Started with Web Design

This course includes:

  • 8.5 hours of on-demand video
  • 3 articles
  • 42 downloadable resources
  • 17 coding exercises
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of completion


(385 ratings)

40,061 students

Created by Web Coding

What you’ll learn

  • Learn how to set up the right tools for your web development process
  • Grasp the main concepts that every developer should know
  • Learn the basics of HTML up to the advanced level
  • Learn the basics of CSS and how it works hand in hand with HTML
  • Create simple yet beautiful designs as you go
  • Get advanced with HTML and CSS and dive deeper in advanced parts


  • just a PC and an active internet connection


Do you want to get started with web design, front-end development, or web development in general? If the answer is yes then you are in for a treat. In this course, you are going to learn everything you need to know about  HTML and CSS which are basically the starting point of your career as a web developer. So why choose this course? why not any other course? Because I have made sure that every part of the course is informative, fun, and practical. I explained everything with detail and ease and also inside the course you will be provided and supported with PowerPoint slides, code examples, articles, exercises and so much more!!

So to elaborate a bit. I am going to introduce you to some key definitions and terms that are concerned with web development or programming in general like how the internet works, how to work with text editors what are browsers and afterward we are going to proceed to HTML basic elements, syntax, attributes and a simple intro to CSS up to some intermediate areas like lists, tables up to some hardcore areas like forms, classes, and entities. and then we will get to CSS. this course was not intended to have full CSS content, but when I started creating the course, I realized how CSS can be really beneficial with HTML. So I did an entire course on CSS just for you. I started with a revision and intro to the basic stuff, up to margins and paddings, text and fonts and I did training up to advanced parts like position and float. So if you don’t want to miss out on this journey, go ahead and get the course now and I promise you will have a fantastic, engaging, and enjoyable experience learning with me. See you inside   

Read Also -->   Git Basic

Who this course is for:

  • Anyone who is cautious about web development
  • Anyone who wants to learn HTML and CSS
  • Anyone who wants to get started with front-end development or web development in general
  • Anyone who wants to build real-world projects in HTML and CSS to build up their CVs

Show less

Course content

22 sections • 71 lectures • 8h 39m total lengthCollapse all sections

Introduction1 lecture • 7min

  • IntroductionPreview07:08

Basic and General Info and Installation4 lectures • 24min

  • Alert!!! Important: A Must Watch VideoPreview01:10
  • How the Web Works06:31
  • What Are Text Editors and Installation05:28
  • How the Browser Works11:10

Basics Syntax and First Steps5 lectures • 38min

  • HTML Basic SyntaxPreview14:07
  • HTML Elements05:57
  • HTML Attributes08:32
  • HTML Headings03:41
  • HTML Paragraphs05:43
  • HTML Attributes1 question

Diving Deeper with HTML and CSS Basics6 lectures • 47min

  • HTML Style Attribute08:56
  • HTML Formatting03:59
  • HTML Comments05:02
  • Simple Intro to CSS15:42
  • HTML Links05:43
  • HTML Images07:44
  • HTML Style Attribute1 question

Diving Deeper: Tables, Lists, and Forms7 lectures • 1hr 5min

  • HTML Tables11:27
  • HTML Lists07:20
  • First Training (Creating a Simple Menu)09:38
  • HTML Forms pt.111:25
  • 19-HTML Forms pt.211:19
  • 19-HTML Forms pt.308:04
  • HTML Forms pt.405:40
  • Lists1 question

Getting Advanced and Finishing Up5 lectures • 48min

  • HTML Inline and Block Tags16:12
  • Classes10:29
  • Ids08:01
  • More about the Head08:34
  • HTML Entities04:56
  • Classes1 question

Getting Started with CSS3 lectures • 17min

  • Intro and Revision to CSS04:40
  • Syntax08:28
  • Comments04:17
  • Comments1 question

Colors2 lectures • 27min

  • Colors pt.119:04
  • Colors pt.207:38
  • Colors1 question

Backgrounds3 lectures • 28min

  • Backgrounds pt.112:35
  • Backgrounds pt.205:30
  • Backgrounds pt.309:26
  • Backgrounds1 question

Borders2 lectures • 12min

  • Borders pt.105:45
  • Borders pt.206:18
  • Borders1 question

Margin, Padding, and More6 lectures • 57min

  • Margin13:56
  • Padding07:53
  • More about height and width01:09
  • Width and Height06:51
  • Box Model05:07
  • Training 2 (Building a Simple Form)22:08
  • Width and Height1 question
Read Also -->   Learn Android Application Development

Outline2 lectures • 11min

  • Outline pt.106:17
  • Outline pt.204:44
  • Outline1 question

Text3 lectures • 17min

  • Text pt.104:32
  • Text pt.207:08
  • Text pt.305:27
  • Text1 question

Fonts3 lectures • 14min

  • Fonts pt.107:16
  • Fonts pt.203:41
  • Fonts pt.303:09
  • Fonts1 question

Display3 lectures • 23min

  • Display pt.109:31
  • Display pt.203:38
  • Display pt.309:36
  • Display1 question

Position2 lectures • 16min

  • Position pt.105:14
  • Position pt.210:25
  • Position1 question

Z-index2 lectures • 8min

  • Z-index pt.106:57
  • Z-index pt.200:56
  • Z-index1 question

Overflow2 lectures • 10min

  • Overflow pt.107:32
  • Overflow pt.202:44
  • Overflow1 question

Pseudo Classes, Elements, and other Stuff4 lectures • 31min

  • Pseudo Classes12:03
  • Pseudo Elements08:34
  • Opacity05:57
  • Cursor04:07
  • Cursor1 question

Float2 lectures • 6min

  • Float pt.104:22
  • Float pt.201:55

Outro1 lecture • 3min

  • Outro and Where to Go From Here03:11

More Lectures: Update 20223 lectures • 10min

  • Videos04:22
  • Sound02:28
  • Youtube Videos03:05
Join Us Join Us Join Us
Sharing Is Caring:

Leave a Comment

Ads Blocker Image Powered by Code Help Pro

Ads Blocker Detected!!!

We have detected that you are using extensions to block ads. Please support us by disabling these ads blocker.

Powered By
Best Wordpress Adblock Detecting Plugin | CHP Adblock