|
www.KursusKomputerKu.com |
|
SILABUS Web Designer |
Jenis Program : Special Class |
|
Durasi: 240 Jam |
DESKRIPSI:
Tujuan dari program pelatihan
ini adalah untuk menghasilkan web designer
yang dapat membuat desain web interaktif yang didukung oleh client scripting dan dapat diimplementasikan dalam lingkungan Windows.
Secara
keseluruhan dalam kursus ini anda akan belajar:
. Konsep Desain
. Peralatan dasar
untuk Desain Situs Web
. Peralatan
Interaktif untuk Desain Web
. Bahasa Pemrograman Web / Web Programming
. Web Editing tool
. Proyek Implementasi
Peserta:
Lulusan SMA atau
sederajat
PERSYARATAN KEMAMPUAN AWAL :
. Operating Computer (keyboard, mouse)
. Familiar with Microsoft Windows
DURASI :
80 Sesi X 3 jam
Tujuan:
Mampu untuk
membuat situs web berbasis Windows yang interaktif.
PEKERJAAN YANG BERHUBUNGAN :
· Web Designer
· Web Developer
· Web Programmer
based-on Windows
REKOMENDASI PELATIHAN SELANJUTNYA :
---
REFERENSI :
---
SUSUNAN MATERI:
MATERI SOFT SKILL
- Bagaimana Membawakan Presentasi yang Efektif (Participants Certificate)
Lihat Silabus
- Membangun Kerjasama Tim
Introduction to Internet and Design
Concept
Introduction
to Internet
The
history
Services
How
Internet Works
IP
DNS
Browser
Web
Server
Web
Technology
Client
Server
Website
Category
Portal
Auction
Community
Forum
B2C
Website
Structure
Navigator
Main
Area
Header
A
Little Of HTML
Overview
of Design Concepts
Web
Technology
The
Nature of the Web
Web
Design Concepts
New
Technologies
Evaluating
Your HTML Skills
Web
Page Layout and Elements
Users
and Site Design
Effective
Web Page Layout
Color
and Web Design Fonts
and
Web Design
Web
Site Usability Testing
The
Importance of Audience Usability
Web
Usability Testing
Navigation
Concepts
Why
Is Navigation Critical? Browsers and Navigation
Primary
and Secondary Navigation
Navigation
Hierarchy
Site
Structure, URLs and File Names Familiar Navigation Conventions Guided
Navigation
Navigation
Action Plan
MATERI INTI
Digital Imaging with Adobe Photoshop
Overview
of Design Concepts
Web
Site Images
Digital
Imaging Concepts
Bitmap
vs. Vector Graphics
Graphic
Applications Image
File
Formats
Creating
Vector Images Using Macromedia Freehand
Creating
Bitmap Images Using Adobe Photoshop
Introduction
to Adobe Photoshop
Photoshop
Environtment
Basic
Operations
Resample
Image
Size and Canvas Size
Rotate
Canvas
Cropping
Selection
Tools
Selection
Tools
Color
Corrections
Color
Corrections
Layer
Concept
Overview
of Layer
Using
Basic of Layer
Other
Manipulation Tools
Color
and Drawing Tools
Other
Manipulation Tools
Layer
I
Type
of Layer
Layer
Mode and Transparancies
Organized
Layer
Layer
effect
Layer
II
Selection
through Quick Mask
Adjustmen
Layer
Channel
Type
Tools
Typing
Text
Filter
and Special Effect
Creating
Special Effect
Button
and Background
Create
Various of Buttons
Create
Pattern as Background
Saving
Optimized Images
Praktical
Photoshop for Web Designer
Create
a Concept for Web Layout
Create
full Website Template
Compression
Technique
Crop
Tool
Slicing
Tools
Save
for Web
Digital Graphic Illustration with Macromedia Freehand
Introduction
Path
Vector
vs Raster Graphics
Freehand
worksheet
Illustration
Windows
Toolbox
Panel
(Inspector, XTRAS)
Making
& Editing Path
Intersect
Spliting
& Slicing
Redo
Ruler
Grid
Guide
Line
Info
toolbar
Grouping
& Protecting Objects
Join
& Split
Locking
& Unlocking
Hiding
Object
Layer
Tracing
Moving
Object into Layer
Lock
Layer
Showing
& Hiding Layer
Reorder
Layer Object Paste
in
back / in front Trace tool
Panel
Text
Formatting
Text
Object
Flow
Text inside Path
Attach
Path
Convert
to Path
Detach
from Path
Automatic
Expanding Text Block
Delete
Empty Text Block
Reshaping
geometric and Free-form Text Object
Convert
Case Command
Character
Level Attributes
Paragraph
Level Attributes
Block
Level Attributes
Copyfitting
Special
Text Effect
Different
Vertical Distribution
Orientation
Direction
Wrapping
Text Around Graphics
Unwrapping
Text Block Standoff
Dummy
Logo
(focus on this)
Color
Fill
Tools
Gradation
Eye
Dropper
Color
Mixer
Process
Color, Spot Color, Tint
Creating
Tints
Object
Style
Creating
Style
Edit
Style
Fill
Open Path
Fill
Affect Text
Multi
Color Gradation
Lens
Fill
Pattern
Fill
Title
Pattern
XTRAS
& Transform
Smudging
Fish Eye
Rotating
Object in 3D Mirror
Picture
Dumping
Rougen
Chart
Shadow
Fractalize
Emboss
Envelopes
Duplicating
Objects, Effects, Blend, MASK and Composite MASK
Clone
dan Duplicate
Blends
Morphing
Points
Custom
Gradation
Clipping
Path
Transforming
Masked Element
Selective
Editing Mask Element
Composite
Path
Composite
Masking
Filling
Across Multiple Shapes
Raster Animation Editing with GIF Animation and Ulead Cool 3D
Ulead
GIF Animator
Gif
Animator 4 process
GIF color palete Global
palete
Local palete
Erasing
color in global and Local pallete
Making
Gradation
Ulead
GIF Animator (cont.)
Give
transition effects
Adding
banner text
Making
file compact
animation
GIF
Optimation
in GIF
Compression
in GIF
Reduce
file size
Ulead
Cool 3D
Tools
Create
Simple 3D Objek
Animation
Special
Effects
Export
Web Animation with Flash
Introduction
to Adobe Flash
Understanding
Flash Environment
Creating
New Document
Reorganizing
Panels
Saving
Workspace
Working
with Flash Drawing Tools
Shape
and NonShape Object
Working
with Text
Coloring
Grouping
and Arrange Align
Modify
Symbols
and Library
Symbols
Library
Animation
Key
Frame & Frame Layer
Animation
Concept
Frame
by Frame
Shape
Tweening
Motion
Tweening
Effect
& Transform Panel
Layer
& Motion Guide
Animation
(cont.)
Layer
Mask
Intro
to Movie Clips Scripting
Animation Concept
Action & Interaction
ActionScript Concept
Action
Window & Intro to Flash Action Script
Frame
Script
Symbol
Button as Event Handler
Scene
Symbol
Button & Movie Clips
Movie
Clips
Movie
Clips as instance object
Movie
Clips Relative & Absolute Path
Controlling
Movie Clips
Project
Integration I
Using
Flash
Flash
Action Script
Start
and Stop Drag
Mouse
Detection
Advance
Interaction with Action Script
Basic
Programming Concept
Script
Animation
Attaching
Sound to Flash Movie
Controlling
Sound with Action Script
Load
External movie
Knowledge
about Movie Level
Knowledge
about root
Movie
into Movie Clip
Load
External File
Load
file txt Scrolling
Text
& Bar
Project
Integration II and Publishing (fix the Project Integration I)
Preloader
Movie (advance)
Final
integration & Publishing Flash movie to the internet
Flash
& other programs
XHTML Web Page Authoring and CSS
Introduction
To XHTML
XHTML
overview
Structure
& basic element
Block Level Tag & Inline Tag
Text Formatting
Link & List Anchor
Tag URL
Lists type
Object
& Image
Putting
image
Table
Structuer
of Table
Headers
Cellpadding
& Cellspacing
Colspan
& Rowspan
Table
Borders
Form
Input
element
Form
attributes
Document
structure
Using
Frame
Head
elements
CSS
#1
CSS
Structure
Inline,
Internal, and External Style
CSS
Font Style
Rollover
Link using CSS
Adding
Background Image
CSS
#2
Adding
Style to List
Adding
Style to Table
Adding
Style to Form
Practical
XHTML for Web Designer
.htaccess
Web
Base FTP
Application
FTP
Site
Promotion
Client Scripting with Javascript
Introduction
to JavaScript
Javascript
overview
Language
fundamental
Javascript
Fundamental
Selection
Looping
Event
Handling
Make
Function
Event
handling
Window
Object
Object
Object
Oriented vs Object based
User-define
object
Data
Object
Animation
Make
an animation
String
object
Window
object (cont.)
Image
Option
Cookies
Form
validation
Handling
event default action
RegExp
object
Layer
manipulation
Using
style attribute
Math
object
Web Authoring Tools with Dreamweaver
Introduction
Introduction
to Dreamweaver
Define
a Local Site
Creating
a New Page
The
Dreamweaver Workspace
Inserting
and Formating Text
Working
with List and Horizontal Rules
Adding
Image and Alternate Text
Aligning
Image and property Inspector
Insert
Other Media
Setting
Page Properties
Preview
with Primary and Secondary Browser
Link
and navigation
Creating
Links and Anchors
Creating
an Email Link ""¬
Testing
and Targetting Links
Working
with Table
Table
Anatomy
Creating
Table
Merge
and
Insert
Object on the Table
Nested
Table
CSS
Layout
Create
New Style
Style
on Page Properties
Web
Layout with DIVs 10 Style
Navigation
Link with Style Table
Optimalization
with Style Form
Optimalization
with Style
Behaviors
Dreamweaver
Behaviors
Frames
Frame
and Frameset Web
Layout
with Frames
Link
on Frames
Template
Web Layout
Dreamweaver
Template
Create
New Template
Using
Template
Review
Dynamic Web Programming with PHP
Language
Fundamental
Perkembangan PHP;
Penggunaan PHP;
Language
Fundamental (Statement, Expression, Operator, Keywords & Identifier;
Comment, Whitespace & Escape Character)
Array
& Function
Using Array;
Using
subroutine
Form
Handling
Regular
Expression
Form
Validation;
Using Pattern
File
Handling
Read from
File;
Write to File
File
Upload
Cookie
Session
Management
Using
Session;
URL Rewriting
Using
Session
Shopcart;
User
Validation
Database
Connection
Connecting to
Database;
Data Interaction
Database
Application
User Management;
Content Management
Jl. Raden Saleh Raya No.18 D-G
Jakarta Pusat 10330
Telp : 021-3929888
Fax : 021-3900187
Email : raden_saleh@kursuskomputerku.com