Training on Website Designing

Web Technologies offers Professional Online Web design course to make you a professional web designer. Our online web design classes will be based on theory and practicals as per real-time standards. Our trainers are professional web designers with vast experience in creating websites. Our trainers will teach the course with enthusiasm and help you understand the subject in depth and implement the concepts in real-time projects. We offer both One-One Training and Group Training as per the requirements. After completion of our course you will be able to create professional websites.

Benefits of Online Training

• One-One and Group training for best understanding and exposure.
• Highly experienced trainer will teach you as per your understanding level.
• Low cost compared to any online course in any university abroad.
• Can choose your time and attend the classes as per your schedule.
• Free Demo session before your join the Course.

Course Details

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

• 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 Palletes
• Color Modes and Resolution Options
• File Types in Photoshop
• Using Photoshop Tools with Realtime 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
• Realtime Website Layout Design
• Whats 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 / Iframe 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

XHTML 1.1

• What is XHTML?
• Difference between HTML & XHTML
• XHTML Rules
• Introduction to Doc Types

• Strict Doc type
• Transitional Doctype
• Mobile Doctype
• XHTML Validation

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 Combinator
• :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 Propeties
• Properties useful in Realtime Designing
• Using CSS for Realtime 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

HTML 5

• Introduction to HTML5
• Whats new in HTML5
• HTML5 DocType
• JS and CSS Tags
• New Structure Tags
• Section
• Article
• Nav
• Aside
• Header
• Hgroup
• Footer

• New Form Tags
• Form validation and Placeholder
• search
• Tel
• url
• email
• date, datetime 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

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 IFrames
• Text Tags
• Heading Tag
• Content Tags
• Formating Tags

• Spry Elements
• Spry Menu Bar
• Tabbed Panels
• Accordions
• Collapsible Divs
• Forms in Dreamweaver
• Form Tag
• Fieldset 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

• Working with Arrays
• JS Objects
• JS Functions
• Using Java Script in Realtime
• Validation of Forms
• DropDown Menus
• Slide Show Effects in Js
• Date / Calendar Integration
• Useful Scripts for Projects
• AJAX CONCEPTS
• Ajax Libraries
• Basics of JQuery
• Jquery Scripts
• Useful Ajax scripts in live projects

Adobe Flash

• Introduction to Animation
• Introduction to Adobe Flash
• Tools in Adobe Flash
• Timeline
• Shape Tween
• Motion Tween

• Frame Animation
• Various Flash Effects
• Creating Flash Banners
• Creating Flash Intro's
• Creating Flash Website
• Basics of Action Scripting.

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

SEO Basics

• Basics of SEO
• Importance of SEO

• Onpage Optimization Basics
• Implementation with Live Examples

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