Diploma in Web Designing & Mobile Application Development (Level 1)

Diploma

by Compufield Computer Institute

Mumbai

View Contact

Starting from:

INR 28,700
Per Course
(Taxes As Applicable)

Request Info

Level:	Level 1
Medium of instruction:	English

Request Info

Topics Covered

Adobe Photoshop
xHTML & CSS
Adobe Dreamwaver
Internet Technology
Adobe Flash
Mobile Application Development (Level 1)

ADOBE PHOTOSHOP

Adobe Photoshop is an Image Processing software package that enables you to create & edit images on IBM personal Computers. Adobe Photoshop is acknowledged in professional fields as the cutting-edge Program, the final word in Commercial Art.

Salient Features

With Photoshop's tools you can paint a likeness of a physical object.
Mixing and Manipulating of colours at a click of a button.
You can Blend 2 Images.
You can create Patterns and Artistic Designs using Fills and Colours.
You can manipulate your Design images with Special Effects and Techniques.
You can Import and Export your Images.
Retouch, Manipulate and Enhance Designs & patterns.

Application

It has been used to edit and create images as diverse as Commercial Art, Cosmetic ads, New Photos, Motion picture footage, Animation cells & Fine Art work.
Creates original Art & converts it to desired Platforms.
Retouch, manipulate & enhance photographs of Digital arts.
Master the special effects you've always wanted.
Learn the secrets of Output & Storage of your Images.
Web page designing.

Syllabus

1) What is Photoshop CS5?

Adobe Photoshop offers more non-destructive ways of working than any other photo editor, and Adobe is always adding enhancements to help get the job done faster and with less frustration. The latest version, PhotoshopCS(orPhotoshop8), offers improvements for everyone, but photographers will benefit most from this upgrade.It's the professional image-editing standard and the leader of the digital imaging line. Groundbreaking creative tools help you achieve extraordinary results. Unprecedented adaptability lets you custom-fit Photoshop to the way you work. And with more efficient editing, processing, and file handling, there's no slowing you down.

New Features of Photoshop CS5

File Browser Improvements
Photomerge Feature
Custom Keyboard Shortcuts
The New Filter Gallery
Keep Track of Editing History
Text on a Path or in a Shape
Live Histogram Palette
Customize Picture Package Layouts More Easily
New Ways to Share Your Photos
New Scrubber Controls

Interface

Adobe Photoshop offers more non-destructive ways of working than any other photo editor, and Adobe is always adding enhancements to help get the job done faster and with less frustration. The latest version, PhotoshopCS(orPhotoshop8), offers improvements for everyone, but photographers will benefit most from this upgrade.It's the professional image-editing standard and the leader of the digital imaging line. Groundbreaking creative tools help you achieve extraordinary results. Unprecedented adaptability lets you custom-fit Photoshop to the way you work. And with more efficient editing, processing, and file handling, there's no slowing you down.

New Features of Photoshop CS5

New in Photoshop CS3
System Requirements
RAM Requirements
Digital Tablets and Mice

Interface

1) The Welcome Screen

2) Color Spaces

3) Document Window

4) The Toolbox

5) Menus

6) Palettes

7) Options Bar

8) Shortcuts

9) Getting Assitance

10) Workplaces

File Menu

1) New

2) Open

3) Close

4) Close All

5) Save As

6) Save

Tool Bar

1) Rectangle Marquee Tool

2) Ellipitical Marquee Tool

The marquee tools make rectangular, elliptical, single row, and single column selections.

3) Edit Lasso Tool

The lasso tools make freehand, polygonal (straight-edged), and magnetic (snap-to) selections.

4) Polygon Tool

The Polygonal Lasso tool is useful for drawing straight-edged segments of a selection border.

5) Crop Tool

The Crop tool trims images.

6) Deselect the Selection

7) Magic wand Tool

The Magic Wand tool selects similarly colored areas.

8) Move selection

You can move a selection border around an image

9) Copy Using Move Tool

You can use the Move tool to copy selections as you drag them within or between images

10) Perfect Rectangle & circle

Edit Menu

1) Free Transform

2) Transform

3) Scale

Horizontal scale and vertical scale specify the proportion between the height and width of the type.

4) Rotate

The Rotate commands let you rotate or flip an entire image

5) Skew

6) Distort

The Distort filters geometrically distort an image, creating 3D or other reshaping effects.

7) Perspective

8) Wrap

9) Rotate 180°

