Web Designing Training Institute|web designing courses|web design classes in Pune

WEB DESIGNING TRAINING IN PUNE

“Web Designing is the combination of content design and graphic design” Websites are created using HTML Most websites are developed by the combination of HTML and CSS defines how each page is going to show in a web browser."

In this course you learn how to design and build websites by learning first few of the basic principles of web page designing, you are also going to learn HTML and CSS these are common coding languages on which all the modern websites are built on. By the end of this course, you’ll have all the skills required to design and build your own websites or even start a career as these skills are needed by nearly every single business in the world to communicate to their customers.

COURSE STRUCTURE

Our course is 100% practical one faculty for one student. This Web design course is for anyone who wants to take up web page & site development as a career in Web Design Industry. The course covers all the aspects which are necessary to learn Web Design. We have four branches in Pune and one each in Nagpur and Mumbai. All the branches are well equipped with Latest LED computer and high-speed Internet. We have experienced faculties for teaching who work dedicatedly in enhancing and up skilling your knowledge. Our timings are so flexible that you can come at your preferred timings.

Enquiry Form

Eligibility :	Graduation,Basic knowledge of Computer.
Timings:	Flexible.
Course Duration:	Depend on Module
Training Methodology:	100% Practical one student one Trainer
On Completion:	You will be able to make Static Websites Easily
Syllabus Web Designing Duration:3 Month HTML Introduction What is Website What is Webpages Type of website Domain Web Hosting Namespace and DOCTYPE What is HTML HTML Syntax HTML Elements Head Title Favicon Metatag Body Paragraph p...../p Align HTML-Anchor a..../a href Target Title Named Anchor Image With Link Link Colors HTML-List Unordered List Ordered List Definition List HTML-pre HTML-Quotes HTML-blockquote HTML-abbr HTML-Address HTML-Comments Text Heading Tags h1...../h1 h2....../h2 h3....../h3 h4....../h4 h5....../h5 h6....../h6 Text Formatting b...../b i....../i strong....../strong em....../em strikethrough....../strikethrough del....../del small...../small big....../big code....../code sub....../sub sup....../sup Empty Tag Hr br HTML-Table table..../table tr..../tr td..../td th..../th Width & Height V-align Caption Cellpadding Cellspacing Colspan Rowspan Bgcolor Background Frame Background Bgcolor Background-image HTML Entities copy nbsp beta gamma dollar & Many more... HTML-Image img..../img Src Width & Height Border Align Alt Title Hspace Vspace HTML-Marquee marquee..../marquee Direction Loop Scrollamount Bgcolor Width & Height Behavior Image with marquee Vspace Hspace Nested Marquee Frame frameset..../frameset frame..../frame src Frameborder Noresize Cols Rows _parent iFrame iframe..../iframe src Frameborder Width & Height HTML-Form form..../form Action Method Enctype Input type Text Password Type of Button Type of Method Selection Technique Textarea Legend & Field set Hidden Form Control HTML-Block & Inline Element div span CSS Introduction What is CSS Type of CSS CSS Syntax CSS Rules Color value CSS measurements CSS Selector ID Class Single Elements Multiple Elements All Elements Specific Element by ID Specific Element by Class Child Selector Descendant Selector Adjacent sibling selectors General sibling selectors Background Property Background-color Background-image Background-repeat Background-position Background attachment Font Property Font-family Font-style Font-variant Font-weight Font-size Color Direction Letter-spacing Word Spacing Text-Indent Text-align Vertical-align Text-decoration Text-transform White-space Line-height Box Model Border Margins Padding Outline Table Property Border-collapse Caption-side Border-spacing Empty-cells Width and height Text-align Vertical-align Background-color List Property list-style-type list-style-position list-style-image Floating Element Left Right None Links CSS and Pseudo-class :link :visited; :hover :active Clear Property Cursors CSS-Display Blcok Inline Inline-block None Position Static Fixed Relative Absolute CSS-Layer z-index ImageOpacity CSS Overflow Visible Hidden Scroll JAVASCRIPT Introduction What is javascript Advantages of javascript Why learn javascript Uses of Javascript What is validation Client-side validation Server-side validation Type of Javascript Javascript Syntax Output Function Document.write Window.alert Variable Operator Artithmetic Operators Assignment Operators Comparison Operators Logical/Boolean Operators String Operators Conditioinal Statement If If...else If...else if...else Switch Looping Statement Do..while While For Nested for Function What is function Function without parameter Function with parameter Return Statement Local variable Global variable Array What is Array Syntax of Array Length Concat() Push & pop Shift & Unshift Dialog Boxes Alert Confirmation Prompt Event Onclick Ondblclick Onfocus Onblur Onchange Onselect Onmouseover Onmouseout Onsubmit Onreset Onload Page Print Window.print Page Redirection Window.location Object String Object Date Object Math Object Window Object Navigator Object Image Object DOM What is DOM Methods of document object getElementById() getElementsByName() getElementsByTagName() getElementsByClassName() Form Validation PHOTOSHOP Introduction About Photoshop Pixels and Vector Images User interface Creating new workspace Opening existing workspace Closing workspace Exploring Toolbox Working with Selection Moving a selected area Using Rectangular marquee tool, Elliptical marquee tool Selecting with the lasso tools Using the quick selection tool Using the magic wand tool Resizing & cropping Images: Understanding Pixels & Resolution Adjusting Images size Cropping an Image Adjusting Canvas Size and Canvas Rotation Working with Rulers, Guides Panting In Photoshop Using the Brush tool Working with color and Swatches Using Gradients Working with Brushes Using the Pencil & Eraser tools Vector Image Creation in Photoshop Using the Pen tool Pen tool modifier Keys Path Selection Modifying paths Creating Vector Shapes Creating Custom Shapes Working with Text Text Layers Creating & Modifying Text Styling texts Character & Paragraph Adjustment Creating path outlines from text Wrapping text Photo Retouching Spot healing brush tool Patch and Healing brush tool The Red eye tool Color Replacement tool The Clone stamp & Pattern stamp tools The history brush tool & art history brush tool Using Blur, Sharpen, Smudge tool Using Dodge, Burn, Sponge tool Working with Layers Understanding the Background Layer Creating, Selecting, Deleting Layers Locking & Merging Layers Copying layers, Duplicate Layers & Layers style Filling & Grouping Layers Blending Modes, Opacity & Fill >Working Adjustment Layers Levels, Auto Levels, Auto Contrast Change the brightness or contrast of Image etc... Creating Special Effect Working with Photoshop Filter Smart Filter Creating Text effect Creating Effect on Image Importing & Exporting Images Saving with Different File Format Saving for Web & Devices Printing option Assignment COREL DRAW Introduction About Corel Draw The User Interface Creating a New Document Opening a Existing Document Working With Templates Layout Import Export Corel Draw Layout Insert Page Delete Page Rename Page Page Setup Page Background Working with Curves Free Hand Tool Bezier Tool Pen Tool Polyline Tool Artistic Media Tool 3-Point Curve Tool Shape Tool Tools pick tool Smudge Brush Roughen Brush Free Transform Tool Using the magic wand tool crop tool Hand Tool text tool freehand tool rectangular tool Interactive tool Eyedropper tool outline tool Fill tool Interactive Fill tool Selecting fill and outline color Working with Shape & Object Drawing Rectangle Drawing Circle Drawing Polygon Creating Star Working with Basic shape, Arrows, Flowchart Shape, Banner Shape Working with Text & Line Formatting Text Formatting Paragraph Changing Shape of the Text Working With Lines Interactive Tool Blending tool Contouring the Object Distorting Objects Envelope tool Extruding of the Object Drop Shadow Applying Transparency Effect Working with Bitmaps Converting Objects to Bitmap 3D Effect Art Effect Blur Effect Color Transformation Effect Contour Effect Creative Effect Distort Effect Noise Effect Arranging Object Transforming Object Align & Distribute Object Ordering Object Locking & Unlocking Object Shaping Object Assignment ILLUSTRATOR Introduction Introduction to Adobe Illustrator Illustrator UI Creating new workspace Saving & Closing workspace Customize the Workspace Selecting Objectt Selection Tool, Direct Selection Tool Group Selection Tool Magic Wand Tool, Lasso Tool Creating and Editing Shapes Working with basic shapes Creating Ellipse And Polygon Changing Stroke width and alignment Editing shapes Using Live Trace Transforming Object Working with art board Scaling , Reflecting, Rotating and Shearing Object Working with Rulers and Guides Working with path Finder And Shapes Mode Drawing and Painting Using Pen Tool, Pencil And Brush Tool Drawing Curves, Editing Path Using Color Mode, Live Paint & Gradients Working with Brushes Using Calligraphic Brushes Editing a brush Using Symbol Tool Working with Layers Creating Layers Moving objects and layers Creating clipping masks Merging Layers Working with Text Changing font size And colort Using Style Wrapping Text Text on a Path Creating Outlines Wrapping text around an Object Pathfinder & Shape Mode Add, Subtract, Intersect, Exclude, Divide, Trim, Merge, Crop, Outline & Minus Back Graphics style and Effects Using And Editing Effects Creating And Saving Graphics Style Applying Photoshop Effects Applying Illustrator Effect Working with Graph Tool Column Graph Stacked Column Graph Bar Graph Stacked Bar Graph Line Graph Scatter Graph Area Graph Pie Graph Radar Graph Assignment DREAMWEAVER Customizing Your Workspace Touring the workspace Switching and splitting views Working with panels Selecting a workspace layout Adjusting toolbars Using the Property inspector Getting a Quick Start Defining a Dreamweaver site Using the Welcome screen Selecting a CSS layout Saving a page Modifying the page title Changing headings Inserting text Inserting images Selecting and modifying CSS styles Adjusting text fonts, colors, and sizes Using the Property inspector Previewing a page in Live view Previewing pages in a browser Creating a Page Layout Web design basics Working with thumbnails and wireframes Previewing your completed file Modifying an existing CSS layout Adding a background image to the header Inserting new Modifying the page width and background color Modifying existing content and formatting Inserting an image placeholder nserting placeholder text Modifying the footer Checking browser compatibility Working with Text, Lists, and Tables Previewing a completed file Importing text Creating headings Creating lists Creating text indents Creating and styling tables Spell checking web pages Finding and replacing text Working with Navigation Hyperlink basics Previewing your completed file Creating internal hyperlinks Creating an image-based link Creating an external link Setting up e-mail links Targeting page elements Inserting Spry menu bars Inserting Spry menus as Library items Checking your page Working with Forms Previewing a completed file Learning about forms Adding a form to a page Inserting text form elementst Inserting checkboxes Creating radio buttons Working with lists Adding a submit button Specifying a form action Emailing form data Styling forms Arranging Object Transforming Object Align & Distribute Object Ordering Object Locking & Unlocking Object Shaping Object PSD to HTML Conversion Project GUI Designing Duration:2 Month HTML Introduction What is Website What is Webpages Type of website Domain Web Hosting Namespace and DOCTYPE What is HTML HTML Syntax HTML Elements Head Title Favicon Metatag Body Paragraph p...../p Align HTML-Anchor a..../a href Target Title Named Anchor Image With Link Link Colors HTML-List Unordered List Ordered List Definition List HTML-pre HTML-Quotes HTML-blockquote HTML-abbr HTML-Address HTML-Comments Text Heading Tags h1...../h1 h2....../h2 h3....../h3 h4....../h4 h5....../h5 h6....../h6 Text Formatting b...../b i....../i strong....../strong em....../em strikethrough....../strikethrough del....../del small...../small big....../big code....../code sub....../sub sup....../sup Empty Tag Hr br HTML-Table table..../table tr..../tr td..../td th..../th Width & Height V-align Caption Cellpadding Cellspacing Colspan Rowspan Bgcolor Background Frame Background Bgcolor Background-image HTML Entities copy nbsp beta gamma dollar & Many more... HTML-Image img..../img Src Width & Height Border Align Alt Title Hspace Vspace HTML-Marquee marquee..../marquee Direction Loop Scrollamount Bgcolor Width & Height Behavior Image with marquee Vspace Hspace Nested Marquee Frame frameset..../frameset frame..../frame src Frameborder Noresize Cols Rows _parent iFrame iframe..../iframe src Frameborder Width & Height HTML-Form form..../form Action Method Enctype Input type Text Password Type of Button Type of Method Selection Technique Textarea Legend & Field set Hidden Form Control HTML-Block & Inline Element div span CSS Introduction What is CSS Type of CSS CSS Syntax CSS Rules Color value CSS measurements CSS Selector ID Class Single Elements Multiple Elements All Elements Specific Element by ID Specific Element by Class Child Selector Descendant Selector Adjacent sibling selectors General sibling selectors Background Property Background-color Background-image Background-repeat Background-position Background attachment Font Property Font-family Font-style Font-variant Font-weight Font-size Color Direction Letter-spacing Word Spacing Text-Indent Text-align Vertical-align Text-decoration Text-transform White-space Line-height Box Model Border Margins Padding Outline Table Property Border-collapse Caption-side Border-spacing Empty-cells Width and height Text-align Vertical-align Background-color List Property list-style-type list-style-position list-style-image Floating Element >Left Right None Links CSS and Pseudo-class :link :visited; :hover :active Clear Property Cursors CSS-Display Blcok Inline Inline-block None Position Static Fixed Relative Absolute CSS-Layer z-index ImageOpacity CSS Overflow Visible Hidden Scroll JAVASCRIPT Introduction What is javascript Advantages of javascript Why learn javascript Uses of Javascript What is validation Client-side validation Server-side validation Type of Javascript Javascript Syntax Output Function Document.write Window.alert Variable Operator Artithmetic Operators Assignment Operators Comparison Operators Logical/Boolean Operators String Operators Conditioinal Statement If If...else If...else if...else Switch Looping Statement Do..while While For Nested for Function What is function Function without parameter Function with parameter Return Statement Local variable Global variable Array What is Array Syntax of Array Length Concat() Push & pop Shift & Unshift Dialog Boxes Alert Confirmation Prompt Event Onclick Ondblclick Onfocus Onblur Onchange Onselect Onmouseover Onmouseout Onsubmit Onreset Onload Page Print Window.print Page Redirection Window.location Object String Object Date Object Math Object Window Object Navigator Object Image Object DOM What is DOM Methods of document object getElementById() getElementsByName() getElementsByTagName() getElementsByClassName() Form Validation HTML5 Introduction What is HTML5 Advantages of HTML5 why learn HTML5 Semantic Elements article.../article aside.../aside figcaption.../figcaption figure.../figure footer.../footer header.../header mark.../mark nav.../nav progress.../progress time.../time Form Elements Color Date Datetime Datetime-local Email Month Number Range Search Tel Url Time Week Form Attributes Autocomplete Autofocus Form Formation Formenctype Formmethod Formnovalidate Formtarget Height and width List Min and max Multiple Pattern(regexp) Placeholder Required Step Media Elements source audio video Canvas Line Circle Text Rectangle Paths Bezier Quadratic Images Create Gradients SVG Circle Rectangle Stroke Rounded Rectangle Rectangl Circle Stroke Ellipse LIne Polyline Clip Path Masks Drag and Drop Drag and Drop Ondragstart and setData() Ondragover Web Storage Local Storage Session Storage Geolocation App Cache CSS3 Introduction What is CSS3 Advantages of CSS3 Why learn CSS3 Borders Border-radius Border images Backgrounds Backgrounds Size Backgrounds orgin Font Text Text-overflows Word-wrap Word-break Tranitions Tranitions-delay Tranitions-duration Tranitions-property Tranitions-timing-function Text Effects Text-shadow Box-shadow Multiple Columns Columns-count Columns-gap Columns-rule-style Columns-rule-width Columns-rule-color Columns-rule Columns-span Columns-width Transforms 2D Transforms 3D Transforms User Interface Outline-offset Resize Resize-vertical Resize-Horizontal Resize-both JQUERY Introduction What is jQuery Downloading jQuery How to use jQuery Why use jQuery Syntax of jQuery Creating Simple jQuery enabled page document.ready event String Function charAt charCodeAt concat indexOf lastIndexOf substr toLowerCase toUpperCase Selector * Id Class Multiple Class Elements :first :last :even :odd attribute :empty :has :focus :header Form Selector :text :password :input :checkbox :selected :disabled :enabled :file :button :reset :submit Filtering First-child Last-child Eq Gt lt Not Manipulating Page Content Creating,getting, and setting content Addclass(),toggleClass Function with parameter Inserting content Wrapping ,replacing,and removing Text-val Working with Events Click() dblclick() Mouseenter() Mouseleave() Mousedown() Mouseup() Hover() Change() Submit() Scroll() Select() Keydown() Keyup() Keypress() Toggle() Bind() jQuery Animations and Effects Hiding and showing elements Fading elements in and out Sliding elements Creating custom animations Toggling the elements jQuery Animations and Effects Exploring the jQuery UI widgets Exploring the jQuery UI effects DOM Attributes Parent Parents Parents Until Find Siblings Next Next All Next Until Attr Manipulation Methods After Before Append() & Append To() Clone Prepend Replace All Replace With BOOTSTRAP Introduction Introduction to Bootstrap Bootstrap Grid System Creating Layouts with Bootstrap Bootstrap CSS-Understanding the CSS Responsive Web design withBootstrap Single Page Responsive site with Bootstrap Customizing Bootstrap3 Bootstrap Layout Components Bootstrap Plug-ins Transition Modal Dropdown ScrollSpy Tab Tooltip Popover Alert Button Collapse Bootstrap Layouts Components Glyphicons Dropdowns Button Groups Button Dropdowns Input Groups Navs Navbar Breadcrumbs Pagination Labels Badgets Page header Thumbnails Alert Progress bar Media object List group Panels Font Awesome Icons Web Application Icons Hand Icons Many more Diploma in Web Designing Duration:6 Month HTML Introduction What is Website What is Webpages Type of website Domain Web Hosting Namespace and DOCTYPE What is HTML HTML Syntax HTML Elements Head Title Favicon Metatag Body Paragraph p...../p Align HTML-Anchor a..../a href Target Title Named Anchor Image With Link Link Colors HTML-List Unordered List Ordered List Definition List HTML-pre HTML-Quotes HTML-blockquote HTML-abbr HTML-Address HTML-Comments Text Heading Tags h1...../h1 h2....../h2 h3....../h3 h4....../h4 h5....../h5 h6....../h6 Text Formatting b...../b i....../i strong....../strong em....../em strikethrough....../strikethrough del....../del small...../small big....../big code....../code sub....../sub sup....../sup Empty Tag Hr br HTML-Table table..../table tr..../tr td..../td th..../th Width & Height V-align Caption Cellpadding Cellspacing Colspan Rowspan Bgcolor Background Frame Background Bgcolor Background-image HTML Entities copy nbsp beta gamma dollar & Many more... HTML-Image img..../img Src Width & Height Border Align Alt Title Hspace Vspace HTML-Marquee marquee..../marquee Direction Loop Scrollamount Bgcolor Width & Height Behavior Image with marquee Vspace Hspace Nested Marquee Frame frameset..../frameset frame..../frame src Frameborder Noresize Cols Rows _parent iFrame iframe..../iframe src Frameborder Width & Height HTML-Form form..../form Action Method Enctype Input type Text Password Type of Button Type of Method Selection Technique Textarea Legend & Field set Hidden Form Control HTML-Block & Inline Element div span CSS Introduction What is CSS Type of CSS CSS Syntax CSS Rules Color value CSS measurements CSS Selector ID Class Single Elements Multiple Elements All Elements Specific Element by ID Specific Element by Class Child Selector Descendant Selector Adjacent sibling selectors General sibling selectors Background Property Background-color Background-image Background-repeat Background-position Background attachment Font Property Font-family Font-style Font-variant Font-weight Font-size Color Direction Letter-spacing Word Spacing Text-Indent Text-align Vertical-align Text-decoration Text-transform White-space Line-height Box Model Border Margins Padding Outline Table Property Border-collapse Caption-side Border-spacing Empty-cells Width and height Text-align Vertical-align Background-color List Property list-style-type list-style-position list-style-image Floating Element Left Right None Links CSS and Pseudo-class :link :visited; :hover :active Clear Property Cursors CSS-Display Blcok Inline Inline-block None Position Static Fixed Relative Absolute CSS-Layer z-index ImageOpacity CSS Overflow Visible Hidden Scroll JAVASCRIPT Introduction What is javascript Advantages of javascript Why learn javascript Uses of Javascript What is validation Client-side validation Server-side validation Type of Javascript Javascript Syntax Output Function Document.write Window.alert Variable Operator Artithmetic Operators Assignment Operators Comparison Operators Logical/Boolean Operators String Operators Conditioinal Statement If If...else If...else if...else Switch Looping Statement Do..while While For Nested for Function What is function Function without parameter Function with parameter Return Statement Local variable Global variable Array What is Array Syntax of Array Length Concat() Push & pop Shift & Unshift Dialog Boxes Alert Confirmation Prompt Event Onclick Ondblclick Onfocus Onblur Onchange Onselect Onmouseover Onmouseout Onsubmit Onreset Onload Page Print Window.print Page Redirection Window.location Object String Object Date Object Math Object Window Object Navigator Object Image Object DOM What is DOM Methods of document object getElementById() getElementsByName() getElementsByTagName() getElementsByClassName() Form Validation PHOTOSHOP Introduction About Photoshop Pixels and Vector Images User interface Creating new workspace Opening existing workspace Closing workspace Exploring Toolbox Working with Selection Moving a selected area Using Rectangular marquee tool, Elliptical marquee tool Selecting with the lasso tools Using the quick selection tool Using the magic wand tool Resizing & cropping Images: Understanding Pixels & Resolution Adjusting Images size Cropping an Image Adjusting Canvas Size and Canvas Rotation Working with Rulers, Guides Panting In Photoshop Using the Brush tool Working with color and Swatches Using Gradients Working with Brushes Using the Pencil & Eraser tools Vector Image Creation in Photoshop Using the Pen tool Pen tool modifier Keys Path Selection Modifying paths Creating Vector Shapes Creating Custom Shapes Working with Text Text Layers Creating & Modifying Text Styling texts Character & Paragraph Adjustment Creating path outlines from text Wrapping text Photo Retouching Spot healing brush tool Patch and Healing brush tool The Red eye tool Color Replacement tool The Clone stamp & Pattern stamp tools The history brush tool & art history brush tool Using Blur, Sharpen, Smudge tool Using Dodge, Burn, Sponge tool Working with Layers Understanding the Background Layer Creating, Selecting, Deleting Layers Locking & Merging Layers Copying layers, Duplicate Layers & Layers style Filling & Grouping Layers Blending Modes, Opacity & Fill >Working Adjustment Layers Levels, Auto Levels, Auto Contrast Change the brightness or contrast of Image etc... Creating Special Effect Working with Photoshop Filter Smart Filter Creating Text effect Creating Effect on Image Importing & Exporting Images Saving with Different File Format Saving for Web & Devices Printing option Assignment COREL DRAW Introduction About Corel Draw The User Interface Creating a New Document Opening a Existing Document Working With Templates Layout Import Export Corel Draw Layout Insert Page Delete Page Rename Page Page Setup Page Background Working with Curves Free Hand Tool Bezier Tool Pen Tool Polyline Tool Artistic Media Tool 3-Point Curve Tool Shape Tool Tools pick tool Smudge Brush Roughen Brush Free Transform Tool Using the magic wand tool crop tool Hand Tool text tool freehand tool rectangular tool Interactive tool Eyedropper tool outline tool Fill tool Interactive Fill tool Selecting fill and outline color Working with Shape & Object Drawing Rectangle Drawing Circle Drawing Polygon Creating Star Working with Basic shape, Arrows, Flowchart Shape, Banner Shape Working with Text & Line Formatting Text Formatting Paragraph Changing Shape of the Text Working With Lines Interactive Tool Blending tool Contouring the Object Distorting Objects Envelope tool Extruding of the Object Drop Shadow Applying Transparency Effect Working with Bitmaps Converting Objects to Bitmap 3D Effect Art Effect Blur Effect Color Transformation Effect Contour Effect Creative Effect Distort Effect Noise Effect Arranging Object Transforming Object Align & Distribute Object Ordering Object Locking & Unlocking Object Shaping Object Assignment ILLUSTRATOR Introduction Introduction to Adobe Illustrator Illustrator UI Creating new workspace Saving & Closing workspace Customize the Workspace Selecting Objectt Selection Tool, Direct Selection Tool Group Selection Tool Magic Wand Tool, Lasso Tool Creating and Editing Shapes Working with basic shapes Creating Ellipse And Polygon Changing Stroke width and alignment Editing shapes Using Live Trace Transforming Object Working with art board Scaling , Reflecting, Rotating and Shearing Object Working with Rulers and Guides Working with path Finder And Shapes Mode Drawing and Painting Using Pen Tool, Pencil And Brush Tool Drawing Curves, Editing Path Using Color Mode, Live Paint & Gradients Working with Brushes Using Calligraphic Brushes Editing a brush Using Symbol Tool Working with Layers Creating Layers Moving objects and layers Creating clipping masks Merging Layers Working with Text Changing font size And colort Using Style Wrapping Text Text on a Path Creating Outlines Wrapping text around an Object Pathfinder & Shape Mode Add, Subtract, Intersect, Exclude, Divide, Trim, Merge, Crop, Outline & Minus Back Graphics style and Effects Using And Editing Effects Creating And Saving Graphics Style Applying Photoshop Effects Applying Illustrator Effect Working with Graph Tool Column Graph Stacked Column Graph Bar Graph Stacked Bar Graph Line Graph Scatter Graph Area Graph Pie Graph Radar Graph Assignment DREAMWEAVER Customizing Your Workspace Touring the workspace Switching and splitting views Working with panels Selecting a workspace layout Adjusting toolbars Using the Property inspector Getting a Quick Start Defining a Dreamweaver site Using the Welcome screen Selecting a CSS layout Saving a page Modifying the page title Changing headings Inserting text Inserting images Selecting and modifying CSS styles Adjusting text fonts, colors, and sizes Using the Property inspector Previewing a page in Live view Previewing pages in a browser Creating a Page Layout Web design basics Working with thumbnails and wireframes Previewing your completed file Modifying an existing CSS layout Adding a background image to the header Inserting new Modifying the page width and background color Modifying existing content and formatting Inserting an image placeholder nserting placeholder text Modifying the footer Checking browser compatibility Working with Text, Lists, and Tables Previewing a completed file Importing text Creating headings Creating lists Creating text indents Creating and styling tables Spell checking web pages Finding and replacing text Working with Navigation Hyperlink basics Previewing your completed file Creating internal hyperlinks Creating an image-based link Creating an external link Setting up e-mail links Targeting page elements Inserting Spry menu bars Inserting Spry menus as Library items Checking your page Working with Forms Previewing a completed file Learning about forms Adding a form to a page Inserting text form elementst Inserting checkboxes Creating radio buttons Working with lists Adding a submit button Specifying a form action Emailing form data Styling forms Arranging Object Transforming Object Align & Distribute Object Ordering Object Locking & Unlocking Object Shaping Object PSD to HTML Conversion Project HTML5 Introduction What is HTML5 Advantages of HTML5 why learn HTML5 Semantic Elements article.../article aside.../aside figcaption.../figcaption figure.../figure footer.../footer header.../header mark.../mark nav.../nav progress.../progress time.../time Form Elements Color Date Datetime Datetime-local Email Month Number Range Search Tel Url Time Week Form Attributes Autocomplete Autofocus Form Formation Formenctype Formmethod Formnovalidate Formtarget Height and width List Min and max Multiple Pattern(regexp) Placeholder Required Step Media Elements source audio video Canvas Line Circle Text Rectangle Paths Bezier Quadratic Images Create Gradients SVG Circle Rectangle Stroke Rounded Rectangle Rectangl Circle Stroke Ellipse LIne Polyline Clip Path Masks Drag and Drop Drag and Drop Ondragstart and setData() Ondragover Web Storage Local Storage Session Storage Geolocation App Cache CSS3 Introduction What is CSS3 Advantages of CSS3 Why learn CSS3 Borders Border-radius Border images Backgrounds Backgrounds Size Backgrounds orgin Font Text Text-overflows Word-wrap Word-break Tranitions Tranitions-delay Tranitions-duration Tranitions-property Tranitions-timing-function Text Effects Text-shadow Box-shadow Multiple Columns Columns-count Columns-gap Columns-rule-style Columns-rule-width Columns-rule-color Columns-rule Columns-span Columns-width Transforms 2D Transforms 3D Transforms User Interface Outline-offset Resize Resize-vertical Resize-Horizontal Resize-both JQUERY Introduction What is jQuery Downloading jQuery How to use jQuery Why use jQuery Syntax of jQuery Creating Simple jQuery enabled page document.ready event String Function charAt charCodeAt concat indexOf lastIndexOf substr toLowerCase toUpperCase Selector * Id Class Multiple Class Elements :first :last :even :odd attribute :empty :has :focus :header Form Selector :text :password :input :checkbox :selected :disabled :enabled :file :button :reset :submit Filtering First-child Last-child Eq Gt lt Not Manipulating Page Content Creating,getting, and setting content Addclass(),toggleClass Function with parameter Inserting content Wrapping ,replacing,and removing Text-val Working with Events Click() dblclick() Mouseenter() Mouseleave() Mousedown() Mouseup() Hover() Change() Submit() Scroll() Select() Keydown() Keyup() Keypress() Toggle() Bind() jQuery Animations and Effects Hiding and showing elements Fading elements in and out Sliding elements Creating custom animations Toggling the elements jQuery Animations and Effects Exploring the jQuery UI widgets Exploring the jQuery UI effects DOM Attributes Parent Parents Parents Until Find Siblings Next Next All Next Until Attr Manipulation Methods After Before Append() & Append To() Clone Prepend Replace All Replace With BOOTSTRAP Introduction Introduction to Bootstrap Bootstrap Grid System Creating Layouts with Bootstrap Bootstrap CSS-Understanding the CSS Responsive Web design withBootstrap Single Page Responsive site with Bootstrap Customizing Bootstrap3 Bootstrap Layout Components Bootstrap Plug-ins Transition Modal Dropdown ScrollSpy Tab Tooltip Popover Alert Button Collapse Bootstrap Layouts Components Glyphicons Dropdowns Button Groups Button Dropdowns Input Groups Navs Navbar Breadcrumbs Pagination Labels Badgets Page header Thumbnails Alert Progress bar Media object List group Panels Font Awesome Icons Web Application Icons Hand Icons Many more

