Become a Web Designer – HTML & CSS for Beginners

Course Curriculum

Chapter 1: Introduction

Lecture 1: Introduction

Lecture 2: What you will learn?

Lecture 3: Learning Approach

Lecture 4: Setting up your course

Lecture 5: Install Chrome

Lecture 6: Install Brackets Editor

Chapter 2: How Internet Works

Lecture 1: Introduction

Lecture 2: Internet data flow explained

Lecture 3: Submarine cables for internet

Chapter 3: HTML – Web Page that displays "Hello World"

Lecture 1: Hello World

Lecture 2: Create project folder

Lecture 3: Open project folder in Brackets

Lecture 4: Create HTML File

Lecture 5: Key in HTML Code – Step 1

Lecture 6: Key in HTML Code – Step 2

Lecture 7: HTML is a text file

Lecture 8: Launch HTML file in browser

Lecture 9: Launch HTML using Live Preview

Lecture 10: Understanding hello.html

Lecture 11: About HTML

Lecture 12: HTML in the Internet

Lecture 13: Practice Exercise on Heading

Chapter 4: HTML – Title

Lecture 1: Title

Lecture 2: Implement Title

Lecture 3: Title Explained

Lecture 4: Practice Exercises on Title

Chapter 5: HTML – Paragraph

Lecture 1: Paragraph

Lecture 2: Implement news article – Download content

Lecture 3: Coding HTML

Lecture 4: Implementing news article content

Lecture 5: Practice Exercises on Paragraph

Chapter 6: HTML – Comments

Lecture 1: About HTML Comments

Chapter 7: HTML – Link

Lecture 1: Link

Lecture 2: Implementing a Link

Lecture 3: Understanding Anchor tag

Lecture 4: Understanding HTML Attributes

Lecture 5: Practice Exercises on Link

Chapter 8: HTML – External Link

Lecture 1: External Link

Lecture 2: Implement External Link

Lecture 3: External Link Explained

Chapter 9: HTML – Image

Lecture 1: Image

Lecture 2: Create folder for images

Lecture 3: Displaying Brackets and Chrome side by side

Lecture 4: Download Image

Lecture 5: Implement image display

Lecture 6: Practice Exercises on Image

Chapter 10: HTML – List

Lecture 1: List

Lecture 2: Implement Unordered List

Lecture 3: Implement Ordered List

Lecture 4: Practice Exercises on List

Chapter 11: HTML – Table

Lecture 1: Table

Lecture 2: Implement Table Header

Lecture 3: Implement Table Cells

Lecture 4: Implement Table Borders

Lecture 5: Understanding Table tags

Lecture 6: Practice Exercises on Table

Chapter 12: HTML – Form

Lecture 1: How does a Form look like?

Lecture 2: Input Text

Lecture 3: Implement Input Text

Lecture 4: How Input Text works?

Lecture 5: Implement Input Text Placeholder and Value

Lecture 6: Implement Input Text Label

Lecture 7: Implement Input Text Email

Lecture 8: Implement Input Password

Lecture 9: Implement Select

Lecture 10: How does a Radio Button look like?

Lecture 11: Implement Radio Button

Lecture 12: Implement Radio Button Grouping

Lecture 13: Implement Radio Button Labels

Lecture 14: Implement Radio Button selection

Lecture 15: Implement Check Box

Lecture 16: Implement Check Box Selection

Lecture 17: Implement Text Area

Lecture 18: Implement Form Submission

Lecture 19: How Form Submission works?

Lecture 20: Submitting a Form to Server

Lecture 21: Submit form with name attribute

Lecture 22: Submit form using POST method

Lecture 23: Submit Select Element value

Lecture 24: Submit Radio Button value

Lecture 25: Submit Check Box value

Lecture 26: HTML5 Form Elements

Lecture 27: Practice Exercises on Form

Chapter 13: HTML – Block and Inline Elements

Lecture 1: Block and Inline introduction

Lecture 2: Block Elements Explained

Lecture 3: Inline Elements Explained

Chapter 14: HTML – Understanding <div> and <span>