10) Rotate 90° cw

11) Rotate 180° ccw

12) Flip Horizontal

13) Flip Vertical

Select Menu

1) Color Range

2) Drawing and Painting Tools

3) Brush Tool

The Brush tool paints brush strokes.

4) Air-Brush Tool

5) Pencil Tool

The Pencil tool paints hard-edged strokes.

6) Eraser Tool

7) PaintBucket Tool

The Paint Bucket tool fills similarly colored areas with the foreground color.

8) Gradient Tool

The Gradient tool creates a gradual blend between multiple colors. You can choose from preset gradient fills or create your own.

9) Smudge Tool

The tool picks up color where the stroke begins and pushes it in the direction you drag.

10) Define Brush

11) Load Brush

12) Create a new Layer

13) Delete Layer

Layers

Layers allow you to work on one element of an image without disturbing the others. Think of layers as sheets of acetate stacked one on top of the other.

1) Rename a Layer

As you add layers to an image, it’s helpful to give them names that reflect their content. Descriptive names make layers easy to identify in the palette.

2) Position the Layers

3) Layer Opacity

A layer’s opacity determines to what degree it obscures or reveals the layer beneath it. A layer with 1% opacity appears nearly transparent, whereas one with 100% opacity appears completely opaque.

4) Draging Layer

5) Link Layers

6) Invisible Layers

7) Merge visible layers

Merge - When you have finalized the content of layers, you can merge them to create partial versions of your composite image

8) Flatten image.

Flattening reduces file size by merging all visible layers into the background and discarding hidden layers.

9) Edit Gradient colors

10) Swatches Palette

The Swatches palette stores colors that you need to use often.

11) Eraser Tool.

Image and Text Editing.

1) Image Size

Wireframe Wireframe —

displays simple wireframe in addition to intermediate blend shapes.

2) Different Modes for filling colors

Color Mode
Multiply Mode
Screen Mode
Opacity of color
Save selection
Load selection
Fill gradient
Merge Down
Strokes/outlines
Rasterize the shapes
Canvas Size
Type Tool
Vertical Type Tool
Type Mask Tool
Adjustments - Brightness/contrast

An adjustment layer applies color and tonal adjustments to your image without permanently changing pixel values

Channel Palette and Mask Mode options

The Channels palette lets you create and manage channels. The palette lists all channels in the image—composite channel first (for RGB, CMYK, and Lab images).

1) Standard Mode

2) Quick Mask Mode

Quick Mask mode Lets you edit any selection as a mask.

3) Channel Palette

4) Load a channel as a selection

5) Adjustments

Auto levels

6) Inverse Selection

7) Filters

Artistic - Colored Pencil

Feathers

1) Feathers

2) Add Revelal Selection

3) Rulers

4) Clipping Mask

5) Adjustment - Hue/Saturation

6) Color Balance

The Color Balance command changes the overall mixture of colors in an image for generalized color correction.

Drawing & Editing Paths

1) Path

2) Pen tool

The Pen tool creates straight lines and smooth flowing curves.

3) Filter - Neon Glow

Neon Glow Adds various types of glows to the objects in an image. This filter is useful for colorizing an image while softening its look.

Clonme Stamp

The Clone Stamp tool takes a sample of an image, which you can then apply over another image or part of the same image.

Adjustment - Replace color

The Replace Color command lets you create a mask to select specific colors in an image and then replace those colors.

INTERNET TECHNOLOGY

Internet is worldwide network of networks with over 200 Million worldwide users. Internet gives you absolute access to information on any subject under the sky.

Why Use The Internet ?

Business : Marketing, selling and publishing product literature world wide.

Professionals : Provide and get technical support, bug fixes and product information, communicate or collaborate on projects in almost zero time.

Students : Information regarding Universities, their ratings & procedures for admission all over the world, access to over 40 million library files from your own computer.

Communication Power Of The Internet

WWW : Makes it possible for you to go roaming (surfing) around the web, from document to document using nothing but their links. All technical features of FireFox and Microsoft Explorer.

E-MAIL : You type a message into your computer, and it travels instantly over the network to your specified destination, one or millions.Attaching Text files,Video,Graphics etc. Send attached files to many email.On one click send thousands of emails to friends.

FTP : Short for File Transfer Protocol, the protocol for exchanging files over the Internet. FTP works in the same way as HTTP for transferring Web pages from a server to a user's browser and SMTP for transferring electronic mail across the Internet in that, like these technologies, FTP uses the Internet's TCP/IP protocols to enable data transfer.

