ONLINE WEB DESIGNING TRAINING IN SINGAPORE

• Introduction to Web Technologies
• Careers in Web Technologies and Job Roles
• How the Website Works ?
• Client and Server Scripting Languages

• Difference between a Web Designer and Web Developer
• Types of Websites (Static and Dynamic Websites)
• Web Standards and W3C recommendations

• Introduction to Adobe Photoshop
• Intro Tour of Photoshop & Palletes
• Color Modes and Resolution Options
• Using Photoshop Tools with Realtime Examples

• Working with Layers, Grouping and Smart Objects
• Image Adjustments
• Analysis Menu
• View Menu / Window Menu

• File Types in Photoshop
• Animation using Photoshop
• Generating PDF Output
• Designing a Logo
• Design Banners for Website

Adobe Photoshop Tools

• Move Tool
• Marque Tools
• Crop Tool

• Pen Tool
• Shape Tool
• Text Tool

• Image Manipulation Tools
• Save Options
• Quick Selection / Magic Wand

• What is Markup Language
• Basic Structure of HTML
• Head Section and Elements of Head Section
• Meta Tags
• External Link Tags

HTML Structure Tags

• Table Tag
• Div Tag
• Frames

Content / Media Tags

• Header Tags
• Paragraph, Span, Pre Tags
• Anchor Links and Named Anchors
• Image Tags / Image Hot Spots
• Object Tag
• Iframe Tags

Working with Forms

• Form Tag
• POST and GET Method

• Text Input, Text Area, Checkbox, Image Input and Radio
• Select Option, Option Group
• File Upload and Hidden Fields
• Submit Button, Reset Button
• Relation between HTML Form and PHP
• Creating a Live Website Form

• Introduction to HTML5
• Whats new in HTML5
• HTML5 DocType
• Sample Layout using HTML5

section

• nav
• article

• aside
• header
• footer

New Form Tags

• search
• tel
• url

• email
• number

New Media Tags

• Audio Tag
• Video Tag

• Introduction to Cascading Style Sheets
• Types of Style Sheets
• CSS for Website Layout and Print Layout

Types of CSS Selectors

• Universal Selector
• Type Selector
• Class Selector
• ID Selector
• Attribute Selector

CSS properties

• Type Properties
• Background Properties
• Block Properties
• Box Model Properties
• List Properties
• Border Properties
• Positioning Propeties
• Properties useful in Realtime Designing

CSS for Realtime Practical Works

• Defining the Text Styles
• Defining the Background Styles
• Designing a Menu System
• Horizontal, Vertical and Drop Down Menus
• Custom Form Designing
• DIV + CSS Layout Design
• PSD to CSS Conversion
• CSS Optimization Tips

• Introduction to CSS 3
• New CSS3 Properties
• CSS Rounded Corners
• Border Images

• Border Shadows
• CSS Gradients
• CSS Background properties

• Text-Shadow Property
• Text-Stroke Property
• Using CSS3 in Practical Layout

• Introduction to Adobe Dreamweaver
• Dreamweaver Interface Basics
• Standard Tool Bar
• Setting the Dreamweaver for Multiple Browser Output

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 Frames
• Working with IFrames

Text Tags

• Headings Tag
• Content Tags

Forms in Dreamweaver

• Form Tag
• Fieldset and Label Tag
• Input Tags (Hidden, Text, Checkbox, Radio,Image)
• Select Tag / List Tag / Opt Group
• Buttons (Submit and Reset)
• File Type / Encoding Type
• Sending Mail using PHP

• Introduction to Client Side Scripting
• Introduction to Java Script
• JavaScript Types
• Variables in JS
• Operators in JS
• Conditions Statements (If, If Else, Switch)

• Java Script Loops (For Loop, While Loop, Do While Loop)
• JS Popup Boxes (Alert, Prompt, Confirm)
• JS Events
• JS Arrays
• Working with Arrays

• JS Objects
• JS Functions

Using Java Script in Realtime

• DropDown Menus
• Slide Show Effects in Js
• Date / Calendar Integration
• Useful Scripts for Projects

• Downloading and use jQuery
• Syntax overview

• Understanding jQuery chaining
• Anatomy of a jQuery Script

• Setting CSS Properties
• Adding CSS classes

• jquery menu implementation
• jquery Dropdown implementation

• jquery Slider implementation
• jquery Tabs implementation

• jquery lightbox implementation
• photo gallery implementation

• 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

• Basics of SEO

• Importance of SEO

• Onpage Optimization Basics

• 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
• Manual Website Testing