W3webschool provide HTML Traing, CSS3 Training, HTML5 Training Kolkata and also online psd to html5 training in india. W3webschool teach many student of PSD to HTML5 Training.
W3webschool has expertise in Professional website design and conversion using HTML/XHTML,HTML5 and CSS,CSS3. In our css course we will provide in-depth training in HTML/XHTML,HTML5 and CSS,CSS3. This course is best suitable for candidates with prior knowledge of web designing but doesn’t know about CSS.
Most websites are built using code called HTML (Hyper Text Markup Language), this code is then interpreted by a browser such as Internet Explorer, Firefox or Safari, and displayed as a Web page.
Conversion of PSD 2 HTML is one of the crucial processes which are necessary for the designing of a website. The function of this website depends on the conversion to a great extent. It helps in converting the Photoshop based designs into a markup language as the Photoshop designs are incomplete and are difficult to understand by the web browser. After a proper and accurate conversion, the websites becomes ready to be launched which makes the conversion important.

HTML,CSS,CSS3 HTML5 Training Course Syllabus :

Introduction to Web Technologies

  • Introduction to Web Technologies
  • Careers in Web Technologies
  • How the Website Works?
  • Client and Server Scripting Languages
  • w3 html validation
  • Types of Websites (Static and Dynamic)
  • Web Standards
  • W3C recommendations
  • W3 css validation
  • Browser validation

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

HTML 5

  • Introduction to HTML5
  • What’s new in HTML5
  • HTML5 DocType
  • JS and CSS Tags t
  • New Structure Tags
  • Section
  • Article
  • Nav
  • Aside
  • Header
  • Hgroup
  • Footer
  • 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

CSS 3

  • Introduction to CSS 3
  • New CSS3 Properties
  • Rounded Corners
  • Border Images
  • Border Shadows
  • CSS Gradients
  • CSS Background properties
  • Text-Shadow Property
  • Text-Stroke Property
  • Using CSS3 in Practical Layout

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

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
  • 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
  • JS Objects
  • JS Functions
  • 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

Live Project Implementation

  • Client Requirement Analysis
  • Conversion of PSD to CSS
  • Adding Menu System to Project
  • Slideshow Integration
  • HTML Validation
  • Implementing Gallery Script
  • Adding the Contact Form
  • Form validations using JS
  • Manual Website Testing
  • CSS Validation

Web Designing Resources and Support after Course

  • PSD Templates
  • Bootstrap Project
  • Study Material in PDF and Daily Notes
  • FTP Access for storing file
  • Professional CSS Templates
  • Java Scripts and jQuery Scripts
  • 100% Job Assistance till you get placed.
  • Live Project in course
  • Email Support for Life Time
  • Details about the course:
  • Duration of the course: 2 Month
  • Fee Structure : 7,000 INR
  • Project : 15 project PSD 2 HTML/Responsive/Bootstrap/Onepage/Parallax
  • Mode of Training : Classroom/Online