
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