Become a Web Designer – HTML & CSS for Beginners

Deal Score+8
Deal Score+8

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


Author : Chandrasekaran Janardhanan

Ratings : 4.6 / 5.0

Students : 14,529 students

https://www.udemy.com/startcss/?couponCode=27697CEC85708386CDA9

Category : Development, Web Development, CSS

Logo