4.47 out of 5
4.47
392 reviews on Udemy

Become a Web Designer – HTML & CSS for Beginners

Contains step by step instructions. Learn HTML, CSS with Flex, Grid, Icons & Responsive Web Design
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

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

You can view and review the lecture materials indefinitely, like an on-demand channel.
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!
4.5
4.5 out of 5
392 Ratings

Detailed Rating

Stars 5
226
Stars 4
115
Stars 3
38
Stars 2
8
Stars 1
5
780d5c604a6cac3f7a5537f69bc922ad
30-Day Money-Back Guarantee

Includes

8 hours on-demand video
10 articles
Full lifetime access
Access on mobile and TV
Certificate of Completion

Archive

Working hours

Monday 9:30 am - 6.00 pm
Tuesday 9:30 am - 6.00 pm
Wednesday 9:30 am - 6.00 pm
Thursday 9:30 am - 6.00 pm
Friday 9:30 am - 5.00 pm
Saturday Closed
Sunday Closed