Become a Web Designer – HTML & CSS for Beginners [FREE]

Free Certification Course Title: Become a Web Designer – HTML & CSS for Beginners

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

What you’ll 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

Join our Telegram group(Free Certification Courses): Click Here

Join our Telegram group(English Books and Novels): Click Here

Join our Telegram group(Programming and Coding Books): Click Here

Requirements:

No prior development experience required
Desktop PC or Laptop with minimum 4GB of RAM and 500MB hard disk space
On screen instructions provided for Apple Mac users
Brackets Editor – Installation instructions are provided in the course

Who this course is for:

Graduates
Developers looking to enhance their skills

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