Skype : Make calls from your computer — free to other people on Skype and economical to phones and mobiles around the world.

Messengers: You can chat LIVE with your friends, relative, bussiness partner etc with a Messenger.You can even make voice calls, view webcam(see the opposite person LIVE on your computer), share photos & videos. Following are the example of Messengers

1) Yahoo Messenger,

2) MSN Messenger.

ADOBE FLASH

Introduction:

An extremely popular multimedia authoring and playback system from Adobe. Flash formats are used for most of the animated ads and video clips on today's Web sites. Flash Lite is a version for mobile phones.

Created in authoring applications, such as Flash MX and Flash Professional, Flash "movies" in the .SWF file format are played back in Adobe's Flash Player within the Web browser or from a stand-alone application that accesses the Player.

Flash animations became very popular because they support vector images, which are very space efficient for illustrations on the Web. They also scale up and down with accurate detail when the window is resize

Salient Features

Create high-performance, real-time effects for cinematic experiences that quickly engage users.
Take advantage of a new, flexible text engine that brings print-quality publishing to the web
Add real-time dynamic effects with built-in filters for blur, drop shadow, glow, bevel, gradient glow, gradient bevel, displacement map, convolution, and color matrix
Deliver web applications with accurate color, so your favorite web destinations look the way they were intended
Bring your designs to life with animation and compositing capabilities, such as support for alpha channels, masking, and layering. Create stunning motion graphics integrated with images and video.

Application

Flash is Primarily an animation tool for the Web.
You can also create Corporate presentations and 2D Animation.

Syllabus

1) How to start the Flash Program

2) Interface of Flash environment

Stage
Timelines

3) Toolbar options

Arrow, pencil, brush, eraser tool
Magnifier, text tool, ink bottle
Paintbucket, eyedropper & lasso tool

4) Modify - Document

5) Working with text - edit, break apart

6) Transform options

7) Animation techniques

Using timelines and layers
Difference between frames, blank keyframes, keyframes, etc.

8) Shape tweening of objects and texts

9) Working with symbols

Creating graphic symbols
simple motion tweening
use of guide layers for motion tweening
tweening properties like rotation, orient to path, loop and other
instance, properties
Creating button symbols
edit the button symbol to give different effects for rollovers and clicks

assigning actions like start, stop, etc.

10) Library Window and color mixer window.

11) Grouping of elements

12) Importing and working with Bitmaps

13) Simple animation using Motion tweening - (Creating Graphic Symbols)

From One Point to another
Rotation Property
Scalling , Color Style Properties

Learn to -

Create Animations using two or more than two layers.
Transform options i.e Flip Horizontal, Flip Vertical, Rotate, etc.
Color Styles i.e Alpha.
Copy Frames and Paste Frames" option from the Edit Menu.

14) Animation using Shape tweening

Layer Properties
Motion along a path using guide layer

15) Image Slicing

Naming Slices & Inserting Slices
Layer Masking
Frame by frame animation
Editing animations, delating frames ,inserting frames

16) Library & library Properties

17) Creating animations for showing special effects

18) Blast effect

Ripples effect

19) Creating Movie-Clip symbols

Converting an existing animation into a movie-clip
Placing movie-clips inside the button symbol
Placing movie-clips inside the graphic symbol

20) Cell animation

21) Writing Text

22) Creating interactive movies/CD presentations using the above animation techniques

23) Adding sounds to a movie/presentation, importing and editing sounds

24) Creating websites or home-pages of any website

Optimizing movies & exporting movies for the web
Exporting files

ADOBE DREAMWEAVER

Dreamweaver is a professional authoring tool for creating and maintaining web-pages. It introduces ADOBE's Round-trip HTML technology, that imports HTML documents without reformatting the code and also makes it possible to use the latest Dynamic HTML features. All the code generated by it, works on as many platforms and browsers as possible.

Syllabus

How to Start the Dreamweaver Program.
Interface of the Dreamweaver Program.
Saving a File.
Text and Text Editing.
Previewing in a browser.
Image and Image Editing.
Page Properties .

Linking (Text Hyperlinks)

Hyperlinks
Internal Linking
External and Email Linking
Anchor Linking

Linking (Image Hyperlinks)

Internal Linking
External and Email Linking
Anchor Linking

Rollover Image

Navigation Bar with Rollovers & links

Using the Site Window

