Professional Documents
Culture Documents
Çîõèîã÷
Õàÿøè Êèìèõèêî
1
Ãàð÷èã
2
Õè÷ýýë- 16 Õè÷ýýë- 17 Õè÷ýýë- 18
Frame-òýé âýá õóóäàñ Animation GIF (Õºäºë㺺íòýé çóðàã) Upload (Èíòåðíåòä ôàéëûã ñóóõ)
3
Mouse (õóëãàíà) -íèé àæèëëàãààã íýðëýõ
4
Õè÷ýýë- 01
Èíòåðíýòèéã òîäîðõîéëíî ãýäýã ìàø òºâºãòýé. Èíòåðíýò íü àñàð èõ ìýäýýëýë àãóóëàõààñ ãàäíà òàíä
òóëãàðñàí àñóóäëûã õàìãèéí áàãà çàðäëààð õóðäàí øóóðõàé øèéäâýðëýæ ºãäºãò ãîë àãóóëãà íü îðøèæ
áàéãàà þì. ¯íýíäýý èíòåðíýò ãýäýã íü äýëõèéí èõýíõ óëñ îðíûã õîëáîñîí îëîí ñàÿ êîìïüþòåðèéí ñ¿ëæýý
áà ýíä áàéãàà àñàð èõ ìýäýýëëèéí ñàíã òîäîðõîéëñîí íýð þì. Òýãýõäýý äýëõèé äàõèíûã õàìàðñàí îëîí
êîìïüþòåðèéí ñ¿ëæýý ãýäýã íü ÷óõàë áèø. Õàðèí áèäýíä àøèãëàæ áîëîõ øèíý îð÷èí ãýäýã íü ÷óõàë
þì. Õýäèé òèéì áîëîâ÷ èíòåðíýò íü îëîí íèéòèéí õýðýãëýãäýõ¿¿í ó÷ðààñ ø¿¿ìæëýëòýé õàíäàõ òàë
áàéæ áîëíî. Èíòåðíýò íü:
Èíòåðíýòýä îðîîä äýëõèé äàõèíû âýá õóóäàñààñ ìàø èõ ìýäýýëýëèéã àâàõ áîëîìæòîé. ̺í òà ººðºº
âýá õóóäàñ õèéãýýä ººðèéí êîìïüþòåðîîñ äýëõèé äàõèíä ìýäýýëýëèéã ÿâóóëàæ ÷àäíà.
5
Õè÷ýýë- 02
Internet Explore
...Âýá õóóäàñûã ¿ç¿¿ëýõ ïðîãðàìì õàíãàìæ
6
Õè÷ýýë- 03
HTML-1
HTML ãýäýã íü Âýá õóóäñûã êîìïüþòåðèéí ïðîãðàììèéí õýë äýýð áè÷äýã òåêñòýí ôàéë.
Èéìýýñ Note pad ïðîããðàìì äýýð âýá õèéæ áîëíî.
<HTML>
<HEAD>
</HEAD>
<BODY>
</BODY>
</HTML>
<HTML> .... </HTML> “Ýíý Ôàéë HTML-ãààð áè÷èæ áàéíà. “ ãýæ çààæ áàéíà.
<HEAD> .... </HEAD> Ýíý çàâñàðò íü õóóäàñ äýýð õàðàãäàõã¿é õýðýãòýé ìýäýýëýëèéã áè÷íý.
7
Äàðààõè òåêñòèéã íýìíý.
<HTML>
<HEAD>
<TITLE>HTML Web Page</TITLE>
</HEAD>
<BODY>
<P>Welcome to HTML Web Page!</P>
</BODY>
</HTML>
8
Õè÷ýýë- 04
HTML-2
1. Òåêñòèéã çýðýãö¿¿ëýõ.
<HTML>
<HEAD>
<TITLE>HTML Web Page</TITLE>
</HEAD>
<BODY>
<P>Welcome to HTML Web Page!</P>
<P align="center">Welcome to HTML Web Page!</P>
<P align="right">Welcome to HTML Web Page!</P>
</BODY>
</HTML>
<HTML>
<HEAD>
<TITLE>HTML Web Page</TITLE>
</HEAD>
<BODY>
<P><FONT size="6">Text size change </FONT>
<P><FONT size="-2">Text size change 2</FONT>
<P><FONT color="blue">Text color change </FONT>
<P><FONT color="#0000FF">Text color change 2</FONT>
<P><FONT size="6" face="Times New Roman">Text font and size change </FONT>
<P><FONT size="6" face="Times New Roman"><STRONG>Text strong</STRONG> </FONT>
<P><FONT size="7" face="Arial"><EM>Text EM</EM> </FONT>
</BODY>
</HTML>
9
3. Õ¿ñíýãò õèéõ.
<HTML>
<HEAD>
<TITLE>HTML Web Page</TITLE>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
</HEAD>
<BODY>
<TABLE border="1">
<TR>
<TD> Ýíä òåêñò áè÷íý. </TD>
<TD> Èíãýýä äàðààãèé òåêñò </TD> </TR>
<TR>
<TD> 2-ð ýãíýý áàéíà. </TD>
<TD> 2-ð ýãíýýíèé 2-ð òåêñò </TD> </TR>
</TABLE>
</BODY>
</HTML>
<TABLE>
<TR> Ýãíýý
<TD></TD> Áàãàíà
</TR>
</TABLE>
10
Õè÷ýýë- 05
HTML-3
<HTML>
<HEAD>
<TITLE>Modern Art in Mongolia</TITLE>
</HEAD>
<BODY bgcolor="red">
<P align="center"><FONT size="6">Modern Art in Mongolia </FONT></P>
<P align="center"><IMG src="art1.jpg">
<HR size="4">
</BODY>
</HTML>
<HTML>
<HEAD>
<TITLE>Modern Art in Mongolia</TITLE>
</HEAD>
<BODY background="stone.gif">
<P align="center"><IMG src="art2.jpg">
<HR size="4">
<P align="center"><IMG src="art3.jpg">
<HR size="4">
<P align="center"><A href="top.html">Back</A>
</BODY>
</HTML>
11
File>Open... top.html
<HTML>
<HEAD>
<TITLE>Modern Art in Mongolia</TITLE>
</HEAD>
<BODY bgcolor="red">
<P align="center"><FONT size="6">Modern Art in Mongolia </FONT></P>
<P align="center"><IMG src="art1.jpg">
<HR size="4">
<P align="center"><A href="page-2.html">Enter</A>
</BODY>
</HTML>
12
Õè÷ýýë- 06
Dreamweaver ãýæ þó âý ?
1.Dreamweaver ãýæ þó âý ?
Document Window
Property Inspector
13
4.Õàðàãäàöûí ººð÷ëºëò 5.Object Panel Click
File>Open... Character Common
Visit Mongolia - Ulaanbaatar Tour.htm
HTML-view õàðàãäàö
5.Property Inspector
Design õàðàãäàö
Click
14
Õè÷ýýë- 07
index(top) index(top)
1) ªºðèéí õàâòàñ äîòîð (Web site) Image õàâòàñ 2) Õýðýâ âýá õóóäñóóäûí ôàéëóóä îëîí áàéâàë
¿¿ñãýñýí áàéíà. ¯¿í äîòîð ôîòî çóðàã, òóñ á¿ðä íü õàâòàñ íýýæ äîòîð íü õàäãàëíà.
õàâñàðãàñàí çóðàã, çóðãèéí ôàéëóóäûã
õàäãàëíà.
Âýá õóóäàñíû á¿õ áýëòãýë äóóññàí áîë Dreamweaver ïðîãðàìì äýýðõ àæèë ýõýëíý.
15
4. Local Site (îðîí íóòãèéí ñàéò)-ûã òîäîðõîéëîõ
Dreamweaver äýýð âýá õóóäàñ õèéõäýý ýõëýýä Site öîíõ äýýð âýá õóóäàñíû ôàéëûã ººðèéí êîìïüþòåðîîñ
îëîîä ñîíãîæ òîäîðõîéëíî.
Âýá õóóäñàí äýýð ôàéëóóäûã îðóóëæ èðýõýýñ ºìíº òýð õóóäñûã ººðèéí õàâòàñ äîòîð õàäãàëàõ
øààðäëàãàòàé. Í¿¿ð õóóäñûã index ãýæ õàäãàëàõ ¸ñòîé. Ýõëýýä õàäãàëàõã¿é áîë çóðãèéã îðóóëæ èðýõ
áàñ link (õîëáîëò) õèéõýä ñàéí àæèëëàõã¿é.
Ãàð÷èã, òåêñò, òîâ÷, çóðãèéã ýñêèçèéí äàãóó õóóäñàí äýýð áàéðëóóëàí äèçàéíûã õèéíý.
9. Âýáýý øàëãàõ
Õóóäàñ á¿ð äóóññàí áîë ÷àäâàë äîîðõ ïðîãðàììóóäààð á¿ãäýýð íü øàëãàæ ¿çýýðýé.
- Îëîí òºðëèéí ïðîãðàììóóäûã øàëãàõ. (Internet Explore, Netscape Navigator...)
- Òóñ ïðîãðàììóóäûí øèíý, õóó÷èí á¿õ õóâèëáàð äýýð øàëãàõ.
(Internet Explore, Netscape Navigator...)
- Windows áà Macintosh 2 äýýð øàëãàõ.
Ýõëýýä êîìïüþòåðîî èíòåðíýòýä õîëáîîä äàðàà íü ººðèéí âýá õóóäàñíû ôàéëûã èíòåðíýòýä ñóóëãàíà.
Ñóóñíû äàðàà èíòåðíýòýýñ âýáýý äàõèí øàëãààðàé.
Öàã õóãàöàà ºíãºðººõºä ìýäýý õóó÷èí áîëæ ìýäýýëëèéã øèíý÷ëýõ øààðäëàãà ãàðäàã. Òýãýýä
øèíý÷ëýñýí âýáèéã äàõèí èíòåðíýòýä ñóóëãàíà.
16
Õè÷ýýë- 08
File>New>Folder
Øèíý õàâòàñûã õèéíý.
Kimi-Lesson/ My Works/ ñàÿ õèéñýí ººðèéí
õàâòàñä îðîîä Paste õèéíý.
17
Windows Explore-èéã õààõ.
2. Dreamweaver-èéã àæèëëóóëíà.
OK-ã äàð.
18
4. Âýá õóóäàñûã õàäãàëàõ 7.Çóðãûã îðóóëæ èðíý.
File>Save As... top-page.html
Ñàÿ õèéñýí ººðèéí õàâòàñ äîòîð õàäãàë.
-ã Click õèéãýýä
art1.jpg ñîíãî.
19
9.Enter ãýæ òåêñò áè÷. 13.Modify>Page Properties...
Title áè÷ýýä
Background Image ñîíãî. stone.gif
10.File>Save
art2.jpg, art3.jpg
12.File>Save As...
next-page.html
20
16.Link õèéõ. 19.File>Save
Back òåêñòèéã èäýâõèæ¿¿ëýýä
Link -èéã äàðààä top-page.html ñîíãî. 20.Internet Explore äýýð øàëãàæ ¿ç.
17.File>Save
21
Õè÷ýýë- 09
Òåêñòèéí àæèëëóóëàõ
File>New>Folder
Øèíý õàâòàñûã õèéíý.
Dreamweaver-èéã àæèëëóóëíà.
22
4.Page Property-èéã òîõèðóóëàõ Size-ãààñ 6 ñîíãîíî.
Modify>Page Properties...
Title áè÷ýýä
Background ºí㺠ñîíãî.
äàðààä ãîëëóóëíà.
áàñ -èéã ñîíãîíî.
23
Òåêñòèéí ºí㺠ñîíãîõ. Äàðààãèéí ìºðä îðîîä -èéã äàðààä
çóðààñ çóðàõ.
Äàðààãèéí ìºðä îðîîä èíãýæ áè÷èõ. -èéã çóðãààí óäàà äàðñàí áîë èíãýæ áîëíî.
24
Òýãýýä ñ¿¿ëèéí òåêñòèéã áè÷èõ.
7. Õóóäàñûã õàäãàëàõ.
File>Save
25
Õè÷ýýë- 10
Èíòåðíåòýä
JPEG,GIF îðîîä âýá õóóäñûã ¿çýõýä çóðàã óäààí èðäýã.
ßàãààä ãýâýë óòàñíû õîëáîîíû õóðä óäààí.
Òèéì ó÷ðààñ âýá õóóäàñíû çóðãèéí ôàéëûí õýìæýý æèæèã íü äýýð.
Âýá õóóäàñ äýýð õýðýãëýäýã çóðãèéí ôàéëûí ôîðìàòóóä õî¸ð ç¿éë áàéíà.
1) Photoshop äýýð
File>Open...
Kimi-Lesson/Web Design/ Lesson10-Jpeg-Gif/
balloons.tif
Ýõíèé JPEG-èéí
áàéäàë áàéäàë
JPEG-èéí
Ýõíèé JPEG-èéí ÷àíàð;
ôàéëûí ôàéëûí JPEG-High
õýìæýý õýìæýý: áîë 60 áîëãîõ.
33.61KB
[JPEG Medium (äóíä çýðãèéí)]
[400*300 pixel 267KB]
ôàéëûí ÷àíàð;
õýìæýý:16.81KB 30 áîëãî.
26
[JPEG Low (íàìõàí)] 2.Corel Draw äýýð õèéñýí ýìüáëåìûã âýá
õóóäñàí äýýð õýðýãëýõ çóðãèéí ôàéëààð
õàäãàëàõ.
ôàéëûí ÷àíàð;
õýìæýý:10.68KB 10 áîëãîõ.
27
òýãýýä Export-ûã äàðààä ãàð÷ èðñýí öîíõîîñ
èíãýæ ñîíãîîä ( Resolution 72dpi)
Ok-ã äàðíà.
28
GIF ºíãºíèé òîî áàãà áîë Ãàð÷ èðñýí Color Picker öîíõîíû äýýð
ôàéëûí õýìæýý àðàé æèæèã áîëíî. [Only Web Colors] ñîíãî
âýá õóóäàñíû äýâñãýðèéí ºíãºòýé àäèëõàí
ºíãèéã( àäèëõàí ºíãºíèé äóãààð ) ñîíãî.
Òýãýýä OK-ã äàðíà.
29
Õè÷ýýë- 11
30
1. Ýõëýýä äîîðõ Internet Explore-èéí 3) Edit>Paste (Ctr+V)
çóðãèéã õèéæ ¿çýõ.
2) Photoshop-èéã àæèëëóóëíà.
File>New...
31
6) Layer>Flatten Image 9) -ãààð äîîðõ òýìäýãëýýä
-èéã ñîíãîîä Ctr+Alt+Shift äàðààä
äîîøîî Drag õèéíý.
7) Image>Canvas Size...îðîîä
äîîðõî õóóäàñíû õýìæýýã óðò õèéíý.
32
Ýíý IE-image.jpg ôàéëûã äàðàà ¿ðãýëæ
õýðýãëýõ.
File>New>Folder
Øèíý õàâòàñûã íýýíý.
ªºðèéí íýð ºãíº. 4.File>Import...
Kimi-Lesson / Web Design / Lesson11-Magic/
Mongol-clipart.cdr
33
5.File>Import...
kharakorm.JPG
OK-ã äàðíà.
7.Èíãýýä Ãàð÷èã áàñ ôîòî-ûã òóñ òóñ
ñîíãîîä
File>Export...
EPS-ãààð õàäãàëàõ.
6.Mongol-Clipart-ã ñîíãîîä
File>Export...
34
Resolution : 72 Pixel/inch (dpi-òàé àäèëõàí) 10.File>Save for Web...
ñîíãîîä OK-ã äàðíà
GIF 32 Ditherd -ã ñîíãîîä
35
11.Äîîðõ ôîòîã õàäãàëíà. 12. Dreamweaver-èéã àæèëëóóëàõ.
Øèíý SITE (ñàéò) -ã òîäîðõîéëîõ
Site>New Site...
Site name áè÷ýýä
Local Root Folder -îîñ ººðèéí Folder ñîíãîíî.
OK-ã äàðíà.
36
15.Õóóäñàí äýýð òåêñò áè÷ýõ. Äàðààãèéí ìºðä îðîîä äàðíà.
Size 4, Bold, äàðààä ãîëëóóëíà.
18.File>Save
37
Õè÷ýýë- 12
38
3.Internet Explore äýýð õóóäàñûã øàëãàæ Äîîðõ Link áàéãóóëàõ òåêñòèéã èäýâõæ¿¿ëýýä
¿çýõ.
39
Õè÷ýýë- 13
40
1.ªºðèéí Folder (õàâòàñ)-èéã áýëòãýõ.
Ýõýëýýä Windows Explore-èéã àæèëëóóëàõ.
Kimi-Lesson/ My Works/ îðîîä
øèíý ººðèéí õàâòàñûã õèéíý.
2. Dreamweaver-èéã àæèëëóóë.
Øèíý SITE (ñàéò) -ã òîäîðõîéëîõ
41
-ã Click õèéãýýä õ¿ñíýãò õèéíý.
42
7.Äàðààãèéí õ¿ñíýãò õèéõ. Õî¸ð í¿ä ñîíãîîä -ã äàðààä íýãòãýíý.
Õ¿ñíýãòèéã ñîíãîîä
Cell Space: 0
Border : 1
Õ¿ðýýíèé ºíãèéã õàðààð ñîíãîíî.
43
Òàâàí í¿ä ñîíãîîä -ã äàðààä íýãòãýíý.
44
Õè÷ýýë- 14
Hotspot, Anchor
45
1.Õýðýãòýé ôàéëûã Copy õèéíý. 3.Corel Draw äýýð õóóäàñíû äèçàéí øèéäíý.
Ýõëýýä Windows Explore-èéã àæèëëóóëíà.
-ãààð äºðâºëæèí çóðààä äýâñãýðèéí ºíãº
Kimi-Lesson/Web Design/ WD-Lesson14-
ñîíãîíî.
Hotspot/ îðîîä ýíä áàéãàà map
õàâòàñûã ñîíãîîä Copy õèéíý.
òýãýýä ºìíº õèéñýí ººðèéí õàâòàñ îðîîä
Paste õéèíý.
File>Import...Kimi-Lesson/Web Design/
2.Corel Draw-èéã àæèëëóóëíà. WD-Lesson14-Hotspot/ îðîîä
Øèíý õóóäàñ õèéãýýä A3 öààñ ñîíãîíî. Mongol-map.cdr îðóóëæ èðíý.
File>Import...Kimi-Lesson/Web Design/
WD-Lesson14-Hotspot/ îðîîä
IE-image îðóóëæ èðíý.
46
Ãàð÷èãèéí òåêñòèéã ñîíãîîä 4. Photoshop-èéã àæèëëóóëíà.
File>Export.... map-title ãýäýã íýð ºãººä File>Open...
EPS-ãààð õàäãàëíà. ñàÿ õàäãàëñàí õî¸ð ôàéëûã íýýíý.
47
Matte-ààñ Other... ñîíãîîä 5. Dreamweaver-èéã àæèëëóóëíà.
Site>Open Site...
ªìíº õèéñýí ººðèéí Site áàéñàí áîë òýðèéã
ñîíãîíî. Õýðâýý áàéõã¿é áîë
Site>New Site... -ã òîäîðõîéëîîðîé.
48
Enter äàðààä äàðààãèéí ìºðä îðîîä
Òåêñòèéã áè÷íý.
49
Õ¿ñíýãòèéí õýìæýýã ººð÷èëíº.
8. (Anchor)-ã òàâèíà.
-ã äýýð òàâèàä
Í¿äíèé ºí㺠ñîíãîíî.
Object Panel-ààñ Invisibles ñîíãîíî.
(Anchor)-ã äàðààä
Òýãýýä òåêñò áè÷ýýä
fubus ãýæ íýð ºãíº.
-ã äàðààä çóðààñ çóðààä -ã äàðààä
çóðãèéã îðóóëæ èðíý.
50
9. Hotspot õèéíý.
Ãàçðûí çóðãèéã ñîíãîíî.
51
Õ¿ñíýãòèéí òåêñò, ºíãº, çóðãèéã ººð÷è뺺ä
(Anchor)-ã ñîíãîîä otgon ãýæ íýð ºãíf.
52
Õè÷ýýë- 15
Rollover Image
Ôîíûã ñîíãîíî.
53
Íýð ºãººä EPS-ãààð õàäãàëíà.
Òåêñò áè÷íý.
Photoshop-èéã àæèëëóóëíà.
File>Open...
ñàÿ õàäãàëñàí ôàéëûã íýýíý.
54
Äîîðõè øèã ñîíãîîä OK-ã äàðíà. Layer-èéí Ýôôåêòèéã ºãíº.
Layer>Effects>Bevel and Emboss
ªí㺠çàñíà.
Image>Hue/Saturation...
55
OK-ã äàðààä ººðèéí õàâòàñ äîòîð õàäãàëíà. OK-ã äàðààä ººðèéí õàâòàñ äîòîð
ººð íýð ºãººä õàäãàëíà.
56
6.Page Property-èéã òîõèðóóëàõ 7.Õ¿ñíýãò õèéíý.
Modify>Page Properties...
Title áè÷ýýä -ã äàðààä õ¿ñíýãò õèéíý.
Ñàÿ öýýæèëñýí äýâñãýðèéí ºí㺠ñîíãîíî.
Ìîíãîëîîð áè÷èõ áîë:
Document Encoding-ààñ
Cylilic(windows-1251) ñîíãîíî.
57
9.Òåêñò áè÷íý.
58
Original Image-ààñ -ã äàðààä Èíãýæ ººð òîâ÷ áàñ -ã äàðààä ãàð÷ èðñýí
about.gif ñîíãîíî. öîíõíîîñ çóðãèéã ñîíãîíî.
59
10.Internet Explore äýýð õóóäñûã øàëãàæ
¿çíý.
60
Õè÷ýýë- 16
61
1.ªºðèéí õàâòàñ íýýíý. 3. Dreamweaver-èéã àæèëëóóëíà.
Ýõëýýä Windows Explore-èéã àæèëëóóëíà. Site>New Site... -ã äàðààä ñàÿ íýýñýí
Kimi-Lesson/My works/ îðîîä øèíý ººðèéí ººðèéí õàâòàñ ñîíãîíî.
õàâòàñûã íýýíý.
File>New>Folder
62
Frameset ãýäýã Top-Frame õóóäñûã õàäãàëíà.
File>Save Frame as...
ººðèéí õàâòàñ äîòîð top-frame ãýæ
íýð ºãººä õàäãàëíà.
top-frame
side
-frame main-frame
Modify>Page Properties...
Title áè÷ýýä
5.Frameset -ã õàäãàëíà. Äîîðõèéã ñîíãîíî.
File>Save Frameset as...
ººðèéí õàâòàñ äîòîð õàäãàëíà.
63
-ã äàðààä õ¿ñíýãò õèéíý.
Modify>Page Properties...
Title áè÷ýýä äîîðõèéã ñîíãîíî.
64
Modify>Page Properties... 8. Main-Frame äîòîð õóóäñûã îðóóëæ èðíý.
Main-Frame -ã ñîíãîíî.
Äýýä áà ç¿¿í òàëûí çàéä 0 ºãíº. File>Open in frame...
mongol-tuhai.html ñîíãîíî.
65
9. Link (õîëáîëò) õèéíý. Link òàâüñàí òåêñòèéí ºí㺠õàðàõ õýö¿¿ áîë
Link (õîëáîëò) õèéõ òåêñòèéã èäýâõæ¿¿ëíý. Modify>Page Properties... îðîîä
Links-ààñ ºí㺠ñîíãîíî.
66
Õè÷ýýë- 17
67
Õºäºë㺺íòýé çóðãèéã õèéõ. 2. ªíãèéã çàñíà.
Image>Adjust>Hue/Saturation
Layer>Duplicate Layer..
File>Open...
Kimi-Lesson/Web Design/ WD-Lesson17-
Animation-GIF/ morin.eps
OK äàðíà.
68
-ãààð ãàð áàñ òýìäýãëýýä Animation Öîíõ äýýð -ã äàðààä
Ctrl-T äàðààä æààõàí ýðã¿¿ëíý. øèíý õ¿ðýý õèéíý.
Òýãýýä Layer öîíõ äýýð Layer 1 copy -ã
¿ç¿¿ëýýä Layer 1 -ã íóóíà.
69
Õóðäàí õºäºëæ áàéâàë õ¿ëýýõ ñåêóíä ñîíãîíî. Matte-ààñ None ñîíãîíî.
70
Äàõèàä -ã äàðààä øèíý Layer-ã íýìíý.
71
Äàõèàä -ã äàðààä øèíý Layer-ã íýìýýä Image>Adjust>Hue/saturation îðîîä
ªí㺠ººð÷èëíº .
MONGOL ãýæ çóðíà.
Layer>Duplicate Layer
Layer 8 copy õèéíý.
72
Animation Öîíõ äýýð -ã äàðààä Èíãýæ Animation Öîíõ äýýð7-ð õàëüñ
øèíý õàëüñ õèéíý. õ¿ðòýë õèéíý.
73
8-ð õàëüñàí äýýð çºâõºí Layer 8 -ã õàðóóëíà. 10-ð õàëüñàí äýýð çºâõºí Layer 8 -ã õàðóóëíà.
74
7-ð õàëüñàí äýýð æààõàí õ¿ëýýõ íü äýýð. File>Save Optimized as...
0.5 õ¿ëýýõ ñåêóíä ñîíãîíî. GIF -ãàà𠺺ðèéí õàâòàñ äîòîð õàäãàëíà.
5. Dreamweaver-èéã àæèëëóóëíà.
Optimize öîíõ-îîñ GIF 32 Ditherd ñîíãîîä Site>New Site... -ã äàðààä ººðèéí õàâòàñ
ñîíãîíî.
75
Page Property-èéã òîõèðóóëàõ 6.Internet Explore äýýð õóóäñûã øàëãàæ
Modify>Page Properties... ¿çíý.
Title áè÷ýýä äîîðõè øèã ñîíãîíî.
F12 òîâ÷ëóóð äàðíà.
76
Õè÷ýýë- 18
3. Dreamweaver-èéã àæèëëóóëíà.
ªºðèéí êîìïüþòåð äýýð õèéñýí âýá ñàéòûã
SITE (ñàéò) -ã òîäîðõîéëîõ
Èíòåðíýòýä ñóóëãàõûí òóëä:
Site>Open Site...
ªºðèéí êîìïüþòåðèéí äýýð õèéñýí
âýá ñàéòûã ñîíãîíî.
1.Èíòåðíýòýä õîëáîõ õýðýãòýé.
HTTP Adress: -ä
http://kimi.k-free.net -ã áè÷íý.
Æèøýý
URL:
http://kimi.k-free.net
User ID:kimi
Password:********
Ok-ã äàðíà.
77
4. Í¿¿ð õóóäàñûí íý𠺺ð÷èëíº.
7. Á¿õ ôàéëûã ñóóëãàñàí áîë -ã äàðààä
Âýá ñàéòûí í¿¿ð õóóäàñíû íýð
index.htm ýñâýë index.html ãýæ áàéõ ¸ñòîé. õîëáîëò óíòðààíà.
URL-ã áè÷íý.
78
Êîìïüþòåðèéí ãðàôèê äèçàéí
ªºðºº ñóðàõ áè÷èã 4 - Web Design
Çîõèîã÷ :
Õàÿøè Êèìèõèêî
Òóñëàñàí õ¿ì¿¿ñ :
Á.Ãàíòóëãà, Á.Áàòçîðèã, Ý.Ñàíñàðòóÿà,
Ã.Àççàÿà, Ý.Áîëîðòóÿà, À.Îþóíãýðýë,
Ã.×èíçîðèã, Á.Ýíõíàéðàìäàë
Ñ.×óëóóí-Ýðäýíý, Á.Öýíäñ¿ðýí,×.Îþóíöýöýã
Ñî¸ëûí Êîëëåæ
Óëààíáààòàð 2002
79