Skip to content
UdemyCSSPaid courseAll LevelsCertificate

Become a Web Designer - HTML & CSS for Beginners (Udemy.com)

Contains step by step instructions. Learn HTML, CSS with Flex, Grid, Icons & Responsive Web Design

Created by: Chandrasekaran Janardhanan

Last updated July 2022

icon
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

How it compares

Against the other 110 rated Udemy courses in CSS on CourseDuck:

  • Rating4.5 out of 5higher than 56% of them
  • Reviews474#59 of 111 by number of reviews
  • Length8.2 hourslonger than 62% of them
  • Last updatedJuly 2022more recently than 50% of them

icon
Course Description

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

icon
Udemy Discount

The discount is applied through our link. Open the course from here and Udemy's current promotional price is applied at checkout on most courses, no code to type.

Some courses are excluded from Udemy's promotions. If the price does not drop, clear your browser cookies and use the button again.

icon
Instructor Details

Chandrasekaran Janardhanan

Chandrasekaran has around 25+ years of work experience in IT Services industry. Played various roles as application developer, application designer, architect, test manager, account manager and service manager. Designed and implemented Full Stack Java Learning Solutions for a large MNC.

Chandrasekaran can facilitate in HTML, CSS, JavaScript, Bootstrap, Core Java, J2EE, Spring Boot, REST API, Hibernate, MySQL and Oracle.

Chandrasekaran holds a Masters in Computer Application.

icon
More CSS courses

$174.99

$149.99

$129.99

$99.99

$10.99

$13.99

icon
Reviews

4.5

474 ratings on Udemy

Select a bar to show only those reviews.Select the bar again to show every rating.

By Arpit Singaria on 6/16/2023

it was a good course, and i learned many things about web development from this course and i like the way how the instructor taught. IT was truly a good course.Thanks.

By Putra Fajar Febrianto on 2/28/2022

This course above my expectation, gift me many insight as beginner despite I have join online course HTML, CSS before. Thanks

By Beatriz Lisboa Sanchez on 1/5/2022

Very good course. Very detailed. Some of it is too detailed, but it's better that way, I can skip the things I already know

By Oriana Cassiel on 10/2/2021

me agradó mucho el curso, porque además de enseñar desde cero, si eres un principiante. El señor explica de manera directa y precisa

By Santosh Jha on 8/20/2021

Very good course to start. Also some tricky concepts and information are there which professionals even need to know.

By Aman Tripathi on 8/9/2021

It could be much better by giving little more satisfying example. I think this course Can't fit for all beginners.

By Ayesha.m on 7/19/2021

honestly to tell this is the best decision i have ever made first i was scared weather is it usefull or not but as much as i learned from it. it boosted me with great knowledge

By Assani Agiffah Latief on 7/17/2021

Untuk pemula, ini bagus sekali. step by step sehingga kita bisa tahu apa yang harus dikerjakan dari awal hingga akhir dengan jelas.

By Lucas FRENOT on 7/17/2021

Hello, I am impressed with the course, I did not expect such an organization. I'm very happy, I thank the instructor very much, you can ask him questions without worries in the dedicated space. In short, perfect, precise, understanding, organized. Wishing you a pleasant day,

By Tephillah on 3/9/2021

I was searching for online web designing courses & after doing many researches with demo content, I found this course's contents too good & for affordable price. I joined this UI & UX development course a month ago & ;found his teaching with relative examples which are simply fabulous. The Resources & exercises furnished in the videos are crisp, clear & effortless to understand. His scenario oriented guide & problem solving method are highly appropriate. I strongly recommend this online course for those who wanted to improve their skill sets in a short span for a better job. Thank you sir for your valuable teaching and advice for my 8career opportunities.

Showing all 10 reviews on CourseDuck

Read all 474 reviews on Udemy

icon
Quality Score

No CourseDuck member has rated this course yet. Taken it? Give each part a thumbs up or down.

Content Quality
/
Video Quality
/
Qualified Instructor
/
Course Pace
/
Course Depth & Coverage
/

Overall Score : 90 / 100