Set your local site
Import an existing site
Working with links in Site Maps

Using Links and URLs

Add a hyperlink
Use the point-to-file Icon
Add a mailto link
Add links to a graphic with Image maps

Displaying Data with Tables

Create a table for data
Add or remove rows & columns
Design a page layout using tables
Layout view, Standard view
Add color to the table
Turn the table into layers

Using Dynamic HTML and Layers

Overview
Add a layer

Cascading Style Sheets

Create & apply a custom style
Explore Style settings
Create a hyperlink rollover
Create an External Style Sheet

Building frames and framesets

Create a frameset
Set borders
Load frames

Animating with timelines

Create an animation.
Use the timelines panel
Record a simple animation
Add a layer and keyframe
Control layer properties with timelines

Using a form to collect data

Create a form
Add text fields and labels
Add different buttons
Add checkbox, list or a menu
Create a Jump Menu to navigate to different URLs

Re-using items in your Web Site

Create a library item
Create a library item from Existing content
Add a library item to a page
Make changes to a library item
Use Behaviors and Styles in library items

Applying a template

Create a template
Apply a template to a Web page
Make changes to a template
Use Behaviors, Styles and Timelines in Templates

xHTML & CSS

xHTML (Hypertext Markup Language) is used to describe the layout of a web page. xHTML is simply a vehicle to indicate elements of a hypertext page. The xHTML page must tell the browser which applets to load and then where to put each applet on the web page.

Syllabus

Introduction

What is internet ?
Overview of Web Browser
URLs (Uniform Resource Locator)
World Wide Web (www)
HTML Tools

HTML Document And Basic Tags

Writing Tools
Structure of an HTML document
Basic tags and Attributes
Body Attributes

Text editing

Text attributes
Marquee tag & its attributes
Headings
Font
Paragraph, Line Break
Ordered and Unordered Lists
Blockquote

Images

Image formats
Image attributes
Alignment of images

Image mapping

Tables

Create a table
Combine cells in a row or column

Forms

Create a form
Accept input and Submit

Frames

Create a frame
Working with frames

Special Things

Special Characters
Different graphic formats
Interlacing/Progresive Display
Putting your site Online
Working smart with HTML.

Basic Mobile Application Development

Definition

Appcelerator Titanium is a platform for developing mobile, tablet and desktop applications using web technologies.

Appcelerator Titanium Mobile is one of several phone web based application framework solutions allowing web developers to apply existing skills to create native applications for iPhone and Android.Yet, while using the familiar JavaScript syntax, developers will also have to learn the Titanium API, which is quite different from familiar web frameworks such as jQuery.

Syllabus

1) Getting Started

Creating your first application
Navigating the Titanium Studio workspace
Detecting platforms
Editing run configurations
Accessing the Titanium API Documentation

2) Windows & Views

Understanding Windows and Views
Using the label view
Using the image view
Understanding z-depth
Grouping and nesting Views

3) Controls, Input & Interactivity

Listening for events
Creating buttons
Creating a slider
Creating a switch
Creating a single-column picker
Creating a multi-column picker
Creating a date/time picker
Creating text fields and text areas
Configuring text field and text area keyboard types
Creating text fields with embedded buttons
Adding interactivity to any view

4) Tab Group

Understanding tab groups
Customizing tab groups
Working with a single tab group

5) Table View

Getting to know the Table view
Creating a simple table
Creating custom table rows
Opening windows from rows
Modifying row headers and footers
Adding rows
Updating rows
Deleting rows
Moving rows
Adding a search bar
Other properties and methods

6) Map View

Creating a map and setting the location
Creating simple annotations
Customizing pins
Creating and handling annotation buttons
Adding and removing pins at runtime

7) Web View and XHR

Loading local and remote web pages
Examining Web View events and controls
App-to-Web View for iOS

8) Feedback

Providing Feedback to the User
Setting timers
Prompting the device to vibrate
Providing feedback with an Alert dialog
Providing feedback with an Option dialog
Dial a phone number or load a webpage
Implementing an activity indicator

9) Gesture

Reading device orientation
Detecting shakes and reading accelerometer data
Detecting different tap types and finger swipes

10) Publish Apps To Phone

Topics Covered

Adobe Photoshop
xHTML & CSS
Adobe Dreamwaver
Internet Technology
Adobe Flash
Mobile Application Development (Level 1)

ADOBE PHOTOSHOP

