Become a Web Designer - HTML & CSS for Beginners

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

Ratings: 4.45 / 5.00




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

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