Eligibility :

Graduation,Basic knowledge of Computer.

Timings:

Flexible.

Course Duration:

Depend on Module

Training Methodology:

100% Practical one student one Trainer

On Completion:

You will be able to make Static Websites Easily

Syllabus

Web Designing Duration:3 Month

HTML

Introduction What is Website What is Webpages Type of website Domain Web Hosting Namespace and DOCTYPE What is HTML HTML Syntax

HTML Elements Head Title Favicon Metatag Body

Paragraph p...../p Align

HTML-Anchor a..../a href Target Title Named Anchor Image With Link Link Colors

HTML-List Unordered List Ordered List Definition List

Text

Heading Tags h1...../h1 h2....../h2 h3....../h3 h4....../h4 h5....../h5 h6....../h6

Text Formatting b...../b i....../i strong....../strong em....../em strikethrough....../strikethrough del....../del small...../small big....../big code....../code sub....../sub sup....../sup

Empty Tag Hr br

HTML-Table table..../table tr..../tr td..../td th..../th Width & Height V-align Caption Cellpadding Cellspacing

Colspan Rowspan Bgcolor Background Frame

Background Bgcolor Background-image

HTML Entities copy nbsp beta gamma dollar & Many more...

HTML-Image img..../img Src Width & Height Border Align Alt Title Hspace Vspace