Adobe Photoshop is an Image Processing software package that enables you to create & edit images on IBM personal Computers. Adobe Photoshop is acknowledged in professional fields as the cutting-edge Program, the final word in Commercial Art.

Salient Features

With Photoshop's tools you can paint a likeness of a physical object.
Mixing and Manipulating of colours at a click of a button.
You can Blend 2 Images.
You can create Patterns and Artistic Designs using Fills and Colours.
You can manipulate your Design images with Special Effects and Techniques.
You can Import and Export your Images.
Retouch, Manipulate and Enhance Designs & patterns.

Application

It has been used to edit and create images as diverse as Commercial Art, Cosmetic ads, New Photos, Motion picture footage, Animation cells & Fine Art work.
Creates original Art & converts it to desired Platforms.
Retouch, manipulate & enhance photographs of Digital arts.
Master the special effects you've always wanted.
Learn the secrets of Output & Storage of your Images.
Web page designing.

Syllabus

1) What is Photoshop CS5?

Adobe Photoshop offers more non-destructive ways of working than any other photo editor, and Adobe is always adding enhancements to help get the job done faster and with less frustration. The latest version, PhotoshopCS(orPhotoshop8), offers improvements for everyone, but photographers will benefit most from this upgrade.It's the professional image-editing standard and the leader of the digital imaging line. Groundbreaking creative tools help you achieve extraordinary results. Unprecedented adaptability lets you custom-fit Photoshop to the way you work. And with more efficient editing, processing, and file handling, there's no slowing you down.

New Features of Photoshop CS5

File Browser Improvements
Photomerge Feature
Custom Keyboard Shortcuts
The New Filter Gallery
Keep Track of Editing History
Text on a Path or in a Shape
Live Histogram Palette
Customize Picture Package Layouts More Easily
New Ways to Share Your Photos
New Scrubber Controls

Interface

Adobe Photoshop offers more non-destructive ways of working than any other photo editor, and Adobe is always adding enhancements to help get the job done faster and with less frustration. The latest version, PhotoshopCS(orPhotoshop8), offers improvements for everyone, but photographers will benefit most from this upgrade.It's the professional image-editing standard and the leader of the digital imaging line. Groundbreaking creative tools help you achieve extraordinary results. Unprecedented adaptability lets you custom-fit Photoshop to the way you work. And with more efficient editing, processing, and file handling, there's no slowing you down.

New Features of Photoshop CS5

New in Photoshop CS3
System Requirements
RAM Requirements
Digital Tablets and Mice

Interface

1) The Welcome Screen

2) Color Spaces

3) Document Window

4) The Toolbox

5) Menus

6) Palettes

7) Options Bar

8) Shortcuts

9) Getting Assitance

10) Workplaces

File Menu

1) New

2) Open

3) Close

4) Close All

5) Save As

6) Save

Tool Bar

1) Rectangle Marquee Tool

2) Ellipitical Marquee Tool

The marquee tools make rectangular, elliptical, single row, and single column selections.

3) Edit Lasso Tool

The lasso tools make freehand, polygonal (straight-edged), and magnetic (snap-to) selections.

4) Polygon Tool

The Polygonal Lasso tool is useful for drawing straight-edged segments of a selection border.

5) Crop Tool

The Crop tool trims images.

6) Deselect the Selection

7) Magic wand Tool

The Magic Wand tool selects similarly colored areas.

8) Move selection

You can move a selection border around an image

9) Copy Using Move Tool

You can use the Move tool to copy selections as you drag them within or between images

10) Perfect Rectangle & circle

Edit Menu

1) Free Transform

2) Transform

3) Scale

Horizontal scale and vertical scale specify the proportion between the height and width of the type.

4) Rotate

The Rotate commands let you rotate or flip an entire image

5) Skew

6) Distort

The Distort filters geometrically distort an image, creating 3D or other reshaping effects.

7) Perspective

8) Wrap

9) Rotate 180°

10) Rotate 90° cw

11) Rotate 180° ccw

12) Flip Horizontal

13) Flip Vertical

Select Menu

1) Color Range

2) Drawing and Painting Tools

3) Brush Tool

The Brush tool paints brush strokes.

4) Air-Brush Tool

5) Pencil Tool

The Pencil tool paints hard-edged strokes.

6) Eraser Tool

7) PaintBucket Tool

The Paint Bucket tool fills similarly colored areas with the foreground color.

8) Gradient Tool

The Gradient tool creates a gradual blend between multiple colors. You can choose from preset gradient fills or create your own.

