Website Creation Training

Website Creation Training
Organized by - Mae Tao Clinic

Funded by – Open Society Institute & BTS
Feb 27th to Mar 5th 2007
Website Creation Training 1

MTC
Webpage wcka&;&wm xifoavmuf rcufygbl;/ olU&JU a&;om;enf;

pnf;urf;av;awGudk em;vnfxm;zdkYawmhvdkygvdrfhr,f/ 'Doifwef;&JU
t"dutpdwftydkif;uawmh webpage wckudk ½dk;&Sif;wJh html eJYwnfaqmufyHkjzpfygw,f/
olUudkrS vdktyfwJhtcgawGrSm CSS wdkY? Java wdkY b,fvdkaygif;pyf&rvJqdkwmudk
&Sif;jyzdkYBudK;pm;rSmjzpfygw,f/
aemufNyD;usawmhrS touf&SifaewJh pmrsufESmwckjzpfatmif animation

av;awGaygif;pyf&r,fh udpörsdK;awG&SdvmygOD;r,f/ tJ'Dvdk html pmrsufESmwckudk
oeyfcg;vdrf;? EIwfcrf;eDqdk; ay;&r,fhtcgrSm vdktyfr,fh application tcsdKUudkvnf;
(tajccHrdwfquftqifhayghav ...) &Sif;jyxm;ygw,f/ bmyJjzpfjzpf

'Doifwef;uay;r,fhtaMumif;t&mawGuawmh website wckudk oyfoyf&yf&yf
wnfaqmufEdkifzdkY taxmuftuljyKr,fvdkY arQmfvifhygw,f/
þpmtkyf wtkyfvHk;udkjzpfap
wpdwfwydkif;udkjzpfap
vGwfvyfpGm ul;,ljzefYa0cGifhjyKonf/
contact ph: 081 688 2933

email: kyawcross@gmail.com
contact add:
Mae Tao Clinic
P.O Box 6, Mae Sot
Tak 63110, Thailand
Table of Contact
1. Overview..................................................................... 1
2. HTML.......................................................................... 2
a. Simple webpage .................................................. 4
b. Text...................................................................... 5
c. Link .................................................................... 11

3. Adobe Photoshop ..................................................... 12
a. Basic Commands & Tools .................................. 14
b. Getting Start....................................................... 15
4. Animation.................................................................. 19
a. SWiSH Max........................................................ 19
b. Adobe ImageReady ........................................... 22
c. Macromedia Flash.............................................. 25
5. eDocument ............................................................... 32
a. Xilisoft 3GP Video Converter.............................. 32
b. Adobe Acrobat ................................................... 33
c. WinZip................................................................ 34
6. Quick Tutorials.......................................................... 35
a. Macromedia Dreamwaver .................................. 35
b. Macromedia Homesite ....................................... 38
c. Microsoft FrontPage........................................... 39
7. CSS & Java Script & Reference Sources.................. 41

Website Creation Training
Organized by - Mae Tao Clinic, Funded by – Open Society
Institute & BTS
Feb 27th to Mar 5th 2007
OVERVIEW
1. Operation System
• Windows (Microsoft) www.microsoft.com
• Linux (Open Source) www.linux.com, www.linux.org
• OS-X (Apple Mechintosh) www.apple.com
2. Browser
• Internet Explorer (IE) (Microsoft) www.microsoft.com
• Mozilla Firefox (Open Source) www.mozilla.com,
www.mozilla.org
• Oprea www.opera.com
3. Search Engine
• Google www.google.com
• Yahoo www.yahoo.com
• Mamma www.mamma.com

HTML
www = World Wide Web
http = Hyper Text Transfer Protocol
html = Hyper Text Markup Language
Introduction
Command tags in HTML
<html> </html>
<head> </head>
<title> </title>
<body> </body>
<!-- ????? --!> add comment
Heading
<h1> </h1> … <h6> </h6>

Font
<font> </font>
size=..pt
color=……
<b> </b> bold
<i> </i> italic
<u> </u> underline
<tt> </tt> teletype
Align font
Justify= <p style=”text-align:justify;”> </p>
Justify= <p align=justify> </p>
Right= <p style=”text-align:right:”> </p>
Center= <center> </center>
Paragraph
<br> </br>
<p> </p>
Bullet & Number

<ol> </ol> order list
<ul> </ul> under list
<li> </li> list item
Image
<img src=”filename.jpg”> if in same folder
<img src=”foldername/filename.jpg”> if in sub folder
<img src=”../filename.jpg”> if outside of your folder

Table
<table> </table> create table
<tr> </tr> row
<td> </td> column
bgcolor, width, height, border
span <td rowspan=2/3/4> </td>

<td colspan=2/3/4> </td>
align <td align=center/right> </td>

<td valign=center/top/botton> </td>
fitting image
<td width=”250px” height=”100px”>
<img src=”name.gif” width=”250px” height=”100”px>
</td>
line
<hr>
<table> <tr>
<td width=”*px / *%” height=1 bgcolor=……> </td>
</tr> </table>
Link
other file <a href=”filename.html”> </a>

other webpage <a href=”http://www.maetaoclinic.org”> </a>
email <a href=mailto:cross.kyaw@gmail.com> </a>
go to top <a href="#top"> </a>
Simple Web-page
(1)
1. Text editor wckudkzGifhNyD; atmufrSmjyxm;wJhtwdkif; ½dkufxnfhyg/ ('Doifwef;t&awmh
Notepad udk oHk;ygr,f/ Start > All Programs > Accessories >
Notepad udk zGifhyg/)
<html>
<head>
<title>
train1
</title>
</head>
<body>
HTML is easy.
</body>
</html>
2. ae&mwckrSm odrf;yg/ 'Doifwef;taeeJYuawmh Disk Drive D xJrSm HTML

Document trnfeJY Folder aqmufNyD;odrf;ygr,f/ atmufrSmjyxm;wJhtwdkif;
a&G;cs,fNyD;rS odrf;ygr,f/

• File name (train1.html) (Home page twGufqdk&if
index.html ay;&ygr,f/ tjcm; pages rsm;twGufuawmh ESpfouf&m
ay;Edkifw,f/ Cap: Letter, Space bar ryg&yg/)
• Save as type (All files)
• Encoding (Unicode)
3. tm;vHk;NyD;NyDqdk&if oifESpfoufwJh Browser wckckuae zGifhMunfhEdkifygNyD/ Browser
xJrSm atmufuerlemyHkpHtwdkif; jrif&ygr,f/
Text
(2)
1. apmapmu odrf;xm;wJhzdkifudk text editor eJYzGifhyg/ atmufrSmjyxm;wJhtwdkif;
jznfhoGif;yg/
<html>
<head>
<title>
train2
</title>

</head>
<body>
<h1>HTML is easy.</h1>
<h6>HTML is easy.</h6>
<b>HTML is easy.</b>
<i>HTML is easy.</i>
<u>HTML is easy.</u>
<tt>HTML is easy.</tt>
</body>
</html>
2. Save as (filename = train2.html) vkyfyg/

3. Browser uae jyefzGifhyg/ atmufrSmjyxm;wJhtwdkif; ajymif;vJoGm;ygr,f/
Tips …
Ctrl+S = Save
Alt+Tab = Switch
Ctrl+R = Refresh
(3)

1. text editor udkjyefac:yg/ atmufrSmjyxm;wJhtwdkif; jznfhoGif;yg/
<html><head><title>train3
train3</title></head>
train3
<body>
html is easy<br>
<br>html
<br> is easy<br>
<br>html
<br> is easy
<br><br><br>
html is easy<p>
<p>html
<p> is easy<p>
<p>html
<p> is easy<p>
<p>
<br><br><br>
<font size=5pt color=99ff99 style="font-
style="font-family: Verdana, Arial,
Helvetica, sans-
sans-serif;">
Web site training in Mae Tao Clinic.
</font>
<br><br><br>
<br><br><br>
<font size=2pt color=0000ff style="font-
Helvetica, sans-
sans-serif;">
Web site training in Mae Tao Clinic.
</font>
</body>
</html>
2. Save as (train3.html) vkyfyg/
3. Browser uaejyefzGifh&if atmufrSmjyxm;wJhtwdkif; ajymif;vJoGm;ygr,f/

(4)
1. text editor udkjyefac:yg/ atmufrSmjyxm;wJhtwdkif; jznfhoGif;yg/
<html><head><title>train4</title></head>
<body>
<font size=2pt color=0000ff style="font-
Helvetica, sans-
sans-serif;">
Overview
The Mae Tao Clinic (MTC), directed by Dr. Cynthia Maung,
provides free health care for refugees, migrant workers, and
other individuals who cross the border from Burma to
Thailand. People of all ethnicities and religions are welcome at
the Clinic.
Over the past 13 years MTC has grown, from a small house
that served Burmese pro-democracy students fleeing the 1988
crackdown, to a complex multi-specialty medical centre.

Though exact numbers are difficult to establish because of the
fluidity of our patient population, we estimate that we serve a
target population of approximately 150,000 on the Thai-Burma
border.
Our staff of 5 physicians, 100 health workers, 99 trainees and
40 support staff provide comprehensive health services that
include: inpatient and outpatient medicine, a surgical unit,
blood transfusions, reproductive health, child health, eye care,
and prosthetics for landmine victims.
</font>
</body>
</html>
2. Save as (train4) vkyfyg/
3. Browser uaejyefzGifhyg/ tajymif;tvJudk owdxm;Munfhyg/
(5)
1. Text editor udkzGifhNyD; atmufrSmjyxm;wJhtwdkif; xyfjznfhoGif;yg/

