SlideShare a Scribd company logo

Web design training , Web Design Training In Kolkata

•
•
W3webschool
W3webschool

W3webschool trusted and best Digital Marketing Training,Web Design Training,SEO Training,Php Training center Kolkata,India. https://www.w3webschool.com/web-design/

1 of 9
Download to read offline
Web Design Training Details Call Us: +91 7890149401, 8017270445 Address: 130/7 Dumdum Road Near Indiara maidan Kolkata -74 , Email : w3webschools@gmail.com , enquiry@w3webschool.com Introduction to Web Technologies • Introduction to Web Technologies • Careers in Web Technologies • How the Website Works? • Client and Server Scripting Languages • Job Roles of Web Designer and Web Developer • Types of Websites (Static and Dynamic) • Web Standards • W3C recommendations Adobe Photoshop + Illustrator + Logo design + Template design • Introduction of Stock Photography �� Types of Image Graphics • Vector Graphics and Tools • Scalar Graphics and Tools • Introduction to Adobe Photoshop • Interface Tour of Photoshop and Pallets • Color Modes and Resolution Options • File Types in Photoshop • Using Photoshop Tools with Real-time Examples • Move Tool • Marque Tools • Lasso Tools • Quick Selection / Magic Wand • Crop / Slicing Tool • Image Manipulation Tools • Brushes • Patterns • Gradients • Pen Tool / Shape Tool • Text Tool • Layers, Grouping and Smart Objects • Image Adjustments • Layer Masking, Layer Clipping • Using Blending Options to create unique effects • Analysis Menu • View Menu / Window Menu • Filter Effects • Photoshop Actions • Automation Tools • Animation using Photoshop • Brochure Designing and PDF Output • Designing a Logo • Creating a Business Card • Design Banners for Website • Real-time Website Layout Design • What’s new in PS CS 6.0
Hyper Text Markup Language (HTML 4.01) • What is Markup Language • Basic Structure of HTML • Head Section and Elements of Head • Meta Tags • External Link Tags • HTML Structure Tags • Table Tag • Div Tag • Frames • Content / Media Tags • Headings, Paragraph, Span, Pre Tags • Anchor Links and Named Anchors • Image Tags / Image Hot Spots • Object Tag / I frame Tags • Working with Forms • Form Functionality Logic • Form Tag • POST and GET Method • Encoding Type • Text Input and Password • Hidden Fields • Checkbox and Radio Button • Text Area • Select Option, Option Group and Menu • File Upload and Multiple Files • Button, Image, Submit and Reset Buttons • Relation between HTML Form and PHP • Creating a Live Website Form MANY MORE… Cascading Style Sheets (CSS 2.1) • Introduction to Cascading Style Sheets • Types of Style Sheets • Inline, Internal and External • CSS for Website Layout and Print Layout • Types of CSS Selectors • Universal Selector • Type Selector • Class Selector • ID Selector • Child Selector • Descendant Selector • Adjacent Sibling Selector • Child Combinatory • :before and :after selector • first-line and first-letter • :Hover, :Visited and :Active • Grouped Selectors • CSS properties • Type Properties • Background Properties • Block Properties • Box Model Properties • List Properties • Border Properties • Positioning Properties • Properties useful in Real-time Designing • Using CSS for Real-time Practical Works • Defining the Text Styles • Defining the Background Styles • CSS Menus (Horizontal, Vertical and Drop Down) • Custom Form Designing • DIV + CSS Layout Design • PSD to CSS Conversion • CSS Optimization Tips MANY MORE….
RESPONSIVE WEBSITE WITH HTML5 /CSS3 • Do your slicing with responsive website • How to use HTML5 for responsive • How to use CSS3 for responsive • Project HTML 5 • Introduction to HTML5 • What’s new in HTML5 • HTML5 DocType • JS and CSS Tags • New Structure Tags • Section • Article • Nav • Aside • Header • Hgroup • Footer • box-shadow • border-image • 2D/3D Transformations • Multiple Column Layout • background-size • background-clip • word-wrap • New Form Tags • Form validation and Placeholder • search • tel • url • email • date, date time and month • number and range • New Media Tags • Audio Tag • Video Tag • Designing a Layout using HTML5 • border-radius • Text Effects • Animations • Box Model • background-origin • text-shadow • word-break CSS 3 • Introduction to CSS 3 • New CSS3 Properties • Rounded Corners • Border Images • Border Shadows • @font-face Rule • CSS Gradients • CSS Background properties • Text-Shadow Property • Text-Stroke Property • Using CSS3 in Practical Layout • font-style
• font-weight • 2D Transforms • rotate() • skew() • CSS3 @key frames Rule • Animation, animation-duration • box-sizing • Css3 Slider • font-stretch • translate() • scale() • matrix() • Browser Support • column-count • outline-offset • Dropdown Menu AND MANY MORE…. Twitter Bootstrap (Powerful mobile front-end framework) • What is Twitter Bootstrap? • New CSS3 Properties • Bootstrap Install from Local • Why use Bootstrap? • File structure • Basic Examples • What is Bootstrap Grid System? • Working of Bootstrap Grid System • Responsive column resets • Bootstrap Typography • Bootstrap Forms • Bootstrap Images • Bootstrap Responsive utilities • Bootstrap Glyphicons • Bootstrap Button Groups • Bootstrap Input Groups • Bootstrap Navbar • Bootstrap Badges • Bootstrap Progress Bars • Bootstrap List Group • Bootstrap Panels • Bootstrap Carousal • History • CSS Background properties • Install From CDN • What Bootstrap Package Includes? • PRECOMPILED BOOTSTRAP • What is a Grid? • MOBILE FIRST STRATEGY • Media Queries Offset columns • Bootstrap CSS Overview • Bootstrap Tables • Bootstrap Buttons • Bootstrap Helper Classes • Print classes • Bootstrap Dropdowns • Bootstrap Button Dropdowns • Bootstrap Navigation Elements • Bootstrap Pagination • Bootstrap Alerts • Bootstrap Media Object • Bootstrap Wells • Bootstrap Plugins Overview • Bootstrap Slider and many more…
Adobe Dreamweaver • Introduction to Adobe Dreamweaver • Dreamweaver Interface Basics • Type of Views • Defining a Dreamweaver site • Benefits of Using Site • Creating a Site for Static Project • Creating a Site for PHP Project • Standard Tool Bar • Multiple Browser Output • Device Central and Mobile Sites • Common Tool Bar • Anchor Links / Email Links / Named Anchors • Insert Table • Insert Divs • Inserting Images / Image Hot Spots • Inserting Flash / Video • Meta Tags • Script Tags • Layout Tool Bar • Inserting Divs • Inserting Tables • Working with I Frames • Text Tags • Heading Tag • Content Tags • Formatting Tags • Spry Elements • Spry Menu Bar • Tabbed Panels • Accordions • Collapsible Divs • Forms in Dreamweaver • Form Tag • Field set and Label Tag • Input Tags (Hidden, Text, Checkbox, Radio) • Select Tag / List Tag / Opt Group • File Type / Encoding • Text Area • Buttons (Submit, Button, Image and Reset) • Dreamweaver Advanced Concepts • Spry Form Validations • Snippets Creation • FTP Client in DW • Dreamweaver Extensions • Template Design in Dreamweaver • Importing a website design • Setting the Editable and Non-Editable Regions • Defining the DWT for project. • Attaching a Template • Detaching the Template / Modifying the Template • Validating the XHTML & CSS • Common Compatibility Issues Java Script and JQuery • Introduction to Client Side Scripting • Introduction to Java Script • Types of JS • Working with Arrays • JS Objects • JS Functions
• Variables in JS • JOperators in JS • Conditions Statements (If, If Else, Switch) • Java Script Loops • JS Popup Boxes (Alert, Prompt, Confirm) • JS Events • Onload, Onunload and Onsubmit • OnFocus, Onchange and Onblur • Onmouseover and Onmouseout • Onclick, Ondbclick Events • JS Arrays • Using Java Script in Real-time • Validation of Forms • Dropdown Menus • Slide Show Effects in Js • Date / Calendar Integration • Useful Scripts for Projects Web Hosting • Web Hosting Basics • Types of Hosting Packages • Registering domains • Defining Name Servers • Using Control Panel • Creating Emails in Cpanel • Using FTP Client • Maintaining a Website App Design Course - UX, UI and Design Create mobile app designs from scratch Create mockups using Sketch and other tools Understand the differences between designing for iOS and Android Start a new career as a UI/UX designer SEO Ready Website • What is Meta Title • Broken Links • Website Loading Time • HTML Minify/Beautifier • HTML Validate • CSS Stylus • Meta Description • Anchor Text Optimization • CSS MInify • JS Minify • CSS Validate
Live Project Implementation • Client Requirement Analysis • Designing a Professional Photoshop Template • Conversion of PSD to CSS • Adding Menu System to Project • Slideshow Integration • Implementing Gallery Script • Adding the Contact Form • Form validations using JS • Writing the Mail Function in form with PHP • Manual Website Testing Web Designing Resources and Support after Course • Icon, Buttons, Backgrounds Graphics • Brushes, Patterns, Textures, Styles • Gradients, Actions • PSD Templates • Study Material in PDF and Daily Notes • FTP Access for storing file • Professional CSS Templates • Professional Flash Templates • 100 Stock Photos for Website Work • Java Scripts and query Scripts • 100% Job Assistance till you get placed. • Live Project in course • Course Certificate • Email Support for Live Time We are now offering Web designing group training. Our Trainer has 4+ years of experience in training and development. Listen a demo session before you take a decision. 1 day Demo Class before Admission Live Project Daily Assignment 5 HTML Website Create 3 HTML5/CSS3 PROJECTS 5 Responsive PROJECTS WITH HTML5/CSS3 2 BOOTSTRAP PROJECTS (Frontend and backend)
1. Parallax Design HTML5/CSS3 with Responsive 1. Metro Design with Responsive (HTML5/CSS3 Included) 1. One Page Website Design with Responsive (HTML5/CSS3 Included) 20 PSD 2 HTML Project Foundation Framework Project AMP(Accelerated Mobile Pages ) Projects Interview Question answers Materials. PSD Template Design Server For Live Project and Portfolio UI/UX Design App Design with UI/UX Illustrator Project and many More… 80% Practical Class, 10% Theory, 10% Case Studies 100% Job Placement Assistance only in Kolkata Course Duration: 6 Months Course Fees: Rs 15, 000/- Installment: Easy Installment NO NEED TO JOIN GROUP Course Schedule: Weekly 3 Days (2 hrs.) Thanks and Regards, W3webschool.
Office number: +91 7890149401, 8017270445 Kolkata Office Address (Online Training available Over All World) W3webSchool, Near Indira Maidan Dumdum Road, Kolkata-74 West Bengal. (Walking Distance from Dumdum Metro and Railway Station) Email: w3webschools@gmail.com, enquiry@w3webschool.com Skype: suhana.saheel Website: http://www.w3webschool.com/ Copyright 2018 @w3webschool.com Note: please don’t copy course content.

