Become a Web Designer HTML CSS for Beginners

Become a Web Designer – HTML & CSS for Beginners, available at $74.99, has an average rating of 4.7, with 325 lectures, 3 quizzes, based on 464 reviews, and has 34434 subscribers.

You will learn about Fine grained steps and instructions to learn HTML and CSS Learn to implement a web page Heading, Paragraphs, Links, Images, List and Tables Learn to implement a web page with Forms to capture data from user Learn to implement colors, fonts, borders and spacing Learn to implement screen layouts using Float, Flex and Grid Learn to apply styles and formatting for tables Learn to apply styles for form fields Learn to create layout using position property Learn to include icons Learn the basics of Responsive Web Design Host your pages as website using GitHub pages This course is ideal for individuals who are Graduates or Developers looking to enhance their skills It is particularly useful for Graduates or Developers looking to enhance their skills.

Enroll now: Become a Web Designer – HTML & CSS for Beginners

Summary

Title: Become a Web Designer – HTML & CSS for Beginners

Price: $74.99

Average Rating: 4.7

Number of Lectures: 325

Number of Quizzes: 3

Number of Published Lectures: 325

Number of Published Quizzes: 3

Number of Curriculum Items: 328

Number of Published Curriculum Objects: 328

Original Price: $19.99

Quality Status: approved

Status: Live

What You Will Learn

Fine grained steps and instructions to learn HTML and CSS

Learn to implement a web page Heading, Paragraphs, Links, Images, List and Tables

Learn to implement a web page with Forms to capture data from user

Learn to implement colors, fonts, borders and spacing

Learn to implement screen layouts using Float, Flex and Grid

Learn to apply styles and formatting for tables

Learn to apply styles for form fields

Learn to create layout using position property

Learn to include icons

Learn the basics of Responsive Web Design

Host your pages as website using GitHub pages

Who Should Attend

Graduates

Developers looking to enhance their skills

Target Audiences

Graduates

Developers looking to enhance their skills

New to programming?

Don’t like programming, but you want to get started?

You are in the right place. HTML is easier to learn than programming languages like Python, Java, C#.

This course contains fine grained steps for anybody to get started.

HTML

Heading

Paragraph

Links

Images

Lists

Tables

Forms

Form Validation

Create web pages that capture data from users using forms

Understand the purpose of semantic tags

CSS

Applying styles using Inline, Internal and External

Understand Element Selector, Id Selector and Class Selector

Understanding and Applying Fonts

Font Classification – Serif, Sans Serif, Monospace

Font File Types – TTF, OTF, WOFF, WOFF2

Understanding fonts installed in your desktop

Finding fonts from internet

Apply font using @font-face

Apply font using @import

Font Size – Absolute Size Keywords, Relative Size Keywords, Length, Percentage

Font Weight

Understanding and applying colors

Red, Green and Blue

Apply color using RGB

Apply color using Hexadecimal values

Other color applying options – RGBA, HSL, HSLA, currentcolor

Color Picker

Create Borders with various styles and apply border radius

Apply Spacing using Width, Padding and Margin

Position elements using float and clear

Understanding the Box Model

Understanding Border Box Box Model

Design page layout using Float and Clear

Display property

Apply display property as none, inline, block, inline-block

Design page layout using flex

Design page layout using grid and understand about fractional unit

Apply styles to Form Elements

Style Labels

Style Input Text

Style Password

Style Drop Down

Style Text Area

Align Radio Buttons and Checkboxes

Apply border to Input Text

Style Buttons with hover effect

Position Elements

Relative

Absolute

Fixed

Sticky

Layout Design using Position

Styling List and Table

Using Third Party Library Icons using CSS

Apply Responsive Web Design using CSS

Launch the screens developed during this course into GitHub Pages

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>

Instructors

Chandrasekaran Janardhanan
Facilitator at SIMPL Academy

Rating Distribution

1 stars: 5 votes

2 stars: 10 votes

3 stars: 49 votes

4 stars: 140 votes

5 stars: 260 votes

Frequently Asked Questions

How long do I have access to the course materials?

You can view and review the lecture materials indefinitely, like an on-demand channel.

Can I take my courses with me wherever I go?

Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don’t have an internet connection, some instructors also let their students download course lectures. That’s up to the instructor though, so make sure you get on their good side!