HTML-Marquee marquee..../marquee Direction Loop Scrollamount Bgcolor Width & Height Behavior Image with marquee Vspace Hspace

Nested Marquee

Frame frameset..../frameset frame..../frame src Frameborder Noresize Cols Rows _parent

iFrame iframe..../iframe src Frameborder Width & Height

HTML-Form form..../form Action Method Enctype Input type Text Password Type of Button Type of Method Selection Technique Textarea Legend & Field set Hidden Form Control

HTML-Block & Inline Element div span

CSS

Introduction What is CSS Type of CSS CSS Syntax CSS Rules Color value CSS measurements

CSS Selector ID Class Single Elements Multiple Elements All Elements Specific Element by ID Specific Element by Class Child Selector Descendant Selector Adjacent sibling selectors General sibling selectors

Background Property Background-color Background-image Background-repeat

Background-position Background attachment

Font Property Font-family Font-style Font-variant Font-weight Font-size Color Direction Letter-spacing Word Spacing Text-Indent Text-align Vertical-align Text-decoration Text-transform White-space Line-height

Box Model Border Margins Padding

Outline

Table Property Border-collapse Caption-side Border-spacing Empty-cells Width and height Text-align Vertical-align Background-color

List Property list-style-type list-style-position list-style-image

Floating Element Left Right None