More Related Content

Web design training , Web Design Training In Kolkata

  • 1. Web Design Training Details Call Us: +91 7890149401, 8017270445 Address: 130/7 Dumdum Road Near Indiara maidan Kolkata -74 , Email : w3webschools@gmail.com , enquiry@w3webschool.com Introduction to Web Technologies • Introduction to Web Technologies • Careers in Web Technologies • How the Website Works? • Client and Server Scripting Languages • Job Roles of Web Designer and Web Developer • Types of Websites (Static and Dynamic) • Web Standards • W3C recommendations Adobe Photoshop + Illustrator + Logo design + Template design • Introduction of Stock Photography • Types of Image Graphics • Vector Graphics and Tools • Scalar Graphics and Tools • Introduction to Adobe Photoshop • Interface Tour of Photoshop and Pallets • Color Modes and Resolution Options • File Types in Photoshop • Using Photoshop Tools with Real-time Examples • Move Tool • Marque Tools • Lasso Tools • Quick Selection / Magic Wand • Crop / Slicing Tool • Image Manipulation Tools • Brushes • Patterns • Gradients • Pen Tool / Shape Tool • Text Tool • Layers, Grouping and Smart Objects • Image Adjustments • Layer Masking, Layer Clipping • Using Blending Options to create unique effects • Analysis Menu • View Menu / Window Menu • Filter Effects • Photoshop Actions • Automation Tools • Animation using Photoshop • Brochure Designing and PDF Output • Designing a Logo • Creating a Business Card • Design Banners for Website • Real-time Website Layout Design • What’s new in PS CS 6.0
  • 2. Hyper Text Markup Language (HTML 4.01) • What is Markup Language • Basic Structure of HTML • Head Section and Elements of Head • Meta Tags • External Link Tags • HTML Structure Tags • Table Tag • Div Tag • Frames • Content / Media Tags • Headings, Paragraph, Span, Pre Tags • Anchor Links and Named Anchors • Image Tags / Image Hot Spots • Object Tag / I frame Tags • Working with Forms • Form Functionality Logic • Form Tag • POST and GET Method • Encoding Type • Text Input and Password • Hidden Fields • Checkbox and Radio Button • Text Area • Select Option, Option Group and Menu • File Upload and Multiple Files • Button, Image, Submit and Reset Buttons • Relation between HTML Form and PHP • Creating a Live Website Form MANY MORE… Cascading Style Sheets (CSS 2.1) • Introduction to Cascading Style Sheets • Types of Style Sheets • Inline, Internal and External • CSS for Website Layout and Print Layout • Types of CSS Selectors • Universal Selector • Type Selector • Class Selector • ID Selector • Child Selector • Descendant Selector • Adjacent Sibling Selector • Child Combinatory • :before and :after selector • first-line and first-letter • :Hover, :Visited and :Active • Grouped Selectors • CSS properties • Type Properties • Background Properties • Block Properties • Box Model Properties • List Properties • Border Properties • Positioning Properties • Properties useful in Real-time Designing • Using CSS for Real-time Practical Works • Defining the Text Styles • Defining the Background Styles • CSS Menus (Horizontal, Vertical and Drop Down) • Custom Form Designing • DIV + CSS Layout Design • PSD to CSS Conversion • CSS Optimization Tips MANY MORE….
  • 3. RESPONSIVE WEBSITE WITH HTML5 /CSS3 • Do your slicing with responsive website • How to use HTML5 for responsive • How to use CSS3 for responsive • Project HTML 5 • Introduction to HTML5 • What’s new in HTML5 • HTML5 DocType • JS and CSS Tags • New Structure Tags • Section • Article • Nav • Aside • Header • Hgroup • Footer • box-shadow • border-image • 2D/3D Transformations • Multiple Column Layout • background-size • background-clip • word-wrap • New Form Tags • Form validation and Placeholder • search • tel • url • email • date, date time and month • number and range • New Media Tags • Audio Tag • Video Tag • Designing a Layout using HTML5 • border-radius • Text Effects • Animations • Box Model • background-origin • text-shadow • word-break CSS 3 • Introduction to CSS 3 • New CSS3 Properties • Rounded Corners • Border Images • Border Shadows • @font-face Rule • CSS Gradients • CSS Background properties • Text-Shadow Property • Text-Stroke Property • Using CSS3 in Practical Layout • font-style
  • 4. • font-weight • 2D Transforms • rotate() • skew() • CSS3 @key frames Rule • Animation, animation-duration • box-sizing • Css3 Slider • font-stretch • translate() • scale() • matrix() • Browser Support • column-count • outline-offset • Dropdown Menu AND MANY MORE…. Twitter Bootstrap (Powerful mobile front-end framework) • What is Twitter Bootstrap? • New CSS3 Properties • Bootstrap Install from Local • Why use Bootstrap? • File structure • Basic Examples • What is Bootstrap Grid System? • Working of Bootstrap Grid System • Responsive column resets • Bootstrap Typography • Bootstrap Forms • Bootstrap Images • Bootstrap Responsive utilities • Bootstrap Glyphicons • Bootstrap Button Groups • Bootstrap Input Groups • Bootstrap Navbar • Bootstrap Badges • Bootstrap Progress Bars • Bootstrap List Group • Bootstrap Panels • Bootstrap Carousal • History • CSS Background properties • Install From CDN • What Bootstrap Package Includes? • PRECOMPILED BOOTSTRAP • What is a Grid? • MOBILE FIRST STRATEGY • Media Queries Offset columns • Bootstrap CSS Overview • Bootstrap Tables • Bootstrap Buttons • Bootstrap Helper Classes • Print classes • Bootstrap Dropdowns • Bootstrap Button Dropdowns • Bootstrap Navigation Elements • Bootstrap Pagination • Bootstrap Alerts • Bootstrap Media Object • Bootstrap Wells • Bootstrap Plugins Overview • Bootstrap Slider and many more…
  • 5. Adobe Dreamweaver • Introduction to Adobe Dreamweaver • Dreamweaver Interface Basics • Type of Views • Defining a Dreamweaver site • Benefits of Using Site • Creating a Site for Static Project • Creating a Site for PHP Project • Standard Tool Bar • Multiple Browser Output • Device Central and Mobile Sites • Common Tool Bar • Anchor Links / Email Links / Named Anchors • Insert Table • Insert Divs • Inserting Images / Image Hot Spots • Inserting Flash / Video • Meta Tags • Script Tags • Layout Tool Bar • Inserting Divs • Inserting Tables • Working with I Frames • Text Tags • Heading Tag • Content Tags • Formatting Tags • Spry Elements • Spry Menu Bar • Tabbed Panels • Accordions • Collapsible Divs • Forms in Dreamweaver • Form Tag • Field set and Label Tag • Input Tags (Hidden, Text, Checkbox, Radio) • Select Tag / List Tag / Opt Group • File Type / Encoding • Text Area • Buttons (Submit, Button, Image and Reset) • Dreamweaver Advanced Concepts • Spry Form Validations • Snippets Creation • FTP Client in DW • Dreamweaver Extensions • Template Design in Dreamweaver • Importing a website design • Setting the Editable and Non-Editable Regions • Defining the DWT for project. • Attaching a Template • Detaching the Template / Modifying the Template • Validating the XHTML & CSS • Common Compatibility Issues Java Script and JQuery • Introduction to Client Side Scripting • Introduction to Java Script • Types of JS • Working with Arrays • JS Objects • JS Functions
  • 6. • Variables in JS • JOperators in JS • Conditions Statements (If, If Else, Switch) • Java Script Loops • JS Popup Boxes (Alert, Prompt, Confirm) • JS Events • Onload, Onunload and Onsubmit • OnFocus, Onchange and Onblur • Onmouseover and Onmouseout • Onclick, Ondbclick Events • JS Arrays • Using Java Script in Real-time • Validation of Forms • Dropdown Menus • Slide Show Effects in Js • Date / Calendar Integration • Useful Scripts for Projects Web Hosting • Web Hosting Basics • Types of Hosting Packages • Registering domains • Defining Name Servers • Using Control Panel • Creating Emails in Cpanel • Using FTP Client • Maintaining a Website App Design Course - UX, UI and Design Create mobile app designs from scratch Create mockups using Sketch and other tools Understand the differences between designing for iOS and Android Start a new career as a UI/UX designer SEO Ready Website • What is Meta Title • Broken Links • Website Loading Time • HTML Minify/Beautifier • HTML Validate • CSS Stylus • Meta Description • Anchor Text Optimization • CSS MInify • JS Minify • CSS Validate
  • 7. Live Project Implementation • Client Requirement Analysis • Designing a Professional Photoshop Template • Conversion of PSD to CSS • Adding Menu System to Project • Slideshow Integration • Implementing Gallery Script • Adding the Contact Form • Form validations using JS • Writing the Mail Function in form with PHP • Manual Website Testing Web Designing Resources and Support after Course • Icon, Buttons, Backgrounds Graphics • Brushes, Patterns, Textures, Styles • Gradients, Actions • PSD Templates • Study Material in PDF and Daily Notes • FTP Access for storing file • Professional CSS Templates • Professional Flash Templates • 100 Stock Photos for Website Work • Java Scripts and query Scripts • 100% Job Assistance till you get placed. • Live Project in course • Course Certificate • Email Support for Live Time We are now offering Web designing group training. Our Trainer has 4+ years of experience in training and development. Listen a demo session before you take a decision. 1 day Demo Class before Admission Live Project Daily Assignment 5 HTML Website Create 3 HTML5/CSS3 PROJECTS 5 Responsive PROJECTS WITH HTML5/CSS3 2 BOOTSTRAP PROJECTS (Frontend and backend)
  • 8. 1. Parallax Design HTML5/CSS3 with Responsive 1. Metro Design with Responsive (HTML5/CSS3 Included) 1. One Page Website Design with Responsive (HTML5/CSS3 Included) 20 PSD 2 HTML Project Foundation Framework Project AMP(Accelerated Mobile Pages ) Projects Interview Question answers Materials. PSD Template Design Server For Live Project and Portfolio UI/UX Design App Design with UI/UX Illustrator Project and many More… 80% Practical Class, 10% Theory, 10% Case Studies 100% Job Placement Assistance only in Kolkata Course Duration: 6 Months Course Fees: Rs 15, 000/- Installment: Easy Installment NO NEED TO JOIN GROUP Course Schedule: Weekly 3 Days (2 hrs.) Thanks and Regards, W3webschool.
  • 9. Office number: +91 7890149401, 8017270445 Kolkata Office Address (Online Training available Over All World) W3webSchool, Near Indira Maidan Dumdum Road, Kolkata-74 West Bengal. (Walking Distance from Dumdum Metro and Railway Station) Email: w3webschools@gmail.com, enquiry@w3webschool.com Skype: suhana.saheel Website: http://www.w3webschool.com/ Copyright 2018 @w3webschool.com Note: please don’t copy course content.