Introduction to Web Technologies

Introduction to Web
Technologies

Job Roles of Web Designer and

Web Developer

Careers in Web Technologies

How the Website Works?

Types of Websites (Static and

Dynamic)

Web Standards

Client and Server Scripting

Languages

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

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

File Types in Photoshop

Filter Effects

Using Photoshop Tools with

Real-time Examples

Photoshop Actions

Move Tool

Animation using Photoshop

Marque Tools
Lasso Tools

Brochure Designing and PDF

Output

Quick Selection / Magic Wand

Designing a Logo

Crop / Slicing Tool

Creating a Business Card

Image Manipulation Tools

Design Banners for Website

Brushes

Real-time Website Layout

Design

Patterns

Gradients

Automation Tools

Whats new in PS CS 6.0

Hyper Text Markup Language (HTML 4.01)

What is Markup Language

Working with Forms

 Basic Structure of HTML

Head Section and Elements of
Head

Form Functionality Logic

Form Tag

Meta Tags

POST and GET Method

External Link Tags

Encoding Type

HTML Structure Tags

Text Input and Password

Table Tag

Hidden Fields

Div Tag

Checkbox and Radio Button

Frames

Text Area

Content / Media Tags

Select Option, Option Group

and Menu

Headings, Paragraph, Span, Pre

Tags

File Upload and Multiple Files

Anchor Links and Named

Anchors

Button, Image, Submit and

Reset Buttons

Image Tags / Image Hot Spots

Relation between HTML Form

and PHP

Object Tag / I frame Tags

Creating a Live Website Form

Cascading Style Sheets (CSS 2.1)

Introduction to Cascading Style

Sheets

CSS properties
Type Properties

Types of Style Sheets

Background Properties

Inline, Internal and External

Block Properties

CSS for Website Layout and

Print Layout

Box Model Properties

Types of CSS Selectors

Border Properties

Universal Selector

Positioning Properties

Type Selector

Properties useful in Real-time

Designing

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

List Properties

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

RESPONSIVE WEBSITE With HTML5

Do your slicing with responsive website

How to use HTML5 for responsive

How to use CSS3 for responsive

Project

HTML 5
New Form Tags
Introduction to HTML5
Whats new in HTML5

Form validation and

Placeholder

HTML5 DocType

search

JS and CSS Tags

tel

New Structure Tags

url

Section

email

Article

date, date time and month

Nav

number and range

Aside

New Media Tags

Header

Audio Tag

Hgroup

Video Tag

Footer

Designing a Layout using

HTML5

CSS 3
Introduction to CSS 3

CSS Gradients

New CSS3 Properties

CSS Background properties

Rounded Corners

Text-Shadow Property

Border Images

Text-Stroke Property

Border Shadows

Using CSS3 in Practical Layout

Adobe Dreamweaver
Introduction to Adobe
Dreamweaver

Spry Elements

Dreamweaver Interface Basics

Tabbed Panels

Type of Views

Accordions

Defining a Dreamweaver site

Collapsible Divs

Benefits of Using Site

Spry Menu Bar

 Forms in Dreamweaver
Creating a Site for Static
Project

Form Tag

Creating a Site for PHP Project

Input Tags (Hidden, Text,

Checkbox, Radio)

Standard Tool Bar

Multiple Browser Output
Device Central and Mobile
Sites

Field set and Label Tag

Select Tag / List Tag / Opt

Group
File Type / Encoding

Common Tool Bar

Text Area

Anchor Links / Email Links /

Named Anchors

Buttons (Submit, Button,

Image and Reset)

Insert Table

Dreamweaver Advanced
Concepts

Insert Divs
Inserting Images / Image Hot
Spots

Spry Form Validations

Snippets Creation

Inserting Flash / Video

FTP Client in DW

Meta Tags

Dreamweaver Extensions

Script Tags

Template Design in
Dreamweaver

Layout Tool Bar

Inserting Divs
Inserting Tables
Working with I Frames
Text Tags
Heading Tag

Importing a website design

Setting the Editable and NonEditable Regions
Defining the DWT for project.
Attaching a Template

Content Tags

Detaching the Template /

Modifying the Template

Validating the XHTML & CSS

Formatting Tags

Common Compatibility Issues

Java Script and JQuery

Introduction to Client Side
Scripting

Working with Arrays

Introduction to Java Script

JS Functions

Types of JS

Using Java Script in Real-time

Variables in JS

Validation of Forms

JOperators in JS

Dropdown Menus

Conditions Statements (If, If

Else, Switch)

Slide Show Effects in Js

Java Script Loops

JS Popup Boxes (Alert, Prompt,
Confirm)

JS Objects

Date / Calendar Integration

Useful Scripts for Projects

 JS Events
Onload, Onunload and
Onsubmit
OnFocus, Onchange and Onblur
Onmouseover and Onmouseout
Onclick, Ondbclick Events

JS Arrays

Web Hosting
Web Hosting Basics

Using Control Panel

Types of Hosting Packages

Creating Emails in Cpanel

Registering domains

Using FTP Client

Defining Name Servers

Maintaining a Website

Live Project Implementation

Client Requirement Analysis

Implementing Gallery Script

Designing a Professional
Photoshop Template

Adding the Contact Form

Conversion of PSD to CSS

Adding Menu System to Project

Writing the Mail Function in

form with PHP

Slideshow Integration

Form validations using JS

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 jQuery 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.

Live Project
Daily Template Assignment
2 Html Website Create
1 resposive Website Create

100% Job Placement guarantee only in Kolkata

Course Duration: 3 Months
Course Fees: Rs 10,000
Installment: Rs. 5,000 x 2= Rs. 10,000
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 Motijheel Girl High School Dumdum, Kolkata-74
West Bengal.
(Walking Distance From Dumdum Metro - 15 minutes, Auto - 5
minutes)
Email : w3webschools@gmail.com, enquiry@w3webschool.com
Skype : suhana.saheel
Website: http://www.w3webschool.com/
Lucknow Address
Jalalpur railway crossing rajajipuram Lucknow -226017