Links CSS and Pseudo-class :link :visited; :hover

:active

Clear Property

Cursors

CSS-Display Blcok Inline Inline-block None

Position Static Fixed Relative Absolute

CSS-Layer z-index

ImageOpacity

CSS Overflow Visible Hidden Scroll

JAVASCRIPT

Introduction What is javascript Advantages of javascript Why learn javascript Uses of Javascript What is validation Client-side validation Server-side validation Type of Javascript Javascript Syntax

Output Function Document.write Window.alert

Variable

Operator Artithmetic Operators Assignment Operators Comparison Operators Logical/Boolean Operators String Operators

Conditioinal Statement If If...else If...else if...else Switch

Looping Statement Do..while While For Nested for

Function What is function Function without parameter Function with parameter Return Statement Local variable Global variable

Array What is Array Syntax of Array

Length Concat() Push & pop Shift & Unshift

Dialog Boxes Alert Confirmation Prompt

Event Onclick Ondblclick Onfocus Onblur Onchange Onselect Onmouseover Onmouseout Onsubmit Onreset Onload

Page Print Window.print

Page Redirection Window.location

Object String Object Date Object Math Object Window Object Navigator Object Image Object

DOM What is DOM Methods of document object getElementById() getElementsByName() getElementsByTagName() getElementsByClassName()