<html><head><title>train5</title></head>
<body>
<font size=2pt color=0000ff style="font-family: Verdana, Arial,
Helvetica, sans-serif;">
<h3>Overview</h3>
<h3> </h3>
<center>
The Mae Tao Clinic (MTC), directed by Dr. Cynthia Maung,
provides free health care for refugees, migrant workers, and
other individuals who cross the border from Burma to
Thailand. People of all ethnicities and religions are welcome at
the Clinic.
</center>
<p align=justify>
Over the past 13 years MTC has grown, from a small house
that served Burmese pro-democracy students fleeing the 1988
crackdown, to a complex multi-specialty medical centre.
Though exact numbers are difficult to establish because of the
fluidity of our patient population, we estimate that we serve a
target population of approximately 150,000 on the Thai-Burma
border.
<p align=right>
Our staff of 5 physicians, 100 health workers, 99 trainees and
40 support staff provide comprehensive health services that
include: inpatient and outpatient medicine, a surgical unit,
blood transfusions, reproductive health, child health, eye care,
and prosthetics for landmine victims.

</font>
</body>
</html>
2. Save as (train5) vkyfNyD; Browser uaejyefzGifhyg/ tajymif;tvJudk
owdxm;Munfhyg/
(6)
1. apmapmu odrf;xm;wJhzdkifudk text editor eJYzGifhyg/ atmufrSmjyxm;wJhtwdkif;
jznfhoGif;yg/
<html><head><title>train6_bullet</title></head>
<body>
<font size=2pt color=0000ff style="font-family: Verdana, Arial,
Helvetica, sans-serif;">
<ol>
<li>HTML</li>
<li> </li>
<li>Photoshop</li>
<li>CSS</li>
<li>Java</li>
</ol>
<ul>
<li>HTML</li>
<li> </li>

<li>Photoshop</li>
<li>CSS</li>
<li>Java</li>
</ul>
</font>
<img src="mtc_1989.jpg">
<br><br>
<table><tr><td width="600" height=1
bgcolor=0000ff></td></tr></table>
<table border=1><tr>
border=1><tr>
<td>00000</td><td>11111</td><td>22222</td>
</tr></table>
<hr>
<table border=1 width=600><tr>

<td>00000</td> <td>11111</td>
<td>11111</td> <td>22222</td>
</tr></table>
</body>
</html>
2. Save as (train6) vkyfNyD; Browser uaejyefzGifhyg/ tajymif;tvJudkMunfhyg/

Link
1. Text editor udkzGifhNyD; atmufrSmjyxm;wJhtwdkif; ½dkufxnfhyg/

<html><head><title>Link1
Link1</title></head>
Link1
<body>
<h3>Link1
Link1</h3>
Link1
<a href="link1.html">Link1</a>
href="link1.html">Link1</a>
</body>
</html>
2. link1.html qdkNyD; save vkyfyg/
3. aemufxyf
<html><head><title>Link2
Link2</title></head>
Link2
<body>
<h3>Link2
Link2</h3>
Link2
<a hre
ref="link1.html">Link1</a>
</body>
</html>
4. link2.html trnfeJY save yg/
5. aemufxyf link3.html xyfvkyf,lyg/
6. Browser uaejyefzGifhMunfhyg/ Link awGudk uvpfvkyfMunfhyg/

Adobe Photoshop & Image Ready
Webpage wckrSm text oufoufqdk&if ysif;p&mBuD;jzpfaeygr,f/
'gaMumifhvdktyfwJhae&mawGrSm image awG aygif;xnfhay;zdkYvdkygr,f/ 'DuaeY image
editing twGufqdk&if Adobe Photoshop u taumif;qHk; qdkwJhtwGuf Photoshop
udk avhvmygr,f/ Photoshop &&if ImageReady vnf;&ygNyD/ twlwleD;yg;ygbJ/
ImageReady u Web animation twGuf t"dutvkyfvkyfwmyg/
Photoshop udkpoHk;zdkYtwGuf atmufygtcsufawGudk t&ifvkyfaqmif&ygr,f/

1/ Start menu u Photoshop icon udk uvpfvkyfvdkufwmeJYwNydKifeufrSmbJ Ctrl
+ Alt + Shift keys awGudk long press vkyfxm;yg/ (Photoshop &JU
Setting File udk zsufypfcsifvdkYyg/)
2/ Delete vkyfzdkYar;&if Yes ajzvdkufyg/