9) Smudge Tool

The tool picks up color where the stroke begins and pushes it in the direction you drag.

10) Define Brush

11) Load Brush

12) Create a new Layer

13) Delete Layer

Layers

Layers allow you to work on one element of an image without disturbing the others. Think of layers as sheets of acetate stacked one on top of the other.

1) Rename a Layer

As you add layers to an image, it’s helpful to give them names that reflect their content. Descriptive names make layers easy to identify in the palette.

2) Position the Layers

3) Layer Opacity

A layer’s opacity determines to what degree it obscures or reveals the layer beneath it. A layer with 1% opacity appears nearly transparent, whereas one with 100% opacity appears completely opaque.

4) Draging Layer

5) Link Layers

6) Invisible Layers

7) Merge visible layers

Merge - When you have finalized the content of layers, you can merge them to create partial versions of your composite image

8) Flatten image.

Flattening reduces file size by merging all visible layers into the background and discarding hidden layers.

9) Edit Gradient colors

10) Swatches Palette

The Swatches palette stores colors that you need to use often.

11) Eraser Tool.

Image and Text Editing.

1) Image Size

Wireframe Wireframe —

displays simple wireframe in addition to intermediate blend shapes.

2) Different Modes for filling colors

Color Mode
Multiply Mode
Screen Mode
Opacity of color
Save selection
Load selection
Fill gradient
Merge Down
Strokes/outlines
Rasterize the shapes
Canvas Size
Type Tool
Vertical Type Tool
Type Mask Tool
Adjustments - Brightness/contrast

An adjustment layer applies color and tonal adjustments to your image without permanently changing pixel values

Channel Palette and Mask Mode options

The Channels palette lets you create and manage channels. The palette lists all channels in the image—composite channel first (for RGB, CMYK, and Lab images).

1) Standard Mode

2) Quick Mask Mode

Quick Mask mode Lets you edit any selection as a mask.

3) Channel Palette

4) Load a channel as a selection

5) Adjustments

Auto levels

6) Inverse Selection

7) Filters

Artistic - Colored Pencil

Feathers

1) Feathers

2) Add Revelal Selection

3) Rulers

4) Clipping Mask

5) Adjustment - Hue/Saturation

6) Color Balance

The Color Balance command changes the overall mixture of colors in an image for generalized color correction.

Drawing & Editing Paths

1) Path

2) Pen tool

The Pen tool creates straight lines and smooth flowing curves.

3) Filter - Neon Glow

Neon Glow Adds various types of glows to the objects in an image. This filter is useful for colorizing an image while softening its look.

Clonme Stamp

The Clone Stamp tool takes a sample of an image, which you can then apply over another image or part of the same image.

Adjustment - Replace color

The Replace Color command lets you create a mask to select specific colors in an image and then replace those colors.

INTERNET TECHNOLOGY

Internet is worldwide network of networks with over 200 Million worldwide users. Internet gives you absolute access to information on any subject under the sky.

Why Use The Internet ?

Business : Marketing, selling and publishing product literature world wide.

Professionals : Provide and get technical support, bug fixes and product information, communicate or collaborate on projects in almost zero time.

Students : Information regarding Universities, their ratings & procedures for admission all over the world, access to over 40 million library files from your own computer.

Communication Power Of The Internet

WWW : Makes it possible for you to go roaming (surfing) around the web, from document to document using nothing but their links. All technical features of FireFox and Microsoft Explorer.

E-MAIL : You type a message into your computer, and it travels instantly over the network to your specified destination, one or millions.Attaching Text files,Video,Graphics etc. Send attached files to many email.On one click send thousands of emails to friends.

FTP : Short for File Transfer Protocol, the protocol for exchanging files over the Internet. FTP works in the same way as HTTP for transferring Web pages from a server to a user's browser and SMTP for transferring electronic mail across the Internet in that, like these technologies, FTP uses the Internet's TCP/IP protocols to enable data transfer.

Skype : Make calls from your computer — free to other people on Skype and economical to phones and mobiles around the world.

Messengers: You can chat LIVE with your friends, relative, bussiness partner etc with a Messenger.You can even make voice calls, view webcam(see the opposite person LIVE on your computer), share photos & videos. Following are the example of Messengers

1) Yahoo Messenger,

2) MSN Messenger.

ADOBE FLASH

Introduction:

An extremely popular multimedia authoring and playback system from Adobe. Flash formats are used for most of the animated ads and video clips on today's Web sites. Flash Lite is a version for mobile phones.

