HTML5 & CSS3 Course

This course is mainly designed for them who are looking to start their career as a Web Designer. After completing this course, you can easily design creative website pages for your own requirement, company or for any business.

This course covers a brief explanation of HTML5 and CSS3 Web Development tools and techniques. In this course, our students learn how to develop rich featured web pages and customization of web pages with other special effect tools like animation, video fusion etc. They also learn to build web pages by fascinating advance techniques to grab their visitor’s attention.

This course includes fundamental and advanced modules that are mainly required by a person to become an expert in Web designing and Web Development Industry. Each Module will cover subsequent topics, such as HTML & CSS fundamental for beginners, Code validation and debugging execution process and techniques, Web design concept, Web pages fusion through various elements etc.

Once the course is successfully completed, students will receive a course completion certificate from us. We are one of the best Web Design Institute in Delhi. Our students get support from their trainers throughout the tenure of the course and also get guidance in completion of the assignment and projects.

Tenure of the programs is 45 days and the whole course structure is divided into different modules. Each module consists of assignments, test and practical exercise. Through practical assignments and exercise, they get depth knowledge of every stage. We conduct our classes in both regular classroom and online mode, so the choice totally depends on our student’s convenience. We have lots of students living outside Delhi but pursuing their HTML&CSS course online.

Along with the practical assignments and task, our students work on hand on the project, through which they gain industry-based work experience and idea.

INTRODUCTION TO HTML

• What is static/Dynamic Website
• What is SEO Friendly Website
• What is Responsive Website
• What is HTML
• HTML4 VS HTML5
• EDITORS IN HTML

WORKING WITH BASIC TAGS

• DOCTYPE In HTML
• Tag and Attributes
• Title and Meta tag
• Headings and Paragraph
• Formatting Tags
• EDITORS In HTML

ANCHORS AND HYPERLINKS

• Internal link
• External link
• Text link
• Image link
• Email link
• Phone link
• target attribute

WORKING WITH LISTS

• Ordred List
• Unordred List
• Definition List
• Nested List
• List Attributes

WORKING WITH GOOGLE MAP & YOUTUBE

• Google Map Insertion in Webpage
• Youtube Video Insertion in Webpage

WORKING WITH TABLES

• Creating Tables on a Web Page
• Altering Tables and Spanning Rows & Columns
• Placing Images & Graphics into Tables
• Aligning Text & Graphics in Tables
• Adding a Background Color

WORKING WITH HTML FORM

• HTML Input tags
• HTML Input Attributes
• Setting up form
• Form attributes
• Submit and Reset Button

HTML5 SEMANTIC TAGS

• header and footer tag
• section tag
• figure and figcaption
• nav and aside tag

HTML5 AUDIO & VIDEO

• Audio Tag
• Video Tag

HTML5 API'S

• Drag & Drop
• Local Storage
• Geolocation

COURSE CONTENTS OF CSS

INTRODUCTION TO CSS

• What is CSS?
• How CSS Works?
• Types of CSS,Internal,Inline,External
• CSS Selectors
• Comments In CSS
• How to Link External CSS

WORKING WITH BASIC CSS PROPERTIES

• Selectors : Class or Elements
• Colors
• Height / Width
• Border
• Margin and Padding
• CSS Box Model

WORKING WITH WEB LAYOUTS

• Aligning Div
• Two Div Align
• Three Div Align
• Four Div Align
• Use of floats
• Clearing float
• Inline or Block Element

WORKING WITH BACKGROUND,GRADIENT OR IMAGE SPRITE

• Background Color
• Background Image
• Background Position
• Background Attachment
• Gradient Colors
• Image Sprite

WORKING WITH TEXT PROPERTIES

• Text Alignments
• Line height(Leading)
• Letter Spacing(Kerning)
• Font Family
• Font Size with Font Weight
• Tips For Improving Text Readability

WORKING WITH ICONS & FONTS

• Use of Font Awesome
• Use of Flat Icons
• Use of Google Fonts

WORKING WITH MENUS AND POSITIONS

• Static Position
• Fixed Position
• Absolute Position
• Relative Position
• Creating Menu
• Menu With Multi Dropdown

WORKING WITH BORDER AND SHADOW

• Border
• Border Image
• Rounded Corner
• Box Shadow
• Text Shadow

WORKING WITH OUTLINE AND UI

• Outline
• Outline Offset
• Resize

WORKING WITH IMAGE STRETCHING PROBLEM

• Object Fit : Fill
• Object Fit : Contain
• Object Fit : Cover

WORKING WITH HTML FORM & CSS

• labels with inputs
• Form-based selectors
• Changing properties of form elements
• Formatting text in forms
• Formatting inputs
• Formatting form areas
• Changing the appearance of buttons
• Laying out forms

WORKING WITH 2D & 3D TRANSFORMS

• translate
• rotate
• skew
• scale

WORKING WITH HOVER,TRANSITIONS & ANIMATIONS

• Hover Effects
• Transitions
• Animations
• Creating Web Ads Using Animation