3/ Color setting ajymif;zdkYar;&if No ajzvdkufyg/ 'gqdk&if Photoshop's default
setting udk jrifawGU&rSm jzpfygw,f/
rSwfcsuf/
'D Web site training rSm Adobe Photoshop taMumif;t&mtm;vHk;udk
avhvmEdkifrSmr[kwfyg/ Web site twGuf vdktyfoavmufudkbJ avhvmygr,f/
Menu bar
Properties
bar
Tools box
Foreground Layer
& palette
MENU
rDEl;wckcsif;pDatmufu toHk;rsm;r,fh taMumif;t&mawGudk 'DrSmcsa&;xm;ay;ygr,f/
File
• New (Ctrl N) Work area topf&,l&ef
• Open (Ctrl O) ta[mif;zGifh&ef
• Close (Ctrl W) ydwf&ef
• Save (Ctrl S) odrf;&ef
• Save as (Ctrl Shift S) trnfajymif;^ae&majymif; odrf;&ef
• Import - Scan zwf&ef
• Exit (Ctrl Q) ydwf&ef
Edit
• Undo (Ctrl Z) – more undo (Ctrl Alt Z)

• Paste into – selection area xJodkY paste vkyf&ef
• Free Transform – selected obj: udk t&G,ftpm;ajymif;&ef
• Transform (Rotate, Flip) – select obj: udk vSnfh&ef
• Purge (All) - Photoshop twGuf ,m,DrSwfxm;onfrsm;udk zsufypf&ef
Image
• Mode (Gray scale, Index color, RGB) ta&miftrsdK;tpm;
• Adjustment (Level, Curve) ta&miftvif;tarSmifcsdef&ef
• Image size ½kyfyHkt&G,f? t&nftaoG;csdef&ef
• Canvas size ½kyfyHkaemufcHydwft&G,ftpm;csdef&ef
• Rotate canvas ½kyfyHkudkvSnfh&ef
Layer
• Layer style (Drop shadow, Bevel and Emboss, Stroke)
• Rasterize pmawGudk yHktjzpf ajymif;ypfzdkY
• Merge layer - select xm;wJh layer awGudkaygif;ypfzdkY
• Merge Visible – zGifhxm;wJh layer awGudkaygif;ypfzdkY
• Flatten image – layer tm;vHk;udkaygif;ypfzdkY
Select
• Deselect (Ctrl D)
• Inverse (Ctrl Shift I) – Selection udk ajymif;jyefvkyfjcif;
• Modify – Border vkyfzdkY
• Similar – Magic wand eJY select vkyfNyD;wJhtcgrSm
tjcm;ta&mifwlwmawGudkyg select vkyfzdkY
• Transform selection – selection udkt&G,fajymif;zdkY
• Load selection – odrf;xm;wJh selection udkjyefac:zdkY
• Save selection – selection odrf;zdkY

View
• Ruler aywH
• Clear guides tpdrf;a&mif guideline rsm;
Window
• Layer – Layer palette
• Tool – Tool box
rodrjzpf tajccHtcsufrsm; ...

1/ File > New (Ctrl + N) udk uvpfvkyfygr,f/ ay:vmwJh box xJrSm
vdktyfovdk jyifay;vdkufyg/ NyD;&if OK vkyfyg/ pm&Gufw&Guf (Work area wck)
ay:vmygr,f/
emrnfaemufrSay;vnf;&ygw,f
pm&Guf t&G,ftpm;
½kyfyHk&JU t&nftaoG;
½kyfyHk&JU ta&miftrsdK;tpm;
aemufcH&JU ta&miftrsdK;tpm;
2/ Keyboard ay:u
F udk wcsufcsif; acgufoGm;&if;eJY bmawGajymif;vJoGm;vJqdkwmudk
Munfhyg/ F jrifuGif; 3-ckajymif;ay;ygr,f/
Ctrl + jrifuGif;BuD;vmygr,f/
Ctrl – jrifuGif;i,foGm;ygr,f/
Ctrl 0 jrifuGif;eJY Screen fit jzpfoGm;ygr,f/
3/ Tools box udkMunfhyg/ selection tool 3-ck&Sdygw,f/

Marquee (M) – Photoshop &JU t"du selection tool
jzpfygw,f/ t0dkif;eJY av;axmifh 2-rsdK;udk toHk;rsm;ygr,f/ tjcm; tools

wckckudk oHk;NyD;wdkif;rSm Marquee tool udk jyefajymif;xm;&if
trSm;enf;ygr,f/
Lasso (L) – aemufxyf selection tool wckyg/
Magic wand (W) – qufpyfaewJh ta&mifwlawGudk selection
vkyfay;ygr,f/
Move – select vkyfxm;wJh tpdwftydkif;wckudk ae&ma&TUay;Edkifygw,f/

(Ctrl key udkudkifxm;&if Move tool tjzpf ,m,Dtvkyfvkyfygr,f/
Hand (H) – work area wckvHk;udk a&TUay;ygr,f/ (space bar
udkudkifxm;&if Hand tool tjzpf ,m,Dtvkyfvkyfay;ygr,f/)
Zoom (Z) (Ctrl + spbr) - jrifuGif;csJUMunfhzdkYyg/
Text (T) – pm½dkufzdkYtwGuf Text tool udkuvpfNyD;

pm&Gufay:uvpfcs&ygr,f/ 'grSpmp½dkufvdkY&ygr,f/ pm&Gufay:uvpfNyD;&if
Layer palette udk*½kpdkufMunfhyg/ Layer topfwck olUbmomol
ay:vmwmudk awGU&ygr,f/
vufawGUpoHk;MunfhzdkYtwGuf ...
Mae Tao Clinic webpage's banner udk b,fvdkvkyf,lxm;ovJ Munfh&atmif/
Work area owfrSwfjcif;

1/ File > New (Ctrl N) vkyfyg/ box xJrSmatmufrSmjyxm;wJhtwdkif;
jznfhoGif;vdkufyg/ OK vkyfyg/

Banner &JU t"duaemufcHta&mifjznfhoGif;jcif;
2/ Marquee (Rectangular) udkuvpfNyD; Work area ay:rSm
{&d,mwckowfrSwfyg/
3/ Alt + Backspace acgufMunfhyg/ (Foreground color jzpfwJh trnf;a&mif
0ifoGm;wmawGUygr,f/ Background color 0ifapcsif&ifawmh Ctrl +
Backspace acgufyg/)
4/ trnf;a&mifudk rBudKufwJhtwGuf Undo (Ctrl Z) vkyfyg/ Foreground color
udk ta&mifBudKwif ajymif;xm;ay;&ygr,f/
5/ Tool box xJu Foreground color ae&mudk uvpfyg/ Color picker box
ay:vmygr,f/ BudKufwJh ta&mifudk uvpfvkyfNyD;a&G;,lEdkifygNyD/
6/ 'Doifcef;pmt&awmh tjyma&mifppfppfudk vdkcsifwJhtwGuf R=0, G=0, B=255
ajymif;NyD; OK vkyfyg/
7/ Marquee selection jyefowfrSwfNyD; ta&mifjyefjznfhoGif;yg/
8/ aemufcHt&G,ftpm;ajymif;vJcsifw,fqdk&if Edit > Free Transform (Ctrl T)

vkyfyg/ vdktyfovdk nd§NyD;&if Enter acgufyg/
9/ ae&majymif;csif a&TUcsifw,fqdk&if Move tool (V) udkuvpfNyD; Mouse
eJYqGJa&TUvdkufyg (uD;bkwf ay:u tJ½dk;uD;awGudkvnf; oHk;Ekdifygw,f/)/ Move tool
udkoGm;ruvpfcsif&if uD;bkwfay:u Ctrl key udkudkifxm;NyD; a&TUay;Edkifygw,f/
10/ OK NyDqdk&if Save vkyfyg/
Text xnfhaygif;jcif
jcif;
11/ Text tool udkuvpfNyD; Work area ay:rSmuvpfcsyg/ pm½dkufEdkifygNyD/ Layer
palette rSm Layer topfwckwdk;vmwmudkowdxm;Munfhyg/
12/ MAE TAO CLINIC qdkNyD;½dkufxnfhyg/ Properties bar ay:rSm font,
style, size, align, color awGa&G; zdkY ae&mawGuae pdwfBudKufa&G;cs,fyg/
('Doifcef;pmrSm Arial Black, 30pt udka&G;xm;ygw,f/)
13/ pm½ddkufNyD;oGm;&if Select All (Ctrl A) vkyfyg/ color a&G;zdkYae&mudk uvpfvkyfyg/
ay:vmwJh box rSm BudKufwJhta&mifudk uvpfvkyfNyD;a&G;,lyg/ ('Doifcef;pmt&awmh

tjzLa&mifudka&G;ygr,f/) tjzLa&mifppfppfudk&zdkY R=255, G=255, B=255
a&G;,lyg/
14/ OK NyDqdk&if Save vkyfzdkY rarhygeJY/
Free Transform, Selecting Methods,

Methods, Making border
15/ Text tool udkuvpfNyD; Work area ay:rSmuvpfcsyg/ pm½dkufEdkifygNyD/ Layer
palette rSm Layer topfwckwdk;vmwmudkowdxm;Munfhyg/
16/ MTC qdkNyD;½dkufxnfhyg/ Properties bar ay:rSm font, style, size, align,
color awGa&G;yg/ ('Doifcef;pmrSm Arial Black, 90pt ,lxm;ygw,f/)
17/ pm½dkufNyD;oGm;&if tNrJwrf;vkyf&r,fh Marquee tool udkjyef,lxm;yg/ NyD;&if Edit >
Free Transform (Ctrl T) vkyfyg/ pmudk vdktyfovdk qGJn§day;EdkifygNyD/
rdrdpdwfBudKufqGJn§dvdkufyg/
18/ tcktJ'Dpmudk Select vkyfzdkYtwGuf enf; 2-enf;udk oHk;Edkifygw,f/
(1) Ctrl key udkudkifxm;&if;eJY Layer palette xJu icon av;udk
uvpfvkyfvdkufyg/ pmudk select vkyfNyD;oGm;wmawGU&ygr,f/
(2) Work area xJupmudk Magic wand tool (W) eJYuvpfvkyfyg/
uvpfvkyfwJhpmvHk; wvHk;udk Select vkyfay;ygr,f/ aemufpmvHk;awGtwGuf
Select > similar vkyfvdkuf &if tm;vHk;udk Select jzpfoGm;ygr,f/
'grSr[kwf Shift udkudkifxm;&if;eJY Magic wand eJY tjcm;pmvHk;awGudk
vdkufNyD;uvpfvkyfay;yg/ Shift = (+) , Alt = (-)… Shift eJYqdk&if
aygif;r,f/ Alt eJYqdk&if Ekwfr,f/
19/ Select vkyfNyD;wJhtcgrSm pmvHk;&JUabmif&zdkYtwGuf vkyf&ygr,f/ tJ'DtwGuf Select
> Modify > Border vkyfNyD; 2px a&G;ay;yg/ 'gqdk&if Selection border
&vmygr,f/
20/ ta&mifjznfhzdkYtwGuf Layer palette rSm Layer topfwck,lxm;yg/ (Layer
palette atmufqHk;u pm&GufyHk icon uav;udk uvpfvkyfay;vdkuf½HkygbJ/) Layer
2 qdkwJhtrnfeJY layer topfwck&vmygr,f/
21/ Foreground color – R=200, G=255, B=200 a&G;NyD; Alt +
Backspace vkyfay;vdkuf&if selection border
rSmta&mif0ifoGm;NyD;jzpfwmawGU&ygr,f/

22/ Select > Deselect (Ctrl D) jyefvkyfyg/ a&TUcsifwJhae&mudk Move tool
(Ctrl) oHk;NyD; a&TUyg/
23/ Layer palette u MTC Eye icon udk ydwfvdkufyg/
24/ Layer 2 udk Layer palette &JU atmufqHk;a&mufatmif qGJcsvdkufyg/
25/ NyD;oGm;NyDqdk&if Save vkyfyg/
Logo xnfhaygif;jcif
jcif;
MTC Logo udk tptqHk; topfqGJzdkYtwGuf 'Doifwef;rSm tajctaeray;ygbl;/ 'D
logo udk Corel Draw rSm qGJxm;wmjzpfygw,f/ (Adobe Illustrator,
Macromedia Freehand wdkYeJY qGJ&if vnf; &ygw,f/)
oD;jcm;udk,fhbmomudk,favhvmzdkYvdkygr,f/ 'Doifwef;rSmuawmh qGJxm; NyD;om; logo
wckudk b,fvdktoHk;jyKrvJqdkwmudkom avhvmMuygr,f/
26/ Web_training folder xJrSm&SdwJh toifhvkyfxm;NyD;om; logo udk Photoshop

eJY zGifhvdkufyg/
27/ Move tool (V) (Ctrl) udkoHk;NyD; banner ½kyfyHkay:udk mouse drag
qGJNyD;ac:vmyg/ 'gqdk&if banner file xJudk logo a&mufvmygr,f/
28/ logo t&G,ftpm;udk Edit > Free Transform (Ctrl T) vkyfNyD; vdktyfovdk
ajymif;ay;vdkufyg/
29/ logo rSm rvdktyfwJh tjzLa&mifawGay:aeygw,f/ tJ'gudkzsufzdkY Magic wand
(W) eJYuvpfvkyf yg/ Select > Similar vkyfyg/ Delete vkyfyg/ tjzLa&mifawG
aysmufoGm;ygr,f/
30/ Select > Deselect (Ctrl D) vkyfyg/ vdktyfovdk ae&ma&TUyg/ Save vkyfyg/
31/ tm;vHk;NyD;oGm;NyDqdk&if File > Save for Web vkyfNyD; ay:vmwJh box rSm Save
vkyfyg/ File Name: web_banner vdkYay;vdkufyg/ tckvkyfNyD;oGm;wJh banner
udk html uae ac:oHk;EdkifygNyD/
Original file odrf;qnf;xm;zdkYvdkygonf ...

apmapmu vkyf,lxm;wJh web_banner udk tajctaet& jyefjyKjyifzdkY
vdktyfvmwJhtcg&Sdvmygr,f/ tJ'DtcgrSm tptqHk;topfjyefqGJae&r,fqdk&if tvkyfrjzpfygbl;/
'Dawmh jyefjyifcsif&ifvG,ful &atmif original file udk odrf;xm;&ygr,f/
• Photoshop udkjyefoGm;NyD; Save as vkyfyg/ File Name:

web_banner, Format: PSD vkyfyg/ PSD udka&G;&wmu Photoshop
&JU Origin Format jzpfwJhtwGufyg/ yHk&JU quality tjynfh xdef;odrf;ay;ygr,f/
tckaemufxyfoifcef;pmjzpfwJh
Animation
twGuf vdktyfwmawG BudKNyD;vkyfxm;Mur,f/
1/ File > New (Ctrl + N) udk uvpfvkyfygr,f/ ay:vmwJh box xJrSm

(Width=100px, Height=50px, Res=72, Color=RGB,
BG=Transparent vkyfygr,f/)
2/ Text tool (T) ,lNyD; pm&Gufay:rSm uvpfcsyg/ WEB training vdkY½dkufygr,f/
3/ ta&mifajymif;zdkYtwGuf Select All (Ctrl A) vkyfNyD; Properties bar ay:u
Text color udk uvpfvkyfyg/ tjyma&mifoefYoefY&atmif 0-0-255 ay;yg/
4/ File > Save for Web (Ctrl Shift Alt S) vkyfNyD; web_1 trnfeJY odrf;yg/

5/ aemufxyfzdkifwck&zdkYtwGuf Text color xyfajymif;ay;yg/
teDa&mifoefYoefY&zdkYtwGuf 255-0-0 vkyfyg/
6/ Save for Web vkyfNyD; web_2 trnfeJYodrf;yg/
7/ Original file odrf;zdkYtwGuf Save as vkyfNyD; web.psd tjzpf odrf;yg/
jyifqifxm;wmawG jynfhpHkNyDjzpfwJhtwGuf Animation wckvkyfMunfhMuygr,f/

SWiSH Max udkzGifhyg/ (a&SUoifcef;pmrSm qufavhvmygr,f/)
Animation
SWiSH Max
SWiSH Max u ½dk;½dk;av;yg/ Animation wckudk vG,fvG,fululav; vkyfay;Edkifwmudk
awGU&ygr,f/
TEXT in SWiSH Max

1/ SWiSH Max udk pzGifhvdkuf&if box uav;wckay:vmygr,f/ tJ'DxJu "Start a
new empty movie" udka&G;,lvdkufyg/

2/ nmbufpGefrSm Movie panel &Sdygw,f/ (aysmufae&if Panel > Movie udk
uvpfvkyfyg) Movie panel xJrSm
• BG color – aemufcHta&mif
• Width & Height – t&G,ftpm;
• Frame Rate – tjrefEIef; wdkYudk a&G;ay;&ygr,f/
'Doifcef;pmt&awmh Width 100, Height 50, Frame Rate 5
a&G;xm;ygr,f/
3/ b,fbufjcrf;rSm Tool box &Sdygw,f/ T icon u Text xnfhoGif;zdkYjzpfygw,f/

olUudkuvpfNyD; pm&Gufay:rSm jyefvmuvpfvkyfyg/ box av;ay:vmygr,f/ tJ'DrSm
pm½dkufvdkY r&yg/
4/ pm½dkufzdkYtwGuf nmbufu Text panal xJrSm uvpfxyfcs&ygr,f/ Website
Training vdkY ½dkufxnfhay;yg/ ½dkufNyD;vdkY vdktyf&if Tool box tay:qHk;u
Select tool (trnf;a&mif jrm;uav;)eJY Select vkyfNyD; ae&ma&TUay;yg/
5/ b,fbuftay:qHk;a'gifhrSm&SdwJh Add Effect xJu Appear in position xJu
atmufuwckckudk a&G;vdkufyg/
• Come in apperance

• Fade burn in
• Flatten turn on
• Grow in and widen
• Scale letter
• Shrink in and stretch
• Wild web
• Wild zoom in
6/ NyD;&if Control > Play Movie udk uvpfvkyfMunfhyg/ Animation

b,fvdktvkyfvkyfvJqdkwm awGU&ygr,f/
7/ tJ'gudk rBudKufao;bl;qdk&if Timeline xJu tjyma&mifjzpfaewJh ae&mudk Right
Click vkyfNyD; Effect uaewqifh tjcm;yHkpHawGudk a&G;Edkifygao;w,f/
aemufcH xnfhoGif;jcif;
8/ apmapmu Text udk Select tool eJY Select NyD; Copy & Paste (Ctrl C &
Ctrl V) vkyfyg/ Text aemufwckwdk;vmwmawGU&ygr,f/ Timeline ay:rSmvnf;
wckwdk;vmwmudk owdxm;Munfhyg/
9/ aemufwdk;vmwJh wckudk t&ifwckeJY xyfoGm;atmifae&ma&TUvdkufyg/
10/ ESpfoufwJhta&mifwckudk Text panel xJrSmoGm;ajymif;ay;vdkufyg/
11/ Timeline ay:rSm Right Click vkyfNyD; Delete Effect vkyfyg/
12/ Play Movie udkaemufwacguf uvpfvkyfMunfhygOD;/ b,fvdkajymif;vJoGm;vJqdkwm
*½kpdkufMunfhyg/
SWiSH Max ay:rSm Animation wckvkyfwm vG,fvG,fav;qdkwmawGU&rSmyg/ 'gayr,fh

olUudk 'Dtwdkif; wdkuf½dkufoHk;vdkYr&ao;yg/ Export vkyf&ygOD;r,f/
13/ File > Export > SWF udka&G;vkdufyg/ odrf;r,fhae&meJY trnfudka&G;vdkufyg/

tJ'DrSm odrf;ay;r,fh Flash file udkom html uae,loHk;vdkY&rSmjzpfygw,f/ (ani_1
vdkYtrnfay;yg/)
14/ aemufydkif;jyefjyifcsif&if vG,fulatmif Origin file udk wae&m&mrSm odrf;xm;zdkY
tBuHay;yg&ap/ (ani_1_ori vdkYtrnfay;yg/)

IMAGE in SWiSH Max
tckwcgrSmawmh Photoshop rSmvkyfcJhwJh image 2-ckudkoHk;NyD; xyfavhvmMur,f/
1/ SWiSH Max udkzGifhvdkufyg/ "Start a new empty movie"
udka&G;,lvdkufyg/
2/ Movie panel xJrSm Width 100, Height 50, Frame Rate 5
a&G;vdkufyg/ (Width, Height udk Photoshop rSmvkyfxm;cJhwJhtwdkif; ,l&ygr,f/
3/ Insert > Image vkyfNyD; web_1 udkxnfhoGif;yg/
4/ Add Effect > Fade in vkyfyg/
5/ aemufxyf Add Effect > Fade out vkyfyg/
6/ Insert > Image vkyfNyD; web_2 udk,lyg/

7/ Add Effect > Fade in vkyfyg/
8/ aemufxyf Add Effect > Fade out vkyfyg/
9/ Play Movie vkyfMunfhyg/ 'gu ½dk;&Sif;wJh Animation ygbJ/
Appear in position
• 3D spin in grow > i,f&mrS wjznf;jznf; BuD;vm
• 3D spin and stand up > i,f&mrS wapmif;twdkif; BuD;vm
• Alternate grow in > i,f&mrS wjznf;jznf; BuD;vm
• Bullet fly by in > a&SUaemuf – tBuD; tao;
• Fade burn in > trSdef tvif;
• Fade – std fade in > trSdef tvif;
• Fade – wipe in > trSdef tvif;
• Flatten turn on >
• Grow in widen >
• Grow in widen >

Adobe Image Ready
SWiSH Max udk ½dk;½dk;av;vdkY ajymcJhw,fqdkawmh ImageReady u qef;qef;vm;vdkY
ar;csifygovm;/ [kwfuJh qef;ygw,fvdkY ajzygr,f/ eJeJydk½Iyfr,f/ ydkvnf;aumif;r,fayghav/
odkYaomfvnf; 0rf;enf;p&mwcku 'Doifwef;rSm tajccHavmufbJ avhvmzdkYtcsdef&ygr,f/
'Du&r,fhtajccHeJYuawmh vG,fulwJh Animation uav;awGbJ vkyfEdkifygvdrfhr,f/
a&SUqufavhvmzdkYtwGuf tajccH&oGm;ygr,fvdkYawmh arQmfvifhygw,f/
ImageReady qdkwJhtwGuf image uae t&ifavhvm&atmif/
IMAGE in Adobe ImageReady

1/ ImageReady rSmu Animation udk Folder uwqifh tvkyfvkyfygw,f/
'gaMumifh web_1, web_2 file 2-ckudk Folder wckaqmufNyD;xnfhxm;ay;yg/

2/ ImageReady udk zGifhvdkufyg/ (Photoshop zGifhxm;NyD;om;qdk&if Tool box
atmufem;rSm&SdwJh Jump to ImageReady udk uvpfvdkufyg/) ImageReady
yGifhvmygr,f/
3/ File > Import > Folder as Frames udk a&G;ay;yg/ box wckay:vmygr,f/
4/ tJ'D box uaewqifh apmapmu vkyfxm;wJh Folder udka&G;vdkufyg/
Play
Time Tween
Looping Duplicate
Delete
5/ Work area eJYtwl Animation palette ay:vmygr,f/ tJ'DrSm

• Time u Mumcsdef
• Looping option xJrSm Animation udk b,fESpfBudrf
tvkyfvkyfcdkif;rvJqdkwma&G;&r,f
• Play u Preview MunfhzdkY
• Tween u Slide awGMum;rSm qufpyfay;r,f
• Duplicate u &SdNyD;om; Slide udk xyfyGm;,lzdkY
• Delete u rvdkawmhwJh Slide udkzsufzdkY
6/ tck'DrSmavhvmr,fh oifcef;pmt& Tween udkuvpfvkyfyg/ ay:vmwJh box rSm
atmufygtwdkif; a&G;vdkufyg/

7/ rlv Slide 2-ckMum;rSm aemufxyftopf 5-ckwdk;vmygr,f/
8/ Play vkyfMunfhyg/ odyfjrefaew,fqdk&if Time jyefcsdefay;yg/
9/ tm;vHk;pdwfBudKufjzpfNyDqdk&if html rSmoHk;zdkYtwGuf jyifqif&ygr,f/ 'DrSm enf; 2-ck

oHk;Edkifygw,f/
• File > Save Optimized as qdk&if .gif file taeeJYtvkyfvkyfygr,f/
(img_1.gif qdkNyD; odrf;yg/)
• .swf (Macromedia Flash) taeeJY tvkyfvkyfapcsif&if awmh File >
Export > SWF – Macromedia Flash udka&G;ay;yg/ (img_1.swf
qdkNyD;odrf;yg/)
10/ 'DtqifhawGNyD;oGm;NyDqdk&if html uae ,loHk;EdkifygNyD/
TEXT in Adobe ImageReady

1/ Adobe ImageReady udk zGifhNyD; File > New vkyfyg/ ay:vmwJh box xJrSm
udk,ftvdk&SdwJh t&G,ftpm;udka&G;ay;&ygr,f/ ('Doifwef;twGufuawmh Width
600px, Height 100px a&G;,lygr,f/)
TEXT
2/ Text tool (T) ,lNyD;awmh ADOBE IMAGE READY vdkY ½dkufygr,f/
Font, Size, Color awGa&G;zdkYtwGuf Window > Character udkzGifhyg/
('Doifwef;twGuf Arial Black, 40pt )udk a&G;ygr,f/
MASK

3/ Layer > Add Layer Mask > Reveal All udka&G;ygr,f/
4/ Layer palette xJu Link oHuGif;uav;udk wcsufuvpfvkyfyg/ (zsufypfwmyg/)
5/ Marquee tool (M) eJY pmvHk;awGay:rSm Selection area wckqGJyg/ Alt +
Backspace acgufyg/ (Mask udk Foreground color jznfhwmjzpfygw,f/
Foreground color - BLACK jzpfaeygap/)
6/ Move tool (V) udk,lNyD; Mask udk ae&ma&TUay;Edkifygw,f/
Text ANIMATION
7/ Animation panel xJu Duplicate udkwcsufcsif;ESdyfoGm;yg/ Slide
awGxyfxyfwdk;vmwm awGU&ygr,f/ ('Doifwef;rSmawmh pkpkaygif; Slide 7-ck
,lxm;ygr,f/)
8/ yxrqHk; Slide rSm pmtm;vHk;udk Mask eJYzHk;xm;yg/ (Mask udk
vdktyfovdkae&ma&TUay;yg/)
9/ 'k Slide rSm pmvHk;wvHk;avmuf azmfxm;yg/
10/ w Slide rSm aemufxyfydkNyD; azmfay;yg/ 'Denf;eJY Slide tm;vHk;ukefwJhtxd
enf;enf;csif; azmfoGm;ay;yg/ (Preview Munhfcsif&if Play udk uvpfvkyfyg/)
11/ odyfjrefae&if Time csdefay;Edkifygw,f/ ('Doifwef;twGuf 0, 0.2, 0.5, 0, 0.5,
0.2, 1 a&G;ay;ygr,f/)
Add GRAPHIC
12/ Tool box xJu Ellipse tool udk,lNyD; t0dkif;wckqGJyg/ (Layer 1 qdkwJhtrnfeJY
Layer topfwckay:vmygr,f/) t0dkif;udk t&G,ftpm;ajymif;csif&if Edit > Free
Transform (Ctrl T) vkyfNyD; ajymif;ay;Edkifygw,f/ (ta&mifajymif;zdkYtwGuf
Foreground / Background wckckudk ESpfoufwJhta&mifajymif;xm;yg/
Foreground / Background uae Mouse drag qGJNyD; ajymif;apcsifwJh
Object ay:rSm Mouse vTwfvdkufyg/)
13/ Text tool (T) ,lNyD; A wvHk;½dkufyg/ tjzLa&mifajymif;yg/
14/ Layer > Layer Style > Stroke vkyfNyD; ESpfoufwJht&G,fvkyf,lyg/
(jyefjyifcsif&if Layer palette xJu Stroke udk Double Click vkyfyg/)
Duplicate LAYER

15/ Animation panel xJrSm Slide 5 udk uvpfvkyfxm;yg/ tJ'DrSm
tajymif;tvJwckvkyfcsifwJh twGuf jzpfygw,f/
16/ Layer palette atmufqHk;rSm Create New Layer icon &Sdygw,f/ Layer
1 udk drag qGJNyD; tJ'D icon ay:rSmvTwfvdkufyg/ Layer topfwck&vmygr,f/
tJ'gudk ta&mifajymif;ay;yg/
17/ Play vkyfMunfhyg/ b,fvdkajymif;vJoGm;w,fqdkwmudk *½kpdkufMunfhyg/
MOVING Object
18/ Tool box xJu Ellipse tool udk,lNyD; t0dkif;ao;ao;av;wckqGJyg/ (Layer
topfwck ay:vmygr,f/) ESpfoufwJhta&mif? t&G,fajymif;yg/
19/ Slide 1 udkuvpfNyD; apmapmu t0dkif;uav;udk wae&m&mrSm ae&mcsxm;yg/
20/ Slide 2 udk uvpfNyD; t0dkif;udk tjcm;wae&m a&TUvdkufyg/
21/ Slide tm;vHk;ukefoGm;wJhtxd wae&mpDa&TUay;yg/
22/ Play vkyfMunfhyg/ tajymif;tvJudk Munfhyg/ (rBudKufao;&if
apmapmuvkyfcJhwJhtwdkif; jyefNyD; jyifEdkifygw,f/)
23/ tm;vHk;pdwfBudKufjzpfNyDqdk&if html rSmoHk;zdkYtwGuf jyifqif&ygr,f/ 'DrSm enf; 2-ck
oHk;Edkifygw,f/
• File > Save Optimized as qdk&if .gif file taeeJYtvkyfvkyfygr,f/
(img_2.gif qdkNyD; odrf;yg/)
• .swf (Macromedia Flash) taeeJY tvkyfvkyfapcsif&if awmh File >
Export > SWF – Macromedia Flash udka&G;ay;yg/ (img_2.swf
qdkNyD;odrf;yg/)
Macromedia Flash
SWiSH Max, Adobe ImageReady wdkYeJYpm&if Macromedia Flash u
ydkaumif;ygw,f/ ydkvnf;½Iyfyg w,f/ 'Doifwef;rSm tajccHtoHk;jyKyHkudk twwfEdkifqHk;
vG,fulatmif BudK;pm;&Sif;jyygr,f/
Workspace rSm tydkif; 5-ydkif;&Sdygr,f/

• Menu
• Tool box
• Timeline – Layer, Frame, Playhead

• Stage (Workarea)
• Panel
Timelin
Menu
Playhe
Tool
Frame
Stage Layer
Panel
Simple Flash Animation zefwD;zdkYtwGuf tqifh 4-qifhudk

vkyfaqmif&ygr,f/
1. Size – t&G,ftpm;owfrSwfyg/
2. Background – aemufcH½kyfyHka&;qGJyg/
3. Create animation – vIyf&Sm;rIzefwD;yg/
a) Setup animation
b) Add motion
c) End animation
d) Test & save
4. Publish - html rSm toHk;jyKzdkYtwGuf vkyfaqmifyg/
1. Size t&G,ftpm;

Flash rSm animation t&G,fowfrSwfzdkYtwGuf Properties panel xJu
Size udkuvpfvkyfNyD; jyifay;&rSmjzpfygw,f/ jyifrxm;cJhbl;qdk&ifawmh Flash
default size jzpfwJh (550 x 400 px) t&G,ftpm;jzpfaeygr,f/
wu,ftoHk;jyKr,fh Webpage ay:rSm b,ft&G,ftpm;jzpfapcsifovJqdkwmudk

zefwD;rI rvkyfcifuwnf;u BudKwifowfrSwfEdkifovdk aemufydkif;rSjyefjyifwmudkvnf;
Flash u cGifhjyKygw,f/
odkYaomfvnf; t&G,ftpm;udk BudKwifowfrSwfNyD;rS zefwD;rIawGvk

vyk fwmu ydkNyD;aumif;rGef
wJh pdwful;jzpfygw,f/
1. File > New (Ctrl N) udkuvpfvkyfyg/

2. Properties panel xJu Size (550x400px) udkzGifhNyD; ESpfoufwJh
t&G,fwck owfrSwfyg/
3. Properties panel xJu Background udkzGifhNyD;
ESpfoufwJhta&mifwcka&G;yg/ (wcgw&HrSm aemufcHudk
ajAmiftvGwfbJxm;csifwJhtcgawG&Sdygr,f/ tJ'gqdk 'Dtqifhudk ausmfvdkufyg/)
4. Properties panel xJu Frame rate (animation &JU tjrefEIef;)rSm
yHkrSeftm;jzifh 12 udkowfrSwfay;xm;wmawGU&ygr,f/ udk,fESpfoufovdk
jyifay;Edkifygw,f/ (tBuHay;csifwmwckuawmh Frame rate 12-24
tJ'DtwGif;rSmqdk&if tvkyfvkyfvdkY ydktqifajyygw,f/)

2. Background aemufcH½kyfyHk
trsm;tm;jzifhawmh animation wckrSm BG ta&mif^½Icif; wckckyg0ifavh&Sdygw,f/
tu,fí tckzefwD;r,fh animation [m plain bg jzpfr,fqdk&if 'Dtqifhudk
ausmfvdkufyg/
1. Layer trnfay;yg/
(Timeline > Layer ae&mrSm File
topfwckp,luwnf;u Layer 1 qdkNyD;&Sdaewmudk
awGUygr,f/ aemufydkif;tvkyfvkyf&if ½IyfaxG;rI r&Sdatmif
Layer awGudk oufqdkif&mtvdkuf trnfowfrSwfay;wm
aumif;rGefwJh tavhtusifhwck jzpfygw,f/)
Layer 1 udk Double Click vkyfNyD; Background
vdkYtrnfowfrSwfyg/
2. ½kyfyHkjzpfap? ta&mifjzpfap wckckxnfhoGif;yg/

3. Frame 30 ae&mrSm Right Click NyD; Insert Keyframe vkyfyg/
(animation [m Frame 1 u pwifNyD; Frame 30 rSm tqHk;owfr,fvdkY
owfrSwfwmjzpfygw,f/)

4. File > Save vkyfNyD;awmh myFlash folder xJrSmodrf;yg/
3. Create animation vIyf&Sm;rI

animation wcktwGuf tqifh 4-qifhxyfvkyf&ygr,f/
a) Setup animation
1. Timeline atmufu Insert Layer udkuvpfvkyfyg/ Layer topfudk
Ball vdkYtrnfay;yg/
2. animation object / animation text zefwD;yg/ ('Doifcef;pmt& Tool
box xJu t0dkif;yHk Oval tool udk,lNyD; t0dkif;uav;wckqGJyg/)
ta&mifajymif;csif&if obj: udk Tool box xJu Arrow
tool eJYuvpfNyD; Tool box atmufqHk;em;rSm&SdwJh Color
box rSm ta&mifajymif;ay;Edkifygw,f/
3. Create vkyfNyD;wJh Obj: udk Right Click > Convert to Symbol
vkyfyg/
a&TUvsm;ajymif;vJrI 4-
b) Add motion
ckxnfhoGif;Edkifygw,f/
1. Straight-line movement
2. Movement along a path
3. Rotating, scalling, rotate+scale
4. Change shape, color, shape+color
Straight-line movement
1. Frame 15 rSm Right Click > Insert Keyframe vkyfyg/

2. t0dkif;uav;udk pm½Guf&JUa'gifhwae&m&mudk a&TUvdkufyg/
3. Frame 30 rSm Insert Keyframe vkyfyg/
tckcsdefrSm Preview Munfhcsif&if Ctrl + Enter acgufay;yg/ a&TUvsm;rI[m racsmarGUwmudk

awGUygr,f/ aemufwqifhxyfjyifzdkYtwGuf atmufutqifhudkvkyfaqmifyg/
4. Create Motion Tween vkyf&ygr,f/ (ball layer udkuvpfyg/ frame

tm;vHk;udk select vkyfNyD;om;jzpfoGm;ygr,f/ frame ay:rSm Right Click >
Crate Motion Tween vkyfyg/)
Preview MunfhzdkY Ctrl + Enter acgufyg/ a&TUvsm;rI[m rwlawmhwmudk *½kjyKyg/
5. Save vkyfyg/
Movement along a path

2. t0dkif;uav;udk pm½Guf&JUa'gifhwae&m&mudk a&TUvdkufyg/
3. Frame 30 rSm Insert Keyframe vkyfyg/
4. Create Motion Tween vkyfyg/
Ctrl + Enter acgufNyD; Preview Munfhyg/ apmapmuvkyfcJhwJhwckeJYbmrS ruGmjcm;vSygbl;/
5. Frame 1 udk uvpfyg/ Insert > Timeline > Motion Guide

udka&G;,lyg/
6. Tool box u cJwHudk,lNyD; pdwfBudKufrsOf;aMumif;qGJyg/ (a&vIdif;vdk tedrfhtjrifh
qGJyg/)
7. Save vkyfyg/
Ctrl + Enter acgufNyD; Preview Munfhyg/ tajymif;tvJudkMunfhyg/

Scale, Rotate, both S+R
Scale & Rotate udk aygif;NyD;oHk;Edkifovdk oD;jcm;vnf;oHk;Edkifygw,f/
aygif;NyD;oHk;wmudkawmh udk,fhbmomudk,f avhvmzdkYcsefxm;vdkufygr,f/
Scale
2. t0dkif;uav;udk Arrow tool eJY select NyD; Modify > Transform >
Freetransform vkyfyg/ oifESpfoufoavmuf t&G,fBuD;ay;vdkufyg/
4. Save vkyfyg/
Ctrl + Enter acgufNyD; Preview Munfhyg/ ½dk;½dk;uav;ygbJ/
Rotate
Rotate twGufudkawmh t0dkif;oHk;vdkYrjzpfyg/ 'gaMumifh Tool box xJu Text tool (A
yHkpH) udk,lNyD; FLASH vdkY½dkufvdkufyg/
6. Modify > Transform > Freetransform vkyfyg/
oifESpfoufoavmuf vSnfhay;vdkufyg/
8. Save vkyfyg/
Ctrl + Enter acgufNyD; Preview Munfhyg/ vG,fygw,f/
Changing Shape & Color

1. Flash document topfwck,lyg/
2. t0dkif;wckqGJyg/
3. Frame 15 rSm Right Click > Insert Blank Keyframe vkyfyg/

4. av;axmifhyHkwckqGJyg/ ta&mifwckckajymif;yg/
5. Frame 1 udkuvpfyg/
6. Properties panel xJu Tween rSm Shape ajymif;yg/
7. Frame 15 udkuvpfyg/ Properties panel xJu Tween rSm
Shape ajymif;yg/
Ctrl + Enter acgufNyD; Preview Munfhyg/ rBudKuf&if ae&mjyefa&TUyg/
c) End animation
1. yHkrSeftm;jzifhqdk&ifawmh animation wck[m &yfoGm;rSmr[kwfyg/
tNrJvIyf&Sm;aerSmjzpfygw,f/
2. &yfoGm;apcsif&ifawmh aemufqHk; Frame rSm Right Click > Action
vkyfyg/ Action panel ay:vmygr,f/
3. Global Function > Timeline Control > Stop udka&G;vdkufyg/
'gqdk&if animation [m wBudrfbJtvkyfvkyfNyD; &yfoGm;ygr,f/
d) Test & save

1. Enter acguf&if Flash xJu Preview jrif&ygr,f/
2. Ctrl + Enter acguf&if html rSmjrif&r,fh Preview udkjrif&ygr,f/
4. Publish
html rSmtoHk;jyKzdkYtwGuf File > Publish vkyfyg/ (Publish rvkyfcifrSm File

udk wae&m&mrSmodrf;yg/ Publish vkyfvdkuf&if tJ'Dodrf;xm;wJhae&mrSm _.swf file
tjzpf odrf;ay;rSmjzpfwJhtwGufyg/
Symbol
• Symbol [m Flash &JUtaumif;qHk; vkyfaqmifay;EdkifrIwckjzpfygw,f/
• Obj:, Text, Shape awGudk Convert to Symbol vkyfvdkuf&if
tJ'Dt&mawGudk Symbols awGtjzpf library xJrSm odrf;xm;ay;ygr,f/
• Stage ay:rSm&Sdaewmu symbol &JYaumfyD instance jzpfygw,f/
• Library xJu symbol wckudk Stage ay: drag qGJcswJhenf;eJY
aemufxyfaumfyDtopf instance awGudk ra&rwGufEdkifwJhtxd
xyfyGm;,lEdkif w,f/)
• instance awGudk t&G,ftpm;? ta&mif pwJh
tajymif;tvJawGvkyfEdkifygw,f/ 'g[m rl&if;jzpfwJh Symbol
udkrxdcdkufapygbl;/ aemufxyf xyfNyD;,lr,fh instance topfawGrSm
rl&if;twdkif;jzpfwmudkawGUygr,f/
• odkYaomf - Symbol udk jyKjyifajymif;vJrIwckckvkyfr,fqdk&ifawmh &Sd&SdorQ
instance tm;vHk; tajymif;tvJjzpfukefygr,f/
Fading effect

Fading effect udk Text twGufa&m? Graphic twGufyg oHk;Edkifygw,f/
'Doifcef;pmrSmawmh Text eJYtvkyfvkyfMunfhygr,f/
1. File > New vkyfNyD; oifESpfoufwJh t&G,ftpm;owfrSwfyg/
2. Mae Tao Clinic vdkY½dkufyg/ Right Click > Convert to Symbol vkyfyg/
3. Frame 30 rSm Keyframe xnfhyg/
4. Properties panel xJrSm Color (None) udk Alpha ajymif;yg/ olUab;u
100% udk 0% ajymif;yg/
5. Layer udkuvpfNyD; Frame ay:rSm Right Click > Create Motion
Tween vkyfyg/
Enter acgufNyD; Preview Munfhyg/ xyfjznfhcsifao;&if atmufygtwdkif;xyfjznfhyg/
6. Frame 60 rSm Keyframe xnfhyg/

7. Properties panel xJrSm Color > Alpha wefbdk;udk 100% ajymif;yg/
8. Layer udkuvpfNyD; Frame ay:rSm Right Click > Create Motion
Tween vkyfyg/
9. Preview Munfhyg/ BudKuf&if Save vkyfyg/ Web rSmoHk;r,fqdk&if Publish
vkyfyg/

eDocument
Xilisoft 3GP Video Converter
AD'D,dkzdkifwcsdKUudk webpage ay:wifzdkYvdkvmr,fqdk&if Xilisoft u oifhudk ulnDygvdrfhr,f/

Xilisoft u Karaoke oDcsif;zdkifawG? AD'D,dkzdkifawG&JU Origin size udk
tqrsm;pGmcsHKUay;Edkifygw,f/ 269MB video file udk Xilisoft eJYprf;oyfMunfhawmh ...
o 3GP format eJYqdk&if 10MB txdcsHKUEdkifygw,f/
o MPEG-4 format eJYqdk&if 157MB csHKUay;ygr,f/
o MP3 Audio format eJYqdk&if 36MB csHKUygr,f/
MPEG- Moving Picture Experts Group

Add udkuvpfyg
Format a&G;yg
odrf;r,fhae&ma&G;yg
Encode
Xilisoft eJYzdkifudkcsHKUzdkYtwGuf
1. Add udkuvpfNyD; csKHUcsifwJhzdkifudk xnfhoGif;yg/
2. Format ae&mrSm xkwf,lcsifwJhtrsdK;tpm;a&G;yg/
3. Destination rSm odrf;r,fhae&ma&G;yg/
4. Encode udkuvpfvdkuf&if zdkifudkpcsHKUay;ygNyD/
Adobe Acrobat (_.pdf)
vdktyfwJhtcgrSm Webpage ay:udk pm&Gufpmwrf;tcsdKUwifzdkYvdkvmygvdrfhr,f/ Oyrm-

udk,fhvkyfief; &JU tpD&ifcHpmvdkrsdK;? pm&if;Z,m;awGvdkrsdK;udk tjcm;olawGMunfh½IEdkifzdkY Web
ay:wifxm;zdkYvdkvm ygvdrfhr,f/

tJ'DvdktcgrSm Adobe Acrobat u taumif;qHk; tvkyfvkyfay;ygr,f/
olU&JUtm;omcsufawGu awmh ...
o File size csHKUay;r,f/
o File rSm&SdwJhtcsuftvufawGudk tjcm;olawG jyKjyifajymif;vJvdkYr&atmif
umuG,fay;r,f/
Convert to pdf
o Adobe PageMaker (_.pmd)
o Adobe Photoshop (_.psd)
o Microsoft Word (_.doc)
o Microsoft Excel (_.xls)
o Microsoft PowerPoint (_.ppt)
tp&SdwJh file format awGtygt0if tjcm; format tawmfrsm;rsm;udk Acrobat file
(_.pdf) tjzpfajymif;ypfEdkifygw,f/ format b,fvdkajymif;rvJqdkwmMunfh&atmif/
1. Open - ajymif;csifwJhzdkifudkzGifhxm;vdkufyg/
2. Print - print rSm Adobe PDF printer udka&G;vdkufyg/ NyD;&if OK vkyfyg/
(Adobe Acrobat Professional udk install vkyfxm;rS Adobe PDF
printer udkawGUrSmjzpfygw,f/)
3. file odrf;r,fhae&ma&G;NyD; Save vkyfyg/
cPav;apmifhNyD;&if apmapmu Print vkyfcJhwJhzdkifudk aumfyDwckyGm;NyD; pdf zdkiftjzpf
ajymif;NyD;oGm;wmawGU&ygr,f/

Zip (_.zip)
½dk;½dk;zdkifawGudk Zip file tjzpf csHKUay;wJh zip program awGtrsm;BuD;&Sdygw,f/ Oyrm-
WinZip, 7Zip wdkYjzpfygw,f/ tck'DrSmawmh WinZip udktoHk;jyKygr,f/ toHk;jyKyHku
vG,fygw,f/
Zip vkyfcsifwJhzdkifudk Explorer eJYvdkuf&SmNyD; Right Click > WinZip > Add to zip
file vkyfvdkuf&if Zip zdkiftjzpf csHKUay;ygr,f/

Quick Tutorials
tck'Doifwef;rSm Webpage zefwD;zdkYtwGuf t"dutm;jzifh html, css
wdkYudktm;jyKxm;ygw,f/ bmaMumifhvJqdkawmh toifhoHk; programs awGudk tm;jyKr,fqdk&if
aumif;rGefwJh webpage awGzefwD;EdkifrSmjzpfayr,fh webpage awGb,fvdktvkyfvkyfovJ?
webpage awGudk b,fvdkxdef;csKyf EdkifovJqdkwmudk odEdkifrSmr[kwfyg/ 'gaMumifh toifhoHk;
programs awGudk rdwfqufoabm avmufbJ xnfhoGif;xm;ygw,f/ udk,fhbmomudk,f
qufavhvmcsifolawGtwGuf rdwfqufay;wJh oabmjzpfygw,f/
Macromedia Dreamwaver
webpage awGzefwD;zdkYtwGuf taumif;qHk; toifhoHk; program jzpfw,fvdkYqdkygw,f/
Dreamwaver b,fvdktvkyfvkyfovJ Munfh&atmif/
LOCAL Site
Step 1

1. Hard disk xJrSm Folder wckwnfaqmufxm;yg/ (Drive D rSm Learn
Website trnfeJY Folder wckaqmufygr,f/) Website rSmyg0ifr,fh Files,
images, animations awGudk tJ'D Folder xJ xnfhxm;yg/
Step 2
2. Menu xJu Site > Manage Sites > New > Site udkuvpfyg/
atmufrSmjyxm;wJh box ay:vmygr,f/ tJ'DrSm Advance udkuvpfyg/
3. Site &JUtrnfudk ½dkufxnfhay;yg/
4. Local root folder ae&mrSm ab;u t0ga&mif Folder icon udkuvpfNyD;
Drive D > Learn Website folder udk&Sm,lyg/
5. http:// ae&mrSm udk,fh&JUvdyfpmudk xnfhoGif;yg/
6. OK vkyfvdkufr,fqdk&if nmbufjcrf;rSm Site &JU Local view udkjrif&ygr,f/

Step 3
7. tckcsdefrSm oifhtaeeJY Dreamweaver udktoHk;jyKNyD;awmh local webpage
awG zefwD;Edkif ygNyD/
oifhtaeeJY oifh&JU LOCAL website udkom owfrSwf&ao;wmjzpfw,fqdkwm

owdjyKyg/ REMOTE website twGufudkawmh oifhrSmudk,fydkif webspace
wck&Sdxm;zdkYvdkygr,f/ tJ'D space &JU vdyfpmvnf;&Sdxm;zdkYvdkygr,f/ tJ'gawG&SdrS oifh&JU
Local awGudk Remote qDudk ydkYvdkY&rSmjzpfygw,f/ uJ tck webspace wck
&Sdxm;NyDqdkygpdkY ... b,fvdk upload vkyfrvJ qdkwmMunfhMu&atmif/
REMOTE Site
Step 4
8. Site > Manage site > Edit vkyfyg/
9. ay:vmwJh box b,fjcrf;rSm Remote Info udkuvpfyg/
10. nmbufrSm Access - None jzpfaewmudk FTP ajymif;yg/
11. FTP host, Login, Password wdkYudkxnfhay;&ygr,f/ (webspace
0,f,lwJhtcgrSm tJ'DtcsuftvufawGyg&Sdvmygr,f/)

12. Expand / Collapse icon udkuvpfvdkuf&if
atmufygtwdkif;jrif&ygr,f/ Loacal eJY,SOfNyD; Remote view
twGufae&mpDpOfay;ygr,f/
13. Connects to remote host udkuvpfvkyfwJhtcgrSmawmh remote
view udkjrif&ygr,f/
Upload
14. Upload vkyfzdkYtwGuf Local u File / Folder wckckudk uvpfvkyfyg/
15. Tool bar ay:u Put File(s) icon av;udk uvpfvkyfvdkufyg/ 'gqdk
Remote website ay:udk apmapmu a&G;cs,fxm;wJhzdkifudk ydkYay;rSmjzpfygw,f/
Connects Put File(s)

to
Macromedia Homesite

Macromedia Homesite [m Notepad vdkrsdK; Text Editor wckjzpfygw,f/
html toHk;jyKNyD;awmh webpage awGa&;om;&mrSm Homesite u ydkNyD;tqifajyapr,fvdkY
,lq&ygw,f/ toHk;jyKenf; uawmh Notepad rSmeJYtwlwlyJjzpfwJhtwGuf
odyfNyD;xl;jcm;w,fvdkY rqdkEdkifayr,fh vlopfwef;awG twGuf toHk;0ifr,fh
vkyfaqmifcsufawGtrsm;BuD; yg0ifwJhtwGuf tckrSpavhvmr,fholawGa&m?
website a&;om;aeolawGyg avhvmoifhwJh application wckqdkwmudkawmh
oabmwlMurSmyg/
webpage topfa&;om;wJhae&mrSm Homesite udk oHk;Edkifovdk &SdNyD;om; page awGudk

jyefjyifcsif w,fqdk&ifvnf; tqifajyvG,fulrI&Sdapwmudk awGU&ygr,f/
HDD
Folder
File a&G;&ef Edit view

&
Browser
Location ae&m
• HDD (hard disk drive)--
drive)-- ae&mrSm Drive:C, Drive:D
pojzifha&G;ay;&ygr,f/
• Folder--
Folder-- udk,fhzdkifawGodrf;xm;wJhae&mudk&Sm&ygr,f/
• File--
File-- udk,fhzdkifudkawGUNyDqdk&if Double Click vkyfyg/
View jrifuGif;
• Edit view eJY
• Browser view qdkNyD; 2-ck&Sdygr,f/

Microsoft FrontPage
FrontPage uawmh Dreamwaver vdkrsdK; web creator tool wrsdK;jzpfygw,f/
toHk;jyKyHk Microsoft Word eJY qifwlwJhtwGuf ydkNyD;vG,fulw,fvdkY ,lqEdkifygw,f/
cyfoGufoGufuav; tay:,H&SyfNyD; MunfhMu&atmif/
1. File > New (Ctrl N) vkyfyg/

2. Split view ,lxm;r,fqdk&if atmufygtwdkif; jrif&ygr,f/
Code Design
Split
Design Code
Pre view
3. Table > Insert > Table vkyfyg/ ay:vmwJh box rSm Row/Column
a&G;cs,fxnfhoGif;yg/ ('Doifwef;t&awmh Row=3, Column=3 ,lyg/)
4. Code area / Design area awGrSm bmawGajymif;vJovJqdkwmMunfhyg/
html a&;om;enf; wwfxm;r,f .. aemufNyD; Microsoft Word vnf;

tweftoifhwwfw,fqdk&if FrontPage u vG,fvG,fav;qdkwmawGU&rSmyg/

Local site view & Remote site view
Dreamwaver rSmwkef;uvdkrsdK;bJ FrontPage rSmvnf; Local site /
Remote site wdkYudk owfrSwfay;&ygr,f/
1. File > Open site uaeNyD;awmh udk,fzefwD;wnfaqmufxm;wJh web

folder wckckudk zGifhvdkufyg/ atmufrSmjyxm;wJhtwdkif; jrif&ygr,f/
Remot
e web
Remot
e web
site
2. Remote website udkuvpfyg/ jrifuGif;ajymif;oGm;ygr,f/

3. ajymif;oGm;wJh jrifuGif;ay:rSm&SdwJh Remote web site properties
udkuvpfyg/
4. ay:vmwJh box rSm FTP udka&G;yg/ olUatmufu Remote web site

location / FTP directory awGudkjznfhoGif;ay;NyD; OK vkyfyg/
(webspace 0,fwJhtcgrSm ygvmyg r,f/)
5. xyfay:vmr,fh box rSm User login name eJY Password
xnfhay;&ygOD;r,f/ ('D[mawGvnf; webspace 0,fwJhtcgrSm
ygvmygr,f/)
Upload
6. Local uae Remote udkydkYwifzdkYtwGuf udk,fwifcsifwJh File / Folder
wckudk uvpf NyD; nmbufatmufqHk;em;u Publish all changed
pages atmufu Local to Remote udkuvpfyg/ Publish web

site udkxyfuvpfyg/ 'gqdk&if a&G;cs,fwJh File / Folder [m Remote
web site ay: a&mufoGm;ygr,f/
Publish all changed
CSS & Java Script & Rreference Sources

CSS udk toHk;rcswwf&if rjzpfbl;vdkY ajym&avmufatmif CSS u wu,faumif;ygw,f/
CSS t"dutvkyfvkyfwmu webpage ay:u Text awGudkxdef;csKyfay;wmyg/ CSS
taMumif; ydkodcsif&if google vdk Search Engine wckrSm CSS qdkNyD; ½dkufxnfhvdkufyg/
CSS eJY ywfoufwJh reference source awG trsm;BuD;xGufvmwmawGU&ygr,f/
tJ'DxJu ausmif;om;opfawGtwGuf tqifajy r,fvdkY,lq&wJh CSS, html, Java Script
source tcsdKUudkxkwfjyxm;ygw,f/
• www.w3schools.com
o www.w3schools.com/css
o www.w3schools.com/html
o www.w3schools.com.js
w3schools rSm CSS examples 70 ausmf? html examples 100 ausmfeJY

Java Script examples 100 ausmf jyxm;wm&Sdygw,f/ tJ'gawGuae
aemufxyftrsm;BuD;avhvmEdkifygvdrfhr,f/
• www.webmonkey.com
webmonkey rSmuawmh
o HTML Cheatsheet uaewqifh html tags awGtvkyfvkyfyHkudk
jyefMunfhEdkifygr,f/

o Color Code rSm html rSmoHk;&r,fh ta&mifZ,m;udk MunfhEdkifygw,f/
o Stylesheets Guide rSm CSS referance udk MunfhEdkifygw,f/
• www.kirupa.com
kirupa rSmuawmh
o Flash
o Photoshop
o Web Dev uaewqifh CSS erlemawG MunfhEdkifygr,f/
• www.entheosweb.com
entheosweb rSmvnf;
o Flash
o Photoshop
o Dreamwaver tvkyfvkyfyHkawGudk avhvmEdkifygr,f/
• javascript.internet.com ('D site udk0ifwJhtcgrSm www ryg&yg/)

'D site rSm example awGeJYtwl source code awGtrsm;BuD;ay;xm;ygw,f/
ESpfoufwJh taMumif;t&mawGudk copy/paste vkyfNyD; udk,fh&JU website
rSmjyefoHk;zdkYudkvnf; cGifhjyKygw,f/ toHk;0ifr,fxifwmawGuawmh
o Miscellaneous
o Time & Date wdkYjzpfr,fxifygw,f/ 'gayr,fhvnf;
tjcm;taMumif;t&mawGudk yg tcsdefvnf;&w,fqdk&if avhvmMunfhzdkY
tBuHjyKyg&ap/
1. Adobe Photoshop (_.psd)

2. Adobe ImageReady (_.psd)
3. Adobe Acrobat (_.pdf)
4. Adobe Illustrator (_.ai)
5. Adobe Indesign (_.indd)

6. Adobe PageMaker (_.pmd)
7. Macromedia Flash (_.fla)
8. Macromedia Dreamwaver
9. Macromedia Homesite
10. Macromedia Fireworks
11. Corel Draw (_.cdr)
12. Xilisoft Video Converter
13. SWiSH Max (_.swi)
14. Microsoft FrontPage

Website Creation Training

Hochgeladen von

Dokumentinformationen

Copyright

Verfügbare Formate

Dieses Dokument teilen

Dokument teilen oder einbetten

Freigabeoptionen

Stufen Sie dieses Dokument als nützlich ein?

Sind diese Inhalte unangemessen?

Copyright:

Verfügbare Formate

Website Creation Training

Hochgeladen von

Copyright:

Verfügbare Formate

Website Creation Training

Organized by - Mae Tao Clinic

Website Creation Training 1

Webpage wcka&;&wm xifoavmuf rcufygbl;/ olU&JU a&;om;enf;

aemufNyD;usawmhrS touf&SifaewJh pmrsufESmwckjzpfatmif animation

Website Creation Training 2

contact ph: 081 688 2933

Website Creation Training 3

Website Creation Training 4

Website Creation Training 1

Website Creation Training 2

Bullet & Number

Website Creation Training 3

bgcolor, width, height, border

span <td rowspan=2/3/4> </td>

align <td align=center/right> </td>

Website Creation Training 4

2. ae&mwckrSm odrf;yg/ 'Doifwef;taeeJYuawmh Disk Drive D xJrSm HTML

Website Creation Training 5

Website Creation Training 6

2. Save as (filename = train2.html) vkyfyg/

Website Creation Training 7

Website Creation Training 8

Website Creation Training 9

Website Creation Training 10

Website Creation Training 11

Website Creation Training 12

<table border=1 width=600><tr>

Website Creation Training 13

1. Text editor udkzGifhNyD; atmufrSmjyxm;wJhtwdkif; ½dkufxnfhyg/

Website Creation Training 15

Photoshop udkpoHk;zdkYtwGuf atmufygtcsufawGudk t&ifvkyfaqmif&ygr,f/

Website Creation Training 16

Website Creation Training 17

Website Creation Training 18

rodrjzpf tajccHtcsufrsm; ...

3/ Tools box udkMunfhyg/ selection tool 3-ck&Sdygw,f/

Website Creation Training 19

Move – select vkyfxm;wJh tpdwftydkif;wckudk ae&ma&TUay;Edkifygw,f/

Text (T) – pm½dkufzdkYtwGuf Text tool udkuvpfNyD;

Work area owfrSwfjcif;

Website Creation Training 20

8/ aemufcHt&G,ftpm;ajymif;vJcsifw,fqdk&if Edit > Free Transform (Ctrl T)

Website Creation Training 21

Free Transform, Selecting Methods,

Website Creation Training 22

26/ Web_training folder xJrSm&SdwJh toifhvkyfxm;NyD;om; logo udk Photoshop

Original file odrf;qnf;xm;zdkYvdkygonf ...

Website Creation Training 23

• Photoshop udkjyefoGm;NyD; Save as vkyfyg/ File Name:

1/ File > New (Ctrl + N) udk uvpfvkyfygr,f/ ay:vmwJh box xJrSm

Website Creation Training 24

7/ Original file odrf;zdkYtwGuf Save as vkyfNyD; web.psd tjzpf odrf;yg/

jyifqifxm;wmawG jynfhpHkNyDjzpfwJhtwGuf Animation wckvkyfMunfhMuygr,f/

TEXT in SWiSH Max

Website Creation Training 25

3/ b,fbufjcrf;rSm Tool box &Sdygw,f/ T icon u Text xnfhoGif;zdkYjzpfygw,f/

Website Creation Training 26

6/ NyD;&if Control > Play Movie udk uvpfvkyfMunfhyg/ Animation

SWiSH Max ay:rSm Animation wckvkyfwm vG,fvG,fav;qdkwmawGU&rSmyg/ 'gayr,fh

13/ File > Export > SWF udka&G;vkdufyg/ odrf;r,fhae&meJY trnfudka&G;vdkufyg/

Website Creation Training 27

6/ Insert > Image vkyfNyD; web_2 udk,lyg/

Website Creation Training 28