Form Validation

PHOTOSHOP

Introduction About Photoshop Pixels and Vector Images User interface Creating new workspace Opening existing workspace Closing workspace Exploring Toolbox

Working with Selection Moving a selected area Using Rectangular marquee tool, Elliptical marquee tool Selecting with the lasso tools Using the quick selection tool Using the magic wand tool

Resizing & cropping Images: Understanding Pixels & Resolution Adjusting Images size Cropping an Image Adjusting Canvas Size and Canvas Rotation

Working with Rulers, Guides

Panting In Photoshop Using the Brush tool Working with color and Swatches Using Gradients Working with Brushes Using the Pencil & Eraser tools

Vector Image Creation in Photoshop Using the Pen tool Pen tool modifier Keys Path Selection Modifying paths Creating Vector Shapes Creating Custom Shapes

Working with Text Text Layers Creating & Modifying Text Styling texts

Character & Paragraph Adjustment Creating path outlines from text

Wrapping text

Photo Retouching Spot healing brush tool Patch and Healing brush tool The Red eye tool Color Replacement tool The Clone stamp & Pattern stamp tools The history brush tool & art history brush tool Using Blur, Sharpen, Smudge tool Using Dodge, Burn, Sponge tool

Working with Layers Understanding the Background Layer Creating, Selecting, Deleting Layers Locking & Merging Layers

