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
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
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
Instructor Details
- 4.5 Rating
474 Reviews
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.
More CSS courses
Build Responsive Real-World Websites with HTML and CSS (2024)
4.8 (119,018 Reviews)
Provider: Udemy
Time: 37.5h
$174.99
Advanced CSS and Sass: Flexbox, Grid, Animations and More! (2024)
4.8 (46,326 Reviews)
Provider: Udemy
Time: 28.1h
$149.99
Modern HTML & CSS From The Beginning 2.0 (2025)
4.8 (28,669 Reviews)
Provider: Udemy
Time: 24.3h
$129.99
How to Create A Website: An HTML Tutorial and CSS Tutorial (2025)
4.7 (2,057 Reviews)
Provider: Udemy
Time: 31.9h
$10.99
Ultimate CSS Grid Course: From Beginner to Advanced (2021)
4.7 (1,039 Reviews)
Provider: Udemy
Time: 2.7h
$13.99
Reviews
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.
Quality Score
No CourseDuck member has rated this course yet. Taken it? Give each part a thumbs up or down.
Overall Score : 90 / 100






