|
1.
Photoshop
Course description:
Adobe Photoshop,
the benchmark for digital images excellence ,delivers a new level of power precision,
and control, as well as exciting new features and next-generation enhancements.
including the Photoshop is image Readycs2 which offers a versatile set of tools
for creating and optimizing visual content for the web.
Course objectives:
Upon completing
this course, you will have acquired the following:
-
Differentiate
between different images types and formats.
-
Identify the
RGB color mode, image resolution and color depth
-
Describe Photoshop
interface elements and menus
-
Manage Photoshop
workspace and customize its environment
-
Use palettes
-
Use all different
Photoshop tool box
-
Use selections
and channels
-
Create types
and How to modify it
-
Working with
layers and masks
-
Explore image
Ready tool and its environments
-
Create logos
and banners
-
Produce animation
-
Develop navigation
bar and interface
-
Produce different
buttons with rollover feature explore additional Photoshop functions to optimize
your web design.
Course credentials:
This flexible
program makes advanced techniques accessible and easy to use. This integration of
powerful design, code, and interactive features provides a wealth of benefits to
both beginners and advanced users.
Course outline:
·
Session no:1
Introduction
to Photoshop
Graphic concepts
Digital image
types and formats
Images modes
Vector and raster
images
Photoshop user
interface
Navigation menus
and toolbox
·
Session no:2
Photoshop workspace
Using the tools
Using the tool
options bar and other palettes
Undoing actions
in Photoshop
Customizing the
workspace
Jumping ti adobe
image Ready
Using Photoshop
help
·
Session no:3
Basic photo corrections
Strategy for
retouching
Resolution and
image size
Straightening
and cropping an image
Making automatic
adjustments
Removing acolor
cast
Replacing colors
in an image
Adjusting lightness
with a dodge tool
Applying the
unsharp mask filter
·
Session no:4
Retoutching and
repairing an image
Repairing area
with the clone stamp tool
Using the spot
healing brush tool
Retoutching on
a separate layer
·
Session no:5
working with
selections
selecting with
the magic wand tool
working with
oval and circular selection
selecting with
the lasso tool
rotating a selection
selecting with
the magic lasso tool
cropping an image
and erasing within a selection
·
Session no:6
Layer basics
Using the layer
palette
Rearranging layers
Applying a layer
style
Flattening and
saving files
·
Session no:7
Masks and channels
Creating a quick
mask
Editing a quick
mask
Saving a selection
as a mask
Editing mask
Loading mask
as a selection and applying an adjustment
Extrcting an
image
Applying a filter
effect to a masked selection
Creating a gradient
mask
Applying effects
using a gradient mask
·
Session no:8
Working with
types
Working with
text
Creating a clipping
mask fron type
Creating a design
element from type
Using inter acive
formatting control
Warping point
type
Warping a layer
2.
(HTML)
Course description:
Studying the
extensible hyper text mark-up language ,the language which used for designing web
pages to integrated web sites in an easy-to-learn method.
Course objectives:
Upon completing
this course, you will have acquired the following:
-
Creating high
quality web pages.
-
Organizing and
formatting easy-to-negative web pages.
-
Creating hyperlinls
used for navigating among the web pages.
-
Working with
images in the web pages.
-
Inserting scrolling
texts,tables and lists into web pages.
-
Working with
forms
-
Inserting acode
of some languages used for creating web pages.
-
Exploring the
cascading style sheet(css).
-
Identyfing the
protocols most commonly refernced by URLs.
-
Use query strings
to the specifications
-
Create URL specifications
using FTTP protocol.
Course credentials:
This course is
very important for those who intend to work in designing or developing visually
appealing web sites including a lot of static and scrolling texts,images and etc.
Course outline:
·
Session no:1
History of world
wide web
TCP/IP protocol
invention
Web pages imergence
Mark up language
SGML,HTML
introduction
for creating aweb page
·
Session no:2
HTML CODING
Text editors
Text editor types
Microsoft notepad
Web browsers
Mark up tags
Container and
empty tags
Component of
the tag
<html>
tag
<head>
tag
<body>
tag
Creating a web
page
·
Session no:3
Formatting a
paragraph
Starting a new
paragraph
Aligning a paragraph
Creating a line
break in a page
Heading level
tags
<pre> tag
<div> tag
<blockquote>
tag
<hr/> tag
·
Session no:4
Formatting texts
<b> and
<i> tags
<u> and
<strike> tags
<small>
and <big> tags
<sub> and
<sup> tags
Font size and
color
Working with
colors
Setting the background
color
·
Session no:5
Table basics
Usage of table
Table elements
Types of table
tags
Table data alignment
Formatting table
Table height
and width
Table cells color
Vertical merge
Horizontal merge
·
Session no:6
Web page content
Inserting images
Types of images
GIF images
JPEG images
PNG images
Image properties
Transparency
Interlacing
Animation
Formatting images
Aligning images
Resizing images
Inserting images
as a web pages background
The alt attribute
Working with
special characters
·
Session no:7
Lists
Concept and use
of lists
Types of lists
Ordered lists
Unordered lists
Definition lists
Nested lists
·
Session no:8
hyperlinks
types of hyperlinks
external hyperlinks
internal hyperlinks
hyperlinks through images
E-mail hyperlinks
·
Session no:9
Forms and form
elements
Form elements
tags
Handling data
Inserting form
elements
Text boxes
Submit and reset
buttons
Radio buttons
Check boxes
Selest lists
Scrolling text
area box
File upload
·
Session no:10
Working with
frames
Types of frames
Tag for creating
horizontal frames
Tag for creating
vertical frames
Nested frames
The noframes
case
Target frames
with hyperlinks
Scroll bars
Additional frame-related
attributes
Targeting frames
Special frames
targeting
·
Session no:11
Cascading style
sheet(css)
Css concept
Usage of css
Css style rule
Grouping
Css comments
Style guide
Types of css
Linked style
sheets
Embedded style
sheets
3.
Macromedia flash8
Course description:
Macromedia flash
is a function of design and development tools used to produce everything from web
sites to computer-based training modules.
Flash is actually
broken up into two separate pieces of software. first is the editing environment,
which you use to produce your own software, the second is flash player which interprets,
displays, and executes applications distributed as SWF files.
Course objectives:
By the end of
this course you will be able to:
·
Navigate and
use the toolset found in the flash authoring environment.
·
Use assets create
an engaging user interface.
·
Create animation
using several different animating techniques.
·
Import media
such as PNG and video files.
·
Use the script
assist to add interactivity to your flash application.
·
Use behaviors
to instantly add action script to your document.
·
Understand how
action script works with your flash documents and make component work.
·
Load external
content at run.
·
Add meta data
to your flash documents for better search engine visibility.
·
Organize your
FLAfiles so you can optimize and publish your flash files.
Course outline:
·
Session no:1
Introduction flash 8
Looking at the
flash workspace
Working with
panels
Using the timeline
and frames
Working with
layers
Setting your
preferences
Testing an
FLA
files
·
Session no:2
Creating graphics
Learning about
fills and strokes
Using vector
and bitmap images
Using color
Creating graphics
with drawing tools
Using guides,
grids, coordinates and snapping
Adding strokes
Using fills and
gradients
Creating a new
graphic symbol
·
Session no:3
Using text
Understanding
the static text and device fonts
Adding static
text to document
Using embedded
fonts
Adding a timeline
effect to a text field
Spell check your
documents
Using text-based
component
·
Session no:4
Creating and editing symbols
Symbols explained
Creating and
editing symbol on the stage
Looking at symbols
in the library
Nesting symbols
and timelines
Revisiting graphic
symbols
Creating buttons
Placing button
on the stage
Creating an invisible
button
Creating movie
clip buttons
Duplicating symbols
and adding symbols to the stage
·
Session no:5
Creating animation
Setting up for
a motion tween
Adding the motion
tween
Animating alpha
levels and size
Animating the
movie clip button
Creating a shape
tween
Creating a frame-by-frame
animation
Animating along
a path
·
Session no:6
Adding a basic interactivity
Introducing behaviors
Using behaviors
to load a JPEG
Using behaviors
to open a web page
Script assist
Using action
to control the timeline
Creating a home
button
Removing the
hand cursor
Using the script
navigator and pins
·
Session no:7
Adding sound and video
Editing sound
and video
Compression,
codecs and plug-ins
Delivering media
online
Importing sound
into a document
Adding and customizing
sound
Adding sound
to a button
Importing video
into flash
Encoding the
video
·
Session no:8
Learning action script basics
Classes, methods
and properties
How to use script
data types
Using code hints
in the action panel
Understanding
scope
Using function
and conditional statements
Understanding
load vars
Using listeners
Animating the
menu
Controlling the
menu buttons
·
Session no:9
Loading and optimizing
flash contents
Optimizing flash
documents
Organizing applications
Optimizing animation
Understanding
band width and file size
Loading external
contents
Sending data
out of flash
Loading the tech
bookstore
·
Session no:10
Publishing flash
documents
Adding meta data
and publishing SWF files
Detecting flash
player
Embedding SWF
files in HTML files
4.
DREAM WAVER
Course description:
Dreamweaver8
combines powerful visual layout tools with robust-text-based HTML editing features
for the creation,management.and maintainance of erbsites.It gives beginners immediate
access to the tools need for creating web pages while allowing experienced developers
who are familiar with hand-coding to work directly with the code when needed.
Course objectives:
Upon completing
this course, you will have acquired the following:
-
Open dreamweaver
, create pages, and preview them in browsers.
-
Import text from
a varity of sources, including text files, word documents, and spreadsheets.
-
Insert graphics
and control their appearance.
-
Create and manage
email and internal and external inks throughout your site .
-
Learn how to
make changes directly within the HTML code.
-
Place text and
graphics within tables to achieve more control over the layout.
-
Make use of images
rollovers and other interactive elements.
-
Use the site
window to manage your files and folders.
-
Develop library
items to use the same elements quickly and repeatly.
-
Make your page
accessable and rdirect visitors according to the browser version they are using.
-
Specify text
attributes using cascading style sheets to gain more control over the appearance
of text.
-
Customize and
extend dreamweaver capabilities to suit your needs.
Course credentials:
This flexible
program makes advanced techniques accessable and easy to use. This integration of
powerful design, code, and interactive features provides awealth of benefits to
both beginners and advanced users.
Course outline:
·
Session no:1
Dreamweaver8
basics
Exploring the
workspace
Preparing to
develop your site
defining a local
site
creating and
savind a new page
exploring the
tools
working with
panels and documents
giving your page
a title
specifying preview
browswes
exploring the
basics on your own
·
Session no:2
Adding acontent
to a page
Importing text
Identifying content
structure
Creating line
breaks
Inserting a nonbreaking
space
Aligning text
Identifying quotes
Making lists
Making definition
lists
Nesting lists
Inline character
formatting
Adding special
formatting
Adding date automatically
Formatting content
on your own
·
Session no:3
Creating links
Specifying link
color and format
Creating hypertext
links
Understanding
links and file structure
Creating asite
map
Working with
links in site map view
Saving the site
map
Targeting links
Inserting E-mail
links
Working with
links on your own
·
Session no:4
Developing style
sheet
Specifying a
backgroung color
Changing the
font
Understanding
styles
Working with
internal styles
Linking to an
existing external style sheet
Creating external
styles
Creating styles
for tag combinations
Creating a basic
CSS layout
Working with
CSS on your own
·
Session no:5
working with
graphics
using a background
graphic
placing graphics
on the page
positioning graphics
adding a border
around an image
assigning image
names
inserting an
image for the assets panel
basic image editing
creating graphic
links
creating image
maps
using graphics
on your own
·
Session no:6
Creating a table
Creating a table
Importing a spreadsheet
data
Selecting a table
Sorting a table
Modifying a table
Exporting a table
Using images
in table
Nesting tables
Using window
size to check layout
Applying cell
formatting
Specifying layout
width
Using a tracking
image
·
Session no:7
Using multimedia
Creating flash
text
Modifying
Adding flash
buttons
Adding flash
animation
Embedding quicktime
movies
·
Session no:8
Adding user interactivity
Inserting arollover
image
Adding behaviors
Editing actions
and events
Checking the
browser
Creating a pop
up menu
·
Session no:9
Creating layers
Creating layers
Naming layers
Modifying layers
Nesting and unnesting
layers
Changing layers
visibility
Using drag layer
behavior
Using the netscape
resize layer fix
Animating with
timeline
Using keyframes
Positioning an
object
Recording the
path of a layer
Changing image
properties
Changing the
visibility and size
Previewing the
animation in dreamweaver
·
Session no:10
Creating frames
Creating a frameset
Resising a frame
in a frameset
Creating and
editing frames content
Opening an existing
page in a frame
Controlling frame
content with links
Creating noframes
content
Creating other
content documents
·
Session no:11
Creating forms
Building your
form
Grouping form
content
Adding single-line
text fields
Adding radio
buttons
Adding checkboxes
Adding list and
menu items
Adding buttons
Creating hidden
fields
Formatting forms
Processing forms
Testing your
form
Creating jump
menu
·
Session no:12
Managing your
site
Using a files
panel
Accessing files
outside a dreamweaver site on your computer
Modifying pages
from the files panel
Connecting to
remote site
Uploading files
Cloaking files
and folders
The third assessment
after ending Director course
Using design
notes
Exporting site
definitions
Creating server
connections
Enabling contribute
compatibility
·
Session no:13
Accessability
and testing
Testing for accessability
Checking browser
compatibility
Checking links
in your site
Checking for
orphaned files
Generating reports
for a site
Checking spelling
·
Session no:14
Editing the code
Switching documents
views
Editing HTML
in code view
Meta
tags
Using the tag
inspector
Using snippets
Working with
Microsoft word HTML
Advanced customization
Assessment of
Students :
assessments and
a final exam as follows:
The first assessment
after ending Photoshop course
The second assessment
after ending html course.
The third assessment
after ending front page course
The fourth assessment
after ending flash course
The fifth assessment
after ending flash course
The final exam
and/or project
|
