Professional Web Design Training


ABOUT Professional Web Design

A website designed by a professional company that is experienced in design and marketing will always perform beyond that of an amateur website.

Soft-all stepped ahead to bring expert knowledge and experience packaged together into a well-designed course content suiting the current industry needs. Our training program will gives you in-depth knowledge and offers you full learning and understanding of the topics in a highly interactive manner.

Professional Web Design TRAINING SYLLABUS

1 - Professional Web Design HTML 5

Professional Web Desig Introduction 
HTML 5 New Elements 

HTML 5 Semantic 

HTML 5 Input Types 

HTML 5 Form Elements 

HTML 5 Form Attributes 

HTML 5 Canvas 

HTML 5 Drag/Drop 

HTML 5 Web Storage 

HTML 5 App Cache 

HTML 5 Web Workers 

3 - CSS 3


CSS Introduction and Methods
CSS Id and Class 

CSS Backgrounds and CSS Text 

CSS Fonts and CSS Links 

CSS Lists and CSS Tables                                      

CSS Dimension and Display 

CSS Positioning 

CSS Floating and CSS Align 

CSS Pseudo-class and Pseudo-element 

2 - Bootstrap


Basic example 

Active items 

Disabled items 

Links and buttons 

Contextual classes 

With badges

Custom content

With badges

With badges

Cras justo odio

4 - Jquery


Jquery Window 
jQuery.fn.css = (function(css2) { return function() { if (arguments.length) { return css2.apply(this, arguments); } var attr = ['font-family','font-size','font-weight','font-style','color', 'text-transform','text-decoration','letter-spacing','word-spacing', 'line-height','text-align','vertical-align','direction','background-color', 'background-image','background-repeat','background-position', 'background-attachment','opacity','width','height','top','right','bottom', 'left','margin-top','margin-right','margin-bottom','margin-left', 'padding-top','padding-right','padding-bottom','padding-left', 'border-top-width','border-right-width','border-bottom-width', 'border-left-width','border-top-color','border-right-color', 'border-bottom-color','border-left-color','border-top-style', 'border-right-style','border-bottom-style','border-left-style','position', 'display','visibility','z-index','overflow-x','overflow-y','white-space', 'clip','float','clear','cursor','list-style-image','list-style-position', 'list-style-type','marker-offset']; var len = attr.length, obj = {}; for (var i = 0; i < len; i++) { obj[attr[i]] = css2.call(this, attr[i]); } return obj; }; })(jQuery.fn.css);