Created in authoring applications, such as Flash MX and Flash Professional, Flash "movies" in the .SWF file format are played back in Adobe's Flash Player within the Web browser or from a stand-alone application that accesses the Player.

Flash animations became very popular because they support vector images, which are very space efficient for illustrations on the Web. They also scale up and down with accurate detail when the window is resize

Salient Features

Create high-performance, real-time effects for cinematic experiences that quickly engage users.
Take advantage of a new, flexible text engine that brings print-quality publishing to the web
Add real-time dynamic effects with built-in filters for blur, drop shadow, glow, bevel, gradient glow, gradient bevel, displacement map, convolution, and color matrix
Deliver web applications with accurate color, so your favorite web destinations look the way they were intended
Bring your designs to life with animation and compositing capabilities, such as support for alpha channels, masking, and layering. Create stunning motion graphics integrated with images and video.

Application

Flash is Primarily an animation tool for the Web.
You can also create Corporate presentations and 2D Animation.

Syllabus

1) How to start the Flash Program

2) Interface of Flash environment

Stage
Timelines

3) Toolbar options

Arrow, pencil, brush, eraser tool
Magnifier, text tool, ink bottle
Paintbucket, eyedropper & lasso tool

4) Modify - Document

5) Working with text - edit, break apart

6) Transform options

7) Animation techniques

Using timelines and layers
Difference between frames, blank keyframes, keyframes, etc.

8) Shape tweening of objects and texts

9) Working with symbols

Creating graphic symbols
simple motion tweening
use of guide layers for motion tweening
tweening properties like rotation, orient to path, loop and other
instance, properties
Creating button symbols
edit the button symbol to give different effects for rollovers and clicks

assigning actions like start, stop, etc.

10) Library Window and color mixer window.

11) Grouping of elements

12) Importing and working with Bitmaps

13) Simple animation using Motion tweening - (Creating Graphic Symbols)

From One Point to another
Rotation Property
Scalling , Color Style Properties

Learn to -

Create Animations using two or more than two layers.
Transform options i.e Flip Horizontal, Flip Vertical, Rotate, etc.
Color Styles i.e Alpha.
Copy Frames and Paste Frames" option from the Edit Menu.

14) Animation using Shape tweening

Layer Properties
Motion along a path using guide layer

15) Image Slicing

Naming Slices & Inserting Slices
Layer Masking
Frame by frame animation
Editing animations, delating frames ,inserting frames

16) Library & library Properties

17) Creating animations for showing special effects

18) Blast effect

Ripples effect

19) Creating Movie-Clip symbols

Converting an existing animation into a movie-clip
Placing movie-clips inside the button symbol
Placing movie-clips inside the graphic symbol

20) Cell animation

21) Writing Text

22) Creating interactive movies/CD presentations using the above animation techniques

23) Adding sounds to a movie/presentation, importing and editing sounds

24) Creating websites or home-pages of any website

Optimizing movies & exporting movies for the web
Exporting files

ADOBE DREAMWAVER

Dreamweaver is a professional authoring tool for creating and maintaining web-pages. It introduces ADOBE's Round-trip HTML technology, that imports HTML documents without reformatting the code and also makes it possible to use the latest Dynamic HTML features. All the code generated by it, works on as many platforms and browsers as possible.

Syllabus

How to Start the Dreamweaver Program.
Interface of the Dreamweaver Program.
Saving a File.
Text and Text Editing.
Previewing in a browser.
Image and Image Editing.
Page Properties .

Linking (Text Hyperlinks)

Hyperlinks
Internal Linking
External and Email Linking
Anchor Linking

Linking (Image Hyperlinks)

Internal Linking
External and Email Linking
Anchor Linking

Rollover Image

Navigation Bar with Rollovers & links

Using the Site Window

Set your local site
Import an existing site
Working with links in Site Maps

Using Links and URLs

Add a hyperlink
Use the point-to-file Icon
Add a mailto link
Add links to a graphic with Image maps

Displaying Data with Tables

Create a table for data
Add or remove rows & columns
Design a page layout using tables
Layout view, Standard view
Add color to the table
Turn the table into layers

Using Dynamic HTML and Layers

Overview
Add a layer

Cascading Style Sheets

Create & apply a custom style
Explore Style settings
Create a hyperlink rollover
Create an External Style Sheet

Building frames and framesets