Copying layers, Duplicate Layers & Layers style Filling & Grouping Layers Blending Modes, Opacity & Fill

>Working Adjustment Layers Levels, Auto Levels, Auto Contrast Change the brightness or contrast of Image etc...

Creating Special Effect Working with Photoshop Filter Smart Filter Creating Text effect Creating Effect on Image

Importing & Exporting Images Saving with Different File Format Saving for Web & Devices Printing option

Assignment

COREL DRAW

Introduction About Corel Draw The User Interface Creating a New Document Opening a Existing Document Working With Templates Layout Import Export

Corel Draw Layout Insert Page Delete Page Rename Page Page Setup Page Background

Working with Curves Free Hand Tool Bezier Tool Pen Tool Polyline Tool

Artistic Media Tool 3-Point Curve Tool Shape Tool

Tools pick tool Smudge Brush Roughen Brush Free Transform Tool Using the magic wand tool crop tool Hand Tool text tool freehand tool rectangular tool Interactive tool Eyedropper tool outline tool Fill tool Interactive Fill tool Selecting fill and outline color

Working with Shape & Object Drawing Rectangle Drawing Circle Drawing Polygon Creating Star

Working with Basic shape, Arrows, Flowchart Shape, Banner Shape

Working with Text & Line Formatting Text Formatting Paragraph Changing Shape of the Text Working With Lines

