HTML5 & CSS3

Training Mode Regular Fastrack Crash
Classroom | Online 45 Days

(M,W,F or T,T,S Class)

(3 Class in a week)

25 Days

(Monday to Friday Class)

(5 Class in a week)

15 Days

(Monday to Friday Class)

(5 Class in a week 1:30 hour duration)

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

Contact Us

Course Feedback

View More Testimonials

Student Projects

View More Projects

KEY FEATURES OF COURSES

Enjoy a free demo session in both classroom and online with live instructor with us before join any course. This helps you to understand our instructor and the atmosphere of our institute. To attend a demo session just give us call or fill enquiry from or email us on: [email protected].
We at Next-G Classes enables you to pay your course fees in Installments through a simple and Hassle free process. You can discuss your installments at the time of registration and pursue your dreams. Our installments process is totally interest free, we don’t charge any extra charge for same.
We always believe on quality training that’s why we have put limited batch size. Because we often feel that some students prefer small batch size. Our limited batch size provides personal attention, better results, enhance learning, focus on learning and many more also.
Our Instructors are highly professional. All our instructors are passionate about delivering student achievement and learning outcomes. Next-G classes is one of few institutes in all across country that’s aim is to provide high quality learning experience.
One year free class retake facility provides an opportunity to retake class at No Cost as per your convenience. Because at our institute our aim is to enhance the concepts of every student’s, after provide in-depth knowledge of every software’s, languages etc.
One year free class retake facility provides an opportunity to retake class at No Cost as per your convenience. Because at our institute our aim is to enhance the concepts of every student’s, after provide in-depth knowledge of every software’s, languages etc.

Master IT Courses

Other Courses


Trusted by our Students

More than 1000 students we have trained in last 8 years placed successfully in various Industry.


    WDI Student review

Request For Demo