Create a frameset
Set borders
Load frames

Animating with timelines

Create an animation.
Use the timelines panel
Record a simple animation
Add a layer and keyframe
Control layer properties with timelines

Using a form to collect data

Create a form
Add text fields and labels
Add different buttons
Add checkbox, list or a menu
Create a Jump Menu to navigate to different URLs

Re-using items in your Web Site

Create a library item
Create a library item from Existing content
Add a library item to a page
Make changes to a library item
Use Behaviors and Styles in library items

Applying a template

Create a template
Apply a template to a Web page
Make changes to a template
Use Behaviors, Styles and Timelines in Templates

xHTML & CSS

xHTML (Hypertext Markup Language) is used to describe the layout of a web page. xHTML is simply a vehicle to indicate elements of a hypertext page. The xHTML page must tell the browser which applets to load and then where to put each applet on the web page.

Syllabus

Introduction

What is internet ?
Overview of Web Browser
URLs (Uniform Resource Locator)
World Wide Web (www)
HTML Tools

HTML Document And Basic Tags

Writing Tools
Structure of an HTML document
Basic tags and Attributes
Body Attributes

Text editing

Text attributes
Marquee tag & its attributes
Headings
Font
Paragraph, Line Break
Ordered and Unordered Lists
Blockquote

Images

Image formats
Image attributes
Alignment of images

Image mapping

Tables

Create a table
Combine cells in a row or column

Forms

Create a form
Accept input and Submit

Frames

Create a frame
Working with frames

Special Things

Special Characters
Different graphic formats
Interlacing/Progresive Display
Putting your site Online
Working smart with HTML.

Basic Mobile Application Development

Definition

Appcelerator Titanium is a platform for developing mobile, tablet and desktop applications using web technologies.

Appcelerator Titanium Mobile is one of several phone web based application framework solutions allowing web developers to apply existing skills to create native applications for iPhone and Android.Yet, while using the familiar JavaScript syntax, developers will also have to learn the Titanium API, which is quite different from familiar web frameworks such as jQuery.

Syllabus

1) Getting Started

Creating your first application
Navigating the Titanium Studio workspace
Detecting platforms
Editing run configurations
Accessing the Titanium API Documentation

2) Windows & Views

Understanding Windows and Views
Using the label view
Using the image view
Understanding z-depth
Grouping and nesting Views

3) Controls, Input & Interactivity

Listening for events
Creating buttons
Creating a slider
Creating a switch
Creating a single-column picker
Creating a multi-column picker
Creating a date/time picker
Creating text fields and text areas
Configuring text field and text area keyboard types
Creating text fields with embedded buttons
Adding interactivity to any view

4) Tab Group

Understanding tab groups
Customizing tab groups
Working with a single tab group

5) Table View

Getting to know the Table view
Creating a simple table
Creating custom table rows
Opening windows from rows
Modifying row headers and footers
Adding rows
Updating rows
Deleting rows
Moving rows
Adding a search bar
Other properties and methods

6) Map View

Creating a map and setting the location
Creating simple annotations
Customizing pins
Creating and handling annotation buttons
Adding and removing pins at runtime

7) Web View and XHR

Loading local and remote web pages
Examining Web View events and controls
App-to-Web View for iOS

8) Feedback

Providing Feedback to the User
Setting timers
Prompting the device to vibrate
Providing feedback with an Alert dialog
Providing feedback with an Option dialog
Dial a phone number or load a webpage
Implementing an activity indicator

9) Gesture

Reading device orientation
Detecting shakes and reading accelerometer data
Detecting different tap types and finger swipes

10) Publish Apps To Phone

Request Info

Classroom - Regular
When	Duration	Where	Remarks	Price
Not Specified	130 Sessions	All Venues	1 session is of 1hr.	INR 28,700 Per Course (Taxes As Applicable)

Request Info

Mumbai, Warden Road (Head Office):- Chinoy Mansion, First Floor, Block #2 Opp. St.Stephen's Church Warden Road, Mumbai - 400036, Maharashtra, India

View Phone

Mumbai, Bandra West (Branch):- 1st Floor. O'Priya Building, Near Mehboob Studio Peter Dias Road Bandra West, Mumbai - 400050, Maharashtra, India

View Phone

Mumbai, Andheri West (Branch):- Wembley Society, Shop No 3 Shastri Nagar, Lane no2, Lokhandwala Andheri West, Mumbai - 400053, Maharashtra, India

View Phone

Request Info