Interactive Tool Blending tool Contouring the Object Distorting Objects Envelope tool Extruding of the Object Drop Shadow

Applying Transparency Effect

Working with Bitmaps Converting Objects to Bitmap 3D Effect Art Effect Blur Effect Color Transformation Effect Contour Effect Creative Effect Distort Effect Noise Effect

Arranging Object Transforming Object Align & Distribute Object Ordering Object Locking & Unlocking Object Shaping Object

Assignment

ILLUSTRATOR

Introduction Introduction to Adobe Illustrator Illustrator UI Creating new workspace Saving & Closing workspace Customize the Workspace

Selecting Objectt Selection Tool, Direct Selection Tool Group Selection Tool Magic Wand Tool, Lasso Tool

Creating and Editing Shapes Working with basic shapes Creating Ellipse And Polygon Changing Stroke width and alignment Editing shapes Using Live Trace

Transforming Object Working with art board Scaling , Reflecting, Rotating and Shearing Object Working with Rulers and Guides Working with path Finder And Shapes Mode

Drawing and Painting Using Pen Tool, Pencil And Brush Tool Drawing Curves, Editing Path Using Color Mode, Live Paint & Gradients

Working with Brushes Using Calligraphic Brushes Editing a brush Using Symbol Tool

Working with Layers Creating Layers Moving objects and layers Creating clipping masks Merging Layers

Working with Text Changing font size And colort Using Style Wrapping Text Text on a Path Creating Outlines Wrapping text around an Object

Pathfinder & Shape Mode Add, Subtract, Intersect, Exclude, Divide, Trim, Merge, Crop, Outline & Minus Back

Graphics style and Effects Using And Editing Effects Creating And Saving Graphics Style Applying Photoshop Effects Applying Illustrator Effect

Working with Graph Tool Column Graph Stacked Column Graph Bar Graph Stacked Bar Graph Line Graph Scatter Graph Area Graph Pie Graph Radar Graph

Assignment

DREAMWEAVER

Customizing Your Workspace Touring the workspace Switching and splitting views Working with panels Selecting a workspace layout Adjusting toolbars Using the Property inspector

Getting a Quick Start Defining a Dreamweaver site Using the Welcome screen Selecting a CSS layout Saving a page Modifying the page title Changing headings Inserting text Inserting images Selecting and modifying CSS styles Adjusting text fonts, colors, and sizes Using the Property inspector Previewing a page in Live view

Previewing pages in a browser Creating a Page Layout Web design basics Working with thumbnails and wireframes Previewing your completed file Modifying an existing CSS layout Adding a background image to the header Inserting new Modifying the page width and background color Modifying existing content and formatting Inserting an image placeholder nserting placeholder text Modifying the footer Checking browser compatibility

Working with Text, Lists, and Tables Previewing a completed file Importing text

Creating headings Creating lists Creating text indents Creating and styling tables Spell checking web pages Finding and replacing text

Working with Navigation Hyperlink basics Previewing your completed file Creating internal hyperlinks Creating an image-based link Creating an external link Setting up e-mail links Targeting page elements Inserting Spry menu bars Inserting Spry menus as Library items Checking your page

Working with Forms Previewing a completed file Learning about forms Adding a form to a page Inserting text form elementst Inserting checkboxes Creating radio buttons Working with lists Adding a submit button Specifying a form action Emailing form data Styling forms

Arranging Object Transforming Object Align & Distribute Object Ordering Object Locking & Unlocking Object Shaping Object

PSD to HTML Conversion

Project

GUI Designing Duration:2 Month

HTML

Introduction What is Website What is Webpages Type of website Domain Web Hosting Namespace and DOCTYPE What is HTML HTML Syntax

HTML Elements Head Title Favicon Metatag Body

Paragraph p...../p Align

HTML-Anchor a..../a href Target Title Named Anchor Image With Link Link Colors

HTML-List Unordered List Ordered List Definition List

Text

Heading Tags h1...../h1 h2....../h2 h3....../h3 h4....../h4 h5....../h5 h6....../h6

Text Formatting b...../b i....../i strong....../strong em....../em strikethrough....../strikethrough del....../del small...../small big....../big code....../code sub....../sub sup....../sup

Empty Tag Hr br

HTML-Table table..../table tr..../tr td..../td th..../th Width & Height V-align Caption Cellpadding Cellspacing

Colspan Rowspan Bgcolor Background Frame

Background Bgcolor Background-image

HTML Entities copy nbsp beta gamma dollar & Many more...

HTML-Image img..../img Src Width & Height Border Align Alt Title Hspace Vspace

HTML-Marquee marquee..../marquee Direction Loop Scrollamount Bgcolor Width & Height Behavior Image with marquee Vspace Hspace

Nested Marquee

Frame frameset..../frameset frame..../frame src Frameborder Noresize Cols Rows _parent

iFrame iframe..../iframe src Frameborder Width & Height

HTML-Form form..../form Action Method Enctype Input type Text Password Type of Button Type of Method Selection Technique Textarea Legend & Field set Hidden Form Control

HTML-Block & Inline Element div span

CSS

Introduction What is CSS Type of CSS CSS Syntax CSS Rules Color value CSS measurements

Background Property Background-color Background-image Background-repeat

Background-position Background attachment

Box Model Border Margins Padding

Outline

Table Property Border-collapse Caption-side Border-spacing Empty-cells Width and height Text-align Vertical-align Background-color

List Property list-style-type list-style-position list-style-image

Floating Element >Left Right None

Links CSS and Pseudo-class :link :visited; :hover

:active

Clear Property

Cursors

CSS-Display Blcok Inline Inline-block None

Position Static Fixed Relative Absolute

CSS-Layer z-index

ImageOpacity

CSS Overflow Visible Hidden Scroll

JAVASCRIPT

Introduction What is javascript Advantages of javascript Why learn javascript Uses of Javascript What is validation Client-side validation Server-side validation Type of Javascript Javascript Syntax

Output Function Document.write Window.alert

Variable

Operator Artithmetic Operators Assignment Operators Comparison Operators Logical/Boolean Operators String Operators

Conditioinal Statement If If...else If...else if...else Switch

Looping Statement Do..while While For Nested for

Function What is function Function without parameter Function with parameter Return Statement Local variable Global variable

Array What is Array Syntax of Array

Length Concat() Push & pop Shift & Unshift

Dialog Boxes Alert Confirmation Prompt

Event Onclick Ondblclick Onfocus Onblur Onchange Onselect Onmouseover Onmouseout Onsubmit Onreset Onload

Page Print Window.print

Page Redirection Window.location

Object String Object Date Object Math Object Window Object Navigator Object Image Object

DOM What is DOM Methods of document object getElementById() getElementsByName() getElementsByTagName() getElementsByClassName()

Form Validation

HTML5

Introduction What is HTML5 Advantages of HTML5 why learn HTML5

Semantic Elements article.../article aside.../aside figcaption.../figcaption figure.../figure footer.../footer header.../header mark.../mark nav.../nav progress.../progress time.../time

Form Elements Color Date Datetime Datetime-local

Email Month Number Range Search Tel Url Time Week

Form Attributes Autocomplete Autofocus Form Formation Formenctype Formmethod Formnovalidate Formtarget Height and width List

Min and max Multiple Pattern(regexp) Placeholder Required Step

Media Elements source audio video

Canvas Line Circle Text Rectangle Paths Bezier Quadratic Images Create Gradients

SVG Circle Rectangle Stroke Rounded Rectangle Rectangl Circle Stroke Ellipse LIne Polyline Clip Path Masks

Drag and Drop Drag and Drop Ondragstart and setData() Ondragover

Web Storage Local Storage Session Storage

Geolocation

App Cache

CSS3

Introduction What is CSS3 Advantages of CSS3 Why learn CSS3

Borders Border-radius Border images

Backgrounds Backgrounds Size Backgrounds orgin

Font

Text Text-overflows Word-wrap Word-break

Tranitions Tranitions-delay Tranitions-duration Tranitions-property Tranitions-timing-function

Text Effects Text-shadow Box-shadow

Multiple Columns Columns-count Columns-gap Columns-rule-style Columns-rule-width Columns-rule-color Columns-rule

Columns-span Columns-width

Transforms 2D Transforms 3D Transforms

User Interface Outline-offset Resize Resize-vertical Resize-Horizontal Resize-both

JQUERY

Introduction What is jQuery Downloading jQuery How to use jQuery Why use jQuery Syntax of jQuery Creating Simple jQuery enabled page document.ready event

String Function charAt charCodeAt concat indexOf lastIndexOf substr toLowerCase toUpperCase

Selector * Id Class Multiple Class Elements :first :last :even

:odd attribute :empty :has :focus :header

Form Selector :text :password :input :checkbox :selected :disabled :enabled :file :button :reset :submit

Filtering First-child Last-child Eq Gt lt Not

Manipulating Page Content

Creating,getting, and setting content Addclass(),toggleClass Function with parameter Inserting content Wrapping ,replacing,and removing Text-val

Working with Events Click() dblclick() Mouseenter() Mouseleave() Mousedown() Mouseup() Hover() Change() Submit() Scroll() Select() Keydown() Keyup() Keypress() Toggle() Bind()

jQuery Animations and Effects Hiding and showing elements

Fading elements in and out Sliding elements Creating custom animations Toggling the elements

jQuery Animations and Effects Exploring the jQuery UI widgets Exploring the jQuery UI effects

DOM Attributes Parent Parents Parents Until Find Siblings Next Next All Next Until Attr

Manipulation Methods After Before Append() & Append To() Clone Prepend Replace All Replace With

BOOTSTRAP

Introduction Introduction to Bootstrap Bootstrap Grid System Creating Layouts with Bootstrap Bootstrap CSS-Understanding the CSS Responsive Web design withBootstrap Single Page Responsive site with Bootstrap Customizing Bootstrap3 Bootstrap Layout Components

Bootstrap Plug-ins Transition Modal Dropdown ScrollSpy Tab Tooltip Popover Alert Button Collapse

Bootstrap Layouts Components Glyphicons Dropdowns Button Groups Button Dropdowns Input Groups Navs Navbar Breadcrumbs Pagination Labels

Badgets Page header Thumbnails Alert Progress bar Media object List group Panels

Font Awesome Icons Web Application Icons Hand Icons Many more

Diploma in Web Designing Duration:6 Month