Web Designing

Web Designing

In responsive website design course, Modern@ trainers demonstrate you all about how to prepare website with concepts of CSS and HTML to maintain website flexibility, and with other advanced technologies in order to make website attractive and easy to manage.
Today, maximum website surfers use their portable devices to surf. According to these market trends a website developer should have skills of developing flexible layouts, to work efficiently in any resolution size of browsing devices.
We know it is quite hard to find a good training institute where you can meet these requirements of technology as a web designer. So here is our company for you not just an institute, offering you responsive web designing courses undertaken by our knowledgeable website developers

INTRODUCTION

Coding

  HTML
  Html5
  CSS
  CSS3
  JavaScript
  jQuery
  Bootstrap 
  Difference Between Bootstrap 3.37 and Bootstrap 4.1 Latest Version

Module 1:
Introduction to HTML & HTML5
Basics  of HTML 
  What is HTML?
  HTML Tags
  Web  Browsers
  HTML Page Structure
  Write HTML Using Editors
  HTML5 New Tags

2 ) HTML Elements & Tags
3) HTML Attributes
4) Images
4.1 Image Syntax
4.2 Alt  
4.3 Image Title
4.4 Images as a LINK
4.5 Images in another Folder
5) List Tag
5.1 List Tag
5.2 Ordered List
5.3 Unordered List
5.4 Data Description List
6) Table Tag
6.1 Table Tag
6.2 Cell Span with Column
6.3 Cell Span With row
6.4 Cell Padding 
6.5 Cell Spacing
6.6 Adding Cell Spacing
7) Links
7.1 Links Syntax
7.2 Internal Links
7.3 External Links
8) Audio and Video
8.1 Autoplay
8.2 Audio and Video Syntax
8.3 Playing Videos in HTML
9) Forms
9.1 Form Element
9.2 Form Action
9.3 Form Get & Post Method
9.4 Text Button
9.5 Radio Button Input
9.6 Submit Button
9.7 Select Element
9.8 Textarea
9.9 HTML Input Attributes

Module:2 
Introduction to CSS & CSS3
Part 1 : Basic CSS

1) What is  CSS and CSS3 ?
2) Why use CSS ?
3) Types  of CSS

  Inline CSS
  Internal CSS
  External CSS

  Syntax of CSS
  CSS Selectors
  Color and Background Properties

6.1 Color
6.2 Backgroundattachment
6.3 background-color
6.4 background-image
6.5 background-repeat
6.6 background-position
7)Text Properties
7.1 letter-spacing
7.2 line-height
7.3 text-align
7.4 text-decoration
7.5 text-indent
7.6 text-transform
7.7 vertical-align
7.8 word-spacing

8)Font Properties
8.1 font-family
8.2 font-size
8.3 font-style
8.4 font-size
8.5 font-variant
8.6 font-weight
9) Border Properties
9.1 border-color
9.2 border-style
9.3 border-width
9.4 border-top-width
9.5 border-left-width
9.6 border-right-width
9.7 border-bottom-width

10) BOX Model
10.1 Margin – Top, Right, Bottom, Left
10.2 Padding-Top, Right, Bottom, Left
10.3 Height
10.4 Width

11) Position Properties
11.1 Position Fixed
11.2 Position Absolute
11.3 Position Relative
11.4. Position Static

12) Classification Properties
12.1 Z-index
12.2 Display
12.3 Visibility
12.4 white-space

Module:3
Bootstrap
1) Bootstrap Version 3.3.7
1.1 What is Bootstrap?
1.2 Why use Bootstrap?
1.3 Bootstrap CDN?
2)  Bootstrap Grid System
2.1 Extra Small
2.2 Small
2.3 Medium
2.4 Large
3)  Bootstrap Typography
4) Bootstrap Tables
4.1 Table 
4.2 Table-stripped
4.3 Table-bordered
4.4 Table-hover
5) Bootstrap Images
5.1 img-rounded 
5.2  img-circle
5.3 img-thumbnail
5) Bootstrap Jumbotron
6) Bootstrap Container & Container-fluid
7) Bootstrap Alert
8) Bootstrap Buttons
9) Bootstrap Pager & Pagination
10) Bootstrap Badges
11) Bootstrap Progress bar
12) Bootstrap Form
13) Bootstrap Navbar
14) Bootstrap Carousel
15) Bootstrap Modals

Module:4 
JQuery

1) Introduction to jQuery

1.1 Adding jQuery to your Web pages?
1.2 Downloading jQuery?
1.3 jQuery CDN? 1.4 jQuery Syntax?

2) jQuery Effects
2.1 Hide and Show?
2.2 Fade
2.3 Slide
2.4 Animate
3) jQuery HTML
3.1 jQuery Set 
3.2 jQuery Get
3.3 jQuery Add
3.4 jQuery Remove

Module 5
JavaScript

  Introduction to JavaScript
  Conditional Constructs to JavaScript
  Looping statement in JavaScript
  Working with Predefined functions
  Maintaining Validations in JavaScript