Giáo trình Thiết kế Web - Chu Văn Hoành
PhÇn I
Giíi thiÖu ng«n ng÷ Html
I. C¸c liÖu
1.1 HTML thÎ ®Þnh cÊu tróc tµi
CÆp thÎ nµy ®-îc sö dông ®Ó x¸c nhËn mét tµi liÖu lµ tµi liÖu HTML, tøc lµ nã cã sö dông
c¸c thÎ HTML ®Ó tr×nh bµy. Toµn bé néi dung cña tµi liÖu ®-îc ®Æt gi÷a cÆp thÎ nµy.
Có ph¸p:
<HTML>
... Toµn bé néi cña tµi liÖu ®-îc ®Æt ë ®©y
</HTML>
Tr×nh duyÖt sÏ xem c¸c tµi liÖu kh«ng sö dông thÎ <HTML> nh- nh÷ng tÖp tin v¨n b¶n
b×nh th-êng.
1.2 HEAD
ThÎ HEAD ®-îc dïng ®Ó x¸c ®Þnh phÇn më ®Çu cho tµi liÖu.
Có ph¸p:
<HEAD>
... PhÇn më ®Çu (HEADER) cña tµi liÖu ®-îc ®Æt ë ®©y
</HEAD>
1.3 TITLE
CÆp thÎ nµy chØ cã thÓ sö dông trong phÇn më ®Çu cña tµi liÖu, tøc lµ nã ph¶i n»m trong thÎ
ph¹m vi giíi h¹n bëi cÆp thÎ <HEAD>.
Có ph¸p:
<TITLE>Tiªu ®Ò cña tµi liÖu</TITLE>
1.4 BODY
ThÎ nµy ®-îc sö dông ®Ó x¸c ®Þnh phÇn néi dung chÝnh cña tµi liÖu - phÇn th©n (body) cña
tµi liÖu. Trong phÇn th©n cã thÓ chøa c¸c th«ng tin ®Þnh d¹ng nhÊt ®Þnh ®Ó ®Æt ¶nh nÒn cho
tµi liÖu, mµu nÒn, mµu v¨n b¶n siªu liªn kÕt, ®Æt lÒ cho trang tµi liÖu... Nh÷ng th«ng tin nµy
®-îc ®Æt ë phÇn tham sè cña thÎ.
1
Gi¸o tr×nh thiÕt kÕ Web
<BODY>
.... phÇn néi dung cña tµi liÖu ®-îc ®Æt ë ®©y
</BODY>
Có ph¸p:
Trªn ®©y lµ có ph¸p c¬ b¶n cña thÎ BODY, tuy nhiªn b¾t ®Çu tõ HTML 3.2 th× cã nhiÒu
thuéc tÝnh ®-îc sö dông trong thÎ BODY. Sau ®©y lµ c¸c thuéc tÝnh chÝnh:
§Æt mét ¶nh nµo ®ã lµm ¶nh nÒn (background) cho
v¨n b¶n. Gi¸ trÞ cña tham sè nµy (phÇn sau dÊu
b»ng) lµ URL cña file ¶nh. NÕu kÝch th-íc ¶nh nhá
h¬n cöa sæ tr×nh duyÖt th× toµn bé mµn h×nh cöa sæ
tr×nh duyÖt sÏ ®-îc l¸t kÝn b»ng nhiÒu ¶nh.
BACKGROUND=
§Æt mÇu nÒn cho trang khi hiÓn thÞ. NÕu c¶ hai tham
sè BACKGROUND vµ BGCOLOR cïng cã gi¸ trÞ th×
tr×nh duyÖt sÏ hiÓn thÞ mÇu nÒn tr-íc, sau ®ã míi t¶i
¶nh lªn phÝa trªn.
BGCOLOR=
X¸c ®Þnh mµu ch÷ cña v¨n b¶n, kÓ c¶ c¸c ®Ò môc.
TEXT=
X¸c ®Þnh mµu s¾c cho c¸c siªu liªn kÕt trong v¨n
b¶n. T-¬ng øng, alink (active link) lµ liªn kÕt ®ang
®-îc kÝch ho¹t - tøc lµ khi ®· ®-îc kÝch chuét lªn;
vlink (visited link) chØ liªn kÕt ®· tõng ®-îc kÝch ho¹t;
ALINK=,VLINK=,LINK=
Nh- vËy mét tµi liÖu HTML c¬ b¶n cã cÊu tróc nh- sau:
<HTML>
<HEAD>
<TITLE>Tiªu ®Ò cña tµi liÖu</TITLE>
</HEAD>
<BODY C¸c tham sè nÕu cã>
... Néi dung cña tµi liÖu
</BODY>
</HTML>
II. C¸c thÎ ®Þnh d¹ng khèi
2.1. thÎ P
ThÎ <P> ®-îc sö dông ®Ó ®Þnh d¹ng mét ®o¹n v¨n b¶n.
Có ph¸p:
<P>Néi dung ®o¹n v¨n b¶n</P>
2
Gi¸o tr×nh thiÕt kÕ Web
2.2. C¸c thÎ ®Þnh d¹ng ®Ò môc H1/H2/H3/H4/H5/H6
HTML hç trî 6 møc ®Ò môc. Chó ý r»ng ®Ò môc chØ lµ c¸c chØ dÉn ®Þnh d¹ng vÒ mÆt logic,
tøc lµ mçi tr×nh duyÖt sÏ thÓ hiÖn ®Ò môc d-íi mét khu«n d¹ng thÝch hîp. Cã thÓ ë tr×nh
duyÖt nµy lµ font ch÷ 14 point nh-ng sang tr×nh duyÖt kh¸c lµ font ch÷ 20 point. §Ò môc
cÊp 1 lµ cao nhÊt vµ gi¶m dÇn ®Õn cÊp 6. Th«ng th-êng v¨n b¶n ë ®Ò môc cÊp 5 hay cÊp 6
th-êng cã kÝch th-íc nhá h¬n v¨n b¶n th«ng th-êng.
D-íi ®©y lµ c¸c thÎ dïng ®Ó ®Þnh d¹ng v¨n b¶n ë d¹ng ®Ò môc:
§Þnh d¹ng ®Ò môc cÊp 1
§Þnh d¹ng ®Ò môc cÊp 2
§Þnh d¹ng ®Ò môc cÊp 3
§Þnh d¹ng ®Ò môc cÊp 4
§Þnh d¹ng ®Ò môc cÊp 5
§Þnh d¹ng ®Ò môc cÊp 6
<H1> ... </H1>
<H2> ... </H2>
<H3> ... </H3>
<H4> ... </H4>
<H5> ... </H5>
<H6> ... </H6>
2.3 ThÎ xuèng dßng BR
ThÎ nµy kh«ng cã thÎ kÕt thóc t-¬ng øng (</BR>), nã cã t¸c dông chuyÓn sang dßng míi.
L-u ý, néi dung v¨n b¶n trong tµi liÖu HTML sÏ ®-îc tr×nh duyÖt Web thÓ hiÖn liªn tôc,
c¸c kho¶ng tr¾ng liÒn nhau, c¸c ký tù tab, ký tù xuèng dßng ®Òu ®-îc coi nh- mét kho¶ng
tr¾ng. §Ó xuèng dßng trong tµi liÖu, b¹n ph¶i sö dông thÎ <BR>
2.4 ThÎ PRE
§Ó giíi h¹n ®o¹n v¨n b¶n ®· ®-îc ®Þnh d¹ng s½n b¹n cã thÓ sö dông thÎ <PRE>. V¨n b¶n
ë gi÷a hai thÎ nµy sÏ ®-îc thÓ hiÖn gièng hÖt nh- khi chóng ®-îc ®¸nh vµo, vÝ dô dÊu
xuèng dßng trong ®o¹n v¨n b¶n giíi h¹n bëi thÎ <PRE> sÏ cã ý nghÜa chuyÓn sang dßng
míi (tr×nh duyÖt sÏ kh«ng coi chóng nh- dÊu c¸ch)
Có ph¸p:
<PRE>V¨n b¶n ®· ®-îc ®Þnh d¹ng</PRE>
III. C¸c thÎ ®Þnh d¹ng danh s¸ch
3.1. Danh s¸ch th«ng th êng
Có ph¸p:
<UL>
<LI> Môc thø nhÊt
<LI> Môc thø hai
3
Gi¸o tr×nh thiÕt kÕ W
</UL>
Cã 4 kiÓu danh s¸ch:
•`
Danh s¸ch kh«ng s¾p xÕp ( hay kh«ng ®¸nh sè) <UL>
•
Danh s¸ch cã s¾p xÕp (hay cã ®¸nh sè) <OL>, mçi môc trong da nh s¸ch
®-îc s¾p xÕp thø tù.
•
•
Danh s¸ch thùc ®¬n <MENU>
Danh s¸ch ph©n cÊp <DIR>
Víi nhiÒu tr×nh duyÖt, danh s¸ch ph©n cÊp vµ danh s¸ch thùc ®¬n gièng danh s¸ch kh«ng
®¸nh sè, cã thÓ dïng lÉn víi nhau. Víi thÎ OL ta cã có ph¸p sau:
<OL TYPE=1/a/A/i/I>
<LI>Muc thu nhat
<LI>Muc thu hai
<LI>Muc thu ba
</OL>
trong ®ã:
TYPE =1
C¸c môc ®-îc s¾p xÕp theo thø tù 1, 2, 3...
C¸c môc ®-îc s¾p xÕp theo thø tù a, b, c...
C¸c môc ®-îc s¾p xÕp theo thø tù A, B, C...
C¸c môc ®-îc s¾p xÕp theo thø tù i, ii, iii...
C¸c môc ®-îc s¾p xÕp theo thø tù I, II, III...
=a
=A
=i
=I
Ngoµi ra cßn thuéc tÝnh START= x¸c ®Þnh gi¸ trÞ khëi ®Çu cho danh s¸ch.
ThÎ < LI > cã thuéc tÝnh TYPE= x¸c ®Þnh ký hiÖu ®Çu dßng (bullet) ®øng tr-íc mçi môc
trong danh s¸ch. Thuéc tÝnh nµy cã thÓ nhËn c¸c gi¸ trÞ : disc (chÊm trßn ®Ëm); circle (vßng
trßn); square (h×nh vu«ng).
IV. C¸c thÎ ®Þnh d¹ng ký tù
4.1. C¸c thÎ ®Þnh d¹ng in ký tù
Sau ®©y lµ c¸c thÎ ®-îc sö dông ®Ó quy ®Þnh c¸c thuéc tÝnh nh- in nghiªng, in ®Ëm, g¹ch
ch©n... cho c¸c ký tù, v¨n b¶n khi ®-îc thÓ hiÖn trªn tr×nh duyÖt.
In ch÷ ®Ëm
<B> ... </B>
<STRONG> ... </STRONG>
In ch÷ nghiªng
<I> ... </I>
<EM> ... </EM>
4
Gi¸o tr×nh thiÕt kÕ Web
In ch÷ g¹ch ch©n
<U> ... </U>
§¸nh dÊu ®o¹n v¨n b¶n gi÷a hai thÎ nµy lµ
®Þnh nghÜa cña mét tõ. Chóng th-êng ®-îc in
nghiªng hoÆc thÓ hiÖn qua mét kiÓu ®Æc biÖt
nµo ®ã.
<DFN>
In ch÷ bÞ g¹ch ngang.
<S> ... </S>
<STRIKE> ... </STRIKE>
<BIG> ... </BIG>
In ch÷ lín h¬n b×nh th-êng b»ng c¸ch t¨ng
kÝch th-íc font hiÖn thêi lªn mét. ViÖc sö dông
c¸c thÎ <BIG>lång nhau t¹o ra hiÖu øng ch÷
t¨ng dÇn. Tuy nhiªn ®èi víi mçi tr×nh duyÖt cã
giíi h¹n vÒ kÝch th-íc ®èi víi mçi font ch÷,
v-ît qu¸ giíi h¹n nµy, c¸c thÎ <BIG> sÏ kh«ng
cã ý nghÜa.
In ch÷ nhá h¬n b×nh th-êng b»ng c¸ch gi¶m
kÝch th-íc font hiÖn thêi ®i mét. ViÖc sö dông
c¸c thÎ <SMALL>lång nhau t¹o ra hiÖu øng
ch÷ gi¶m dÇn. Tuy nhiªn ®èi víi mçi tr×nh
duyÖt cã giíi h¹n vÒ kÝch th-íc ®èi víi mçi font
ch÷, v-ît qu¸ giíi h¹n nµy, c¸c thÎ <SMALL>
sÏ kh«ng cã ý nghÜa.
<SMALL> ... </SMALL>
§Þnh d¹ng chØ sè trªn (SuperScript)
§Þnh d¹ng chØ sè d-íi (SubScript)
<SUP> ... </SUP>
<SUB> ... </SUB>
<BASEFONT>
§Þnh nghÜa kÝch th-íc font ch÷ ®-îc sö dông
cho ®Õn hÕt v¨n b¶n. ThÎ nµy chØ cã mét tham
sè size= x¸c ®Þnh cì ch÷. ThÎ <BASEFONT>
kh«ng cã thÎ kÕt thóc.
Chän kiÓu ch÷ hiÓn thÞ. Trong thÎ nµy cã thÓ
®Æt hai tham sè size= hoÆc color= x¸c ®Þnh cì
ch÷ vµ mµu s¾c ®o¹n v¨n b¶n n»m gi÷a hai
thÎ. KÝch th-íc cã thÓ lµ tuyÖt ®èi (nhËn gi¸ trÞ
tõ 1 ®Õn 7) hoÆc t-¬ng ®èi (+2,-4...) so víi font
ch÷ hiÖn t¹i.
<FONT> ... </FONT>
4.2. C¨n lÒ v¨n b¶n trong trang Web
Trong tr×nh bµy trang Web cña m×nh c¸c b¹n lu«n ph¶i chó ý ®Õn viÖc c¨n lÒ c¸c v¨n b¶n
®Ó trang Web cã ®-îc mét bè côc ®Ñp. Mét sè c¸c thÎ ®Þnh d¹ng nh- P, Hn, IMG... ®Òu cã
tham sè ALIGN cho phÐp b¹n c¨n lÒ c¸c v¨n b¶n n»m trong ph¹m vi giíi h¹n bëi cña c¸c
thÎ ®ã.
C¸c gi¸ trÞ cho tham sè ALIGN:
LEFT
C¨n lÒ tr¸i
CENTER
RIGHT
C¨n gi÷a trang
C¨n lÒ ph¶i
5
Gi¸o tr×nh thiÕt kÕ Web
Ngoµi ra, chóng ta cã thÓ sö dông thÎ CENTER ®Ó c¨n gi÷a trang mét khèi v¨n b¶n.
Có ph¸p:
<CENTER>V¨n b¶n sÏ ®-îc c¨n gi÷a trang</CENTER>
4.3. C¸c ký tù ®Æc biÖt
Ký tù & ®-îc sö dông ®Ó chØ chuçi ký tù ®i sau ®-îc xem lµ mét thùc thÓ duy nhÊt. Ký tù ;
®-îc sö dông ®Ó t¸ch c¸c ký tù trong mét tõ.
Ký tù
M· ASCII
<
Tªn chuçi
<
<
>
>
>
&
&
&
4.4. Sö dông mµu s¾c trong thiÕt kÕ c¸c trang Web
Mét mµu ®-îc tæng hîp tõ ba thµnh phÇn mµu chÝnh, ®ã lµ: §á (Red), Xanh l¸ c©y (Green),
Xanh n-íc biÓn (Blue). Trong HTML mét gi¸ trÞ mµu lµ mét sè nguyªn d¹ng hexa (hÖ ®Õm
c¬ sè 16) cã ®Þnh d¹ng nh- sau:
#RRGGBB
trong ®ã:
RR - lµ gi¸ trÞ mµu §á.
GG - lµ gi¸ trÞ mµu Xanh l¸ c©y.
BB - lµ gi¸ trÞ mµu Xanh n-íc biÓn.
Mµu s¾c cã thÓ ®-îc x¸c ®Þnh qua thuéc tÝnh bgcolor= hay color=. Sau dÊu b»ng cã thÓ lµ
gi¸ trÞ RGB hay tªn tiÕng Anh cña mµu. Víi tªn tiÕng Anh, ta chØ cã thÓ chØ ra 16 mµu
trong khi víi gi¸ trÞ RGB ta cã thÓ chØ tíi 256 mµu.
Sau ®©y lµ mét sè gi¸ trÞ mµu c¬ b¶n:
Mµu s¾c
Gi¸ trÞ
Tªn tiÕng Anh
§á
#FF0000
#8B0000
#00FF00
#90EE90
#0000FF
RED
§á sÉm
DARKRED
GREEN
Xanh l¸ c©y
Xanh nh¹t
LIGHTGREEN
BLUE
Xanh n-íc biÓn
6
Gi¸o tr×nh thiÕt kÕ Web
Vµng
#FFFF00
#FFFFE0
#FFFFFF
#000000
#808080
#A52A2A
#FF00FF
#EE82EE
#FFC0CB
#FFA500
#000080
#4169E1
#7FFFD4
YELLOW
LIGHTYELLOW
WHITE
Vµng nh¹t
Tr¾ng
§en
BLACK
X¸m
GRAY
N©u
BROWN
TÝm
MAGENTA
VIOLET
TÝm nh¹t
Hång
PINK
Da cam
ORANGE
NAVY
Mµu ®ång phôc h¶i qu©n
ROYALBLUE
AQUAMARINE
Có ph¸p:
<BODY
LINK
= color
ALINK
= color
= color
= url
VLINK
BACKGROUND
BGCOLOR
TEXT
= color
= color
= pixels
= pixels
= pixels
TOPMARGIN
RIGHTMARGIN
LEFTMARGIN
>
.... phÇn néi dung cña tµi liÖu ®-îc ®Æt ë ®©y
</BODY>
Sau ®©y lµ ý nghÜa c¸c tham sè cña thÎ BODY:
C¸c tham sè
LINK
ý nghÜa
ChØ ®Þnh mµu cña v¨n b¶n siªu liªn kÕt
ALINK
ChØ ®Þnh mµu cña v¨n b¶n siªu liªn kÕt ®ang ®ang chän
ChØ ®Þnh mµu cña v¨n b¶n siªu liªn kÕt ®· tõng më
VLINK
7
Gi¸o tr×nh thiÕt kÕ Web
BACKGROUND
BGCOLOR
TEXT
ChØ ®Þnh ®Þa chØ cña ¶nh dïng lµm nÒn
ChØ ®Þnh mµu nÒn
ChØ ®Þnh mµu cña v¨n b¶n trong tµi liÖu
YES/NO - X¸c ®Þnh cã hay kh«ng thanh cuén
SCROLL
TOPMARGIN
RIGHTMARGIN
LEFTMARGIN
LÒ trªn
LÒ ph¶i
LÒ tr¸i
4.5. Chän kiÓu ch÷ cho v¨n b¶n
Có ph¸p:
<FONT
FACE
COLOR
SIZE
= font-name
= color
= n >
...
</FONT>
4.6. Kh¸i niÖm v¨n b¶n siªu liªn kÕt
V¨n b¶n siªu liªn kÕt hay cßn gäi lµ siªu v¨n b¶n lµ mét tõ, mét côm tõ hay mét c©u trªn
trang Web ®-îc dïng ®Ó liªn kÕt tíi mét trang Web kh¸c. Siªu v¨n b¶n lµ m«i tr-êng trong
®ã chøa c¸c liªn kÕt (link) cña c¸c th«ng tin. Do WWW cÊu thµnh tõ nhiÒu hÖ thèng kh¸c
nhau, cÇn ph¶i cã mét quy t¾c ®Æt tªn thèng nhÊt cho tÊt c¶ c¸c v¨n b¶n trªn Web. Quy t¾c
DÞch vô
Cæng
Tªn file
Tªn hÖ thèng
C¸c tham sè,
biÕn, truy
vÊn
§-êng dÉn
VÝ dô vÒ URL
®Æt tªn ®ã lµ URL (Universal Resource Locator).
C¸c thµnh phÇn cña URL ®-îc minh ho¹ ë h×nh trªn.
• DÞch vô: Lµ thµnh phÇn b¾t buéc cña URL. Nã x¸c ®Þnh c¸ch thøc tr×nh duyÖt cña m¸y
kh¸ch liªn l¹c víi m¸y phôc vô nh- thÕ nµo ®Ó nhËn d÷ liÖu. Cã nhiÒu dÞch vô nh- http,
wais, ftp, gopher, telnet.
8
Gi¸o tr×nh thiÕt kÕ Web
• Tªn hÖ thèng : Lµ thµnh phÇn b¾t buéc cña URL. Cã thÓ lµ tªn miÒn ®Çy ®ñ cña m¸y
phôc vô hoÆc chØ lµ mét phÇn tªn ®Çy ®ñ – tr-êng hîp nµy x¶y ra khi v¨n b¶n ®-îc yªu cÇu
vÉn n»m trªn miÒn cña b¹n. Tuy nhiªn nªn sö dông ®-êng dÉn ®Çy ®ñ.
• Cæng : Kh«ng lµ thµnh phÇn b¾t buéc cña URL. Cæng lµ ®Þa chØ socket cña m¹ng dµnh
cho mét giao thøc cô thÓ. Giao thøc http ngÇm ®Þnh nèi víi cæng 8080.
• §-êng dÉn th- môc : Lµ thµnh phÇn b¾t buéc cña URL. Ph¶i chØ ra ®-êng dÉn tíi file
yªu cÇu khi kÕt nèi víi bÊt kú hÖ thèng nµo. Cã thÓ ®-êng dÉn trong URL kh¸c víi ®-êng
dÉn thùc sù trong hÖ thèng m¸y phôc vô. Tuy nhiªn cã thÓ rót gän ®-êng dÉn b»ng c¸ch ®Æt
biÖt danh (alias). C¸c th- môc trong ®-êng dÉn c¸ch nhau bëi dÊu g¹ch chÐo (/).
• Tªn file : Kh«ng lµ thµnh phÇn b¾t buéc cña URL. Th«ng th-êng m¸y phôc vô ®-îc cÊu
h×nh sao cho nÕu kh«ng chØ ra tªn file th× sÏ tr¶ vÒ file ngÇm ®Þnh trªn th- môc ®-îc yªu
cÇu. File nµy th-êng cã tªn lµ index.html, index.htm, default.html hay default.htm. NÕu
còng kh«ng cã c¸c file nµy th× th-êng kÕt qu¶ tr¶ vÒ lµ danh s¸ch liÖt kª c¸c file hay th-
môc con trong th- môc ®-îc yªu cÇu
• C¸c tham sè : Kh«ng lµ thµnh phÇn b¾t buéc cña URL. NÕu URL lµ yªu cÇu t×m kiÕm
trªn mét c¬ së d÷ liÖu th× truy vÊn sÏ g¾n vµo URL, ®ã chÝnh lµ ®o¹n m· ®»ng sau dÊu
chÊm hái (?).URL còng cã thÓ tr¶ l¹i th«ng tin ®-îc thu thËp tõ form. Trong tr-êng hîp
dÊu th¨ng (#) xuÊt hiÖn ®o¹n m· ®¨ng sau lµ tªn cña mét vÞ trÝ (location) trong file ®-îc chØ
ra.
§Ó t¹o ra mét siªu v¨n b¶n chóng ta sö dông thÎ <A>.
Có ph¸p:
<A
HREF
= url
NAME
= name
= n
TABINDEX
TITLE
= title
TARGET
= _blank / _self
>
... siªu v¨n b¶n
</A>
ý nghÜa c¸c tham sè:
§Þa chØ cña trang Web ®-îc liªn kÕt, lµ mét URL nµo ®ã.
§Æt tªn cho vÞ trÝ ®Æt thÎ.
HREF
NAME
Thø tù di chuyÓn khi Ên phÝm Tab
TABLEINDEX
TITLE
V¨n b¶n hiÓn thÞ khi di chuét trªn siªu liªn kÕt.
Më trang Web ®-îc liªn trong mét cöa sæ míi (_blank) hoÆc
TARGET
9
Gi¸o tr×nh thiÕt kÕ Web
trong cöa sæ hiÖn t¹i (_self), trong mét frame (tªn frame).
4.7. §Þa chØ t ¬ng ®èi
URL ®-îc tr×nh bµy ë trªn lµ URL tuyÖt ®èi. Ngoµi ra cßn cã URL t-¬ng ®èi hay cßn gäi
lµ URL kh«ng ®Çy ®ñ. §Þa chØ t-¬ng ®èi sö dông sù kh¸c biÖt t-¬ng ®èi gi÷a v¨n b¶n hiÖn
thêi vµ v¨n b¶n cÇn tham chiÕu tíi. C¸c thµnh phÇn trong URL ®-îc ng¨n c¸ch b»ng ký tù
ng¨n c¸ch (ký tù g¹ch chÐo /). §Ó t¹o ra URL t-¬ng ®èi, ®Çu tiªn ph¶i sö dông ký tù ng¨n
c¸ch. URL ®Çy ®ñ hiÖn t¹i sÏ ®-îc sö dông ®Ó t¹o nªn URL ®Çy ®ñ míi. Nguyªn t¾c lµ c¸c
thµnh phÇn bªn tr¸i dÊu ng¨n c¸ch cña URL hiÖn t¹i ®-îc gi÷ nguyªn, c¸c thµnh phÇn bªn
ph¶i ®-îc thay thÕ b»ng thµnh phÇn URL t-¬ng ®èi. Chó ý r»ng tr×nh duyÖt kh«ng göi URL
t-¬ng ®èi, nã bæ sung vµo URL c¬ së ®· x¸c ®Þnh tr-íc thµnh phÇn URL t-¬ng ®èi x¸c
®Þnh sau thuéc tÝnh href=. Ký tù ®Çu tiªn sau dÊu b»ng sÏ x¸c ®Þnh c¸c thµnh phÇn nµo cña
URL hiÖn t¹i sÏ tham gia ®Ó t¹o nªn URL míi.
•
•
•
•
DÊu hai chÊm (:) chØ dÞch vô gi÷ nguyªn nh-ng thay ®æi phÇn cßn l¹i. VÝ dô
http.
DÊu g¹ch chÐo (/) chØ dÞch vô vµ m¸y phôc vô gi÷ nguyªn nh-ng toµn bé ®-êng
dÉn thay ®æi. VÝ dô /Javascript/index.htm sÏ t¶i file index.htm cña th- môc
Kh«ng cã dÊu ph©n c¸ch chØ cã tªn file lµ thay ®æi. VÝ dô index1.htm sÏ t¶i file
index1.htm
ë
trong th- môc HTML cña m¸y phôc vô www.it-
department.vnuh.edu.vn.
DÊu th¨ng (#): chØ dÞch vô, m¸y phuc vô, ®-êng dÉn vµ c¶ tªn file gi÷ nguyªn, chØ
thay ®æi vÞ trÝ trong file.
Do ®-êng dÉn ®-îc xem lµ ®¬n vÞ ®éc lËp nªn cã thÓ sö dông ph-¬ng ph¸p ®-êng dÉn
t-¬ng ®èi nh- trong UNIX hay MS-DOS (tøc lµ . chØ th- môc hiÖn t¹i cßn .. chØ th- môc
cha cña th- môc hiÖn t¹i).
URL c¬ së cã thÓ ®-îc x¸c ®Þnh b»ng thÎ <BASE>.
4.8. KÕt nèi mailto
NÕu ®Æt thuéc tÝnh href= cña thÎ <a> gi¸ trÞ mailto:address@domain th× khi kÝch ho¹t kÕt
nèi sÏ kÝch ho¹t chøc n¨ng th- ®iÖn tö cña tr×nh duyÖt.
<ADDRESS>
Trang WEB nµy ®-îc
<A href=”mailto:webmaster@vnuh.edu.vn” >
WEBMASTER
<\A> b¶o tr×
10
Gi¸o tr×nh thiÕt kÕ Web
<\ADDRESS>
4.9. VÏ mét ® êng th¼ng n»m ngang
Có ph¸p:
<HR
ALIGN
= LEFT / CENTER / RIGHT
= color
COLOR
NOSHADE
SIZE
= n
WIDTH
= width
>
ý nghÜa c¸c tham sè:
C¨n lÒ (c¨n tr¸i, c¨n ph¶i, c¨n gi÷a)
§Æt mµu cho ®-êng th¼ng
Kh«ng cã bãng
ALIGN
COLOR
NOSHADE
SIZE
§é dµy cña ®-êng th¼ng
ChiÒu dµi (tÝnh theo pixel hoÆc % cña bÒ réng cöa sæ
tr×nh duyÖt).
WIDTH
ThÎ nµy gièng nh- thÎ BR, nã còng kh«ng cã thÎ kÕt thóc t-¬ng øng.
V. C¸c thÎ chÌn ©m thanh, h×nh ¶nh
5.1. Giíi thiÖu
Liªn kÕt víi file ®a ph-¬ng tiÖn còng t-¬ng tù nh- liªn kÕt b×nh th-êng. Tuy vËy ph¶i ®Æt
tªn ®óng cho file ®a ph-¬ng tiÖn. PhÇn më réng cña file ph¶i cho biÕt kiÓu cña file.
KiÓu
PhÇn më
réng
M« t¶
ViÕt t¾t cña Graphics Interchange Format. Khu«n
d¹ng nµy xuÊt hiÖn khi mäi ng-êi cã nhu cÇu trao
®æi ¶nh trªn nhiÒu hÖ thèng kh¸c nhau. Nã ®-îc sö
dông trªn tÊt c¶ c¸c hÖ thèng hç trî giao diÖn ®å
ho¹. §Þnh d¹ng GIF lµ ®Þnh d¹ng chuÈn cho mäi
tr×nh duyÖt WEB. Nh-îc ®iÓm cña nã lµ chØ thÓ hiÖn
®-îc 256 mµu.
Image/GIF
.gif
Më réng cña chuÈn nµy lµ GIF89, ®-îc thªm nhiÒu
chøc n¨ng cho c¸c øng dông ®Æc biÖt nh- lµm ¶nh
11
Gi¸o tr×nh thiÕt kÕ Web
nÒn trong suèt - tøc lµ ¶nh cã thÓ næi b»ng c¸ch lµm
mµu nÒn gièng víi mµu nÒn cña tr×nh duyÖt.
ViÕt t¾t cña Joint Photographic Expert Group. Lµ
khu«n d¹ng ¶nh kh¸c nh-ng cã thªm kh¶ n¨ng
nÐn.¦u ®iÓm næi bËt cña khu«n d¹ng nµy lµ l-u tr÷
®-îc hµng triÖu mµu vµ ®é nÐn cao nªn kÝch th-íc
file ¶nh nhá h¬n vµ thêi gian download nhanh h¬n.
Nã lµ c¬ së cho khu«n d¹ng MPEG. TÊt c¶ c¸c tr×nh
duyÖt ®Òu cã kh¶ n¨ng xem ¶nh JPEG.
Image/JPEG
.jpeg
ViÕt t¾t cña Tagged Image File Format. §-îc
Microsoft thiÕt kÕ ®Ó quÐt ¶nh tõ m¸y quÐt còng nh-
t¹o c¸c Ên phÈm.
Image/TIFF
.tiff
Text/HTML
PostScript
.HTML,
.htm
§-îc t¹o ra ®Ó hiÓn thÞ vµ in c¸c v¨n b¶n cã chÊt
l-îng cao.
.eps, .ps
ViÕt t¾t cña Portable Document Format. Acrobat
còng sö dông c¸c siªu liªn kÕt ngay trong v¨n b¶n
còng gièng nh- HTML. Tõ phiªn b¶n 2.0, c¸c s¶n
phÈm cña Acrobat cho phÐp liªn kÕt gi÷a nhiÒu v¨n
b¶n. ¦u ®iÓm lín nhÊt cña nã lµ kh¶ n¨ng
WYSISYG.
Adobe
Acrobat
.pdf
ViÕt t¾t cña Motion Picture Expert Group, lµ ®Þnh
d¹ng dµnh cho c¸c lo¹i phim (video). §©y lµ khu«n
d¹ng th«ng dông nhÊt dµnh cho phim trªn WEB.
Video/MPEG
Video/AVI
.mpeg
.avi
Lµ khu«n dn¹g phim do Microsoft ®-a ra.
Do Apple Computer ®-a ra, chuÈn video nµy ®-îc
cho lµ cã nhiÒu -u ®iÓm h¬n MPEG vµ AVI. MÆc dï
®· ®-îc tÝch hîp vµo nhiÒu tr×nh duyÖt nh-ng vÉn
ch-a phæ biÕn b»ng hai lo¹i ®Þnh d¹ng trªn.
Video/QuickTi .mov
me
Sound/AU
.au
Lµ khu«n d¹ng dµnh cho ©m nh¹c ®iÖn tö hÕt søc
th«ng dông ®-îc nhiÒu tr×nh duyÖt trªn c¸c hÖ thèng
kh¸c nhau hç trî. File Midi ®-îc tæng hîp sè ho¸
trùc tiÕp tõ m¸y tÝnh.
Sound/MIDI
.mid
§Þnh d¹ng audio theo dßng. Mét bÊt tiÖn khi sö dông
c¸c ®Þnh d¹ng kh¸c lµ file ©m thanh th-êng cã kÝch
th-íc lín - do vËy thêi gian t¶i xuèng l©u, Tr¸i l¹i
audio dßng b¾t ®Çu ch¬i ngay khi t¶i ®-îc mét phÇn
file trong khi vÉn t¶i vÒ c¸c phÇn kh¸c.MÆc dï file
theo ®Þnh d¹ng nµy kh«ng nhá h¬n so víi c¸c ®Þnh
d¹ng kh¸c song chÝnh kh¶ n¨ng dßng ®· khiÕn ®Þnh
d¹ng nµy phï hîp víi kh¶ n¨ng ch¬i ngay lËp tøc.
Sound/RealA .ram
udio
ViÕt t¾t cña Virtual Reality Modeling Language. C¸c
file theo ®Þnh d¹ng nµy còng gièng nh- HTML. Tuy
nhiªn do tr×nh duyÖt cã thÓ hiÓn thÞ ®-îc cöa sæ 3
chiÒu nªn ng-êi xem cã thÓ c¶m nhËn ®-îc c¶m
gi¸c ba chiÒu.
VRML
.vrml
12
Gi¸o tr×nh thiÕt kÕ Web
5.2. § a ©m thanh vµo mét tµi liÖu HTML
Có ph¸p:
<BGSOUND
SRC = url
LOOP = n
>
ThÎ nµy kh«ng cã thÎ kÕt thóc t-¬ng øng (</BGSOUND>). §Ó ch¬i lÆp l¹i v« h¹n cÇn chØ
®Þnh LOOP = -1 hoÆc LOOP = INFINITE. ThÎ BGSOUND ph¶i ®-îc ®Æt trong phÇn
më ®Çu (tøc lµ n»m trong cÆp thÎ HEAD).
5.3. ChÌn mét h×nh ¶nh, mét ®o¹n video vµo tµi liÖu HTML
§Ó chÌn mét file ¶nh (.jpg, .gif, .bmp) hoÆc video (.mpg, .avi) vµo tµi liÖu HTML, b¹n cã
thÓ sö dông thÎ IMG.
Có ph¸p:
<IMG
ALIGN
ALT
= TOP/MIDDLE/BOTTOM
= text
BORDER
SRC
= n
= url
WIDTH
HEIGHT
HSPACE
VSPACE
TITLE
= width
= height
= vspace
= hspace
= title
DYNSRC
START
LOOP
>
= url
= FILEOPEN/MOUSEOVER
= n
Trong ®ã:
C¨n hµng v¨n b¶n bao quanh ¶nh
ALIGN = TOP/ MIDDLE/
BOTTOM/ LEFT/ RIGHT
ChØ ®Þnh v¨n b¶n sÏ ®-îc hiÓn thÞ nÕu chøc n¨ng
show picture cña browser bÞ t¾t ®i hay hiÓn thÞ
thay thÕ cho ¶nh trªn nh÷ng tr×nh duyÖt kh«ng cã
kh¶ n¨ng hiÓn thÞ ®å ho¹. V¨n b¶n nµy cßn ®-îc
gäi lµ nh·n cña ¶nh. §èi víi tr×nh duyÖt cã kh¶
n¨ng hç trî ®å ho¹, dßng v¨n b¶n nµy sÏ hiÖn lªn
ALT = text
13
Gi¸o tr×nh thiÕt kÕ Web
khi di chuét qua ¶nh hay ®-îc hiÓn thÞ trong vïng
cña ¶nh nÕu ¶nh ch-a ®-îc t¶i vÒ hÕt. Chó ý ph¶i
®Æt v¨n b¶n trong hai dÊu nh¸y kÐp nÕu triong
v¨n b¶n chøa dÊu c¸ch hay c¸c ký tù ®Æc biÖt -
trong tr-êng hîp ng-îc l¹i cã thÓ bá dÊu nh¸y
kÐp.
§Æt kÝch th-íc ®-êng viÒn ®-îc vÏ quanh ¶nh
(tÝnh theo pixel).
BORDER = n
§Þa chØ cña file ¶nh cÇn chÌn vµo tµi liÖu.
SRC = url
ChØ ®Þnh kÝch th-íc cña ¶nh ®-îc hiÓn thÞ.
WIDTH/HEIGHT
HSPACE/VSPACE
ChØ ®Þnh kho¶ng trèng xung quanh h×nh ¶nh (tÝnh
theo pixel) theo bèn phÝa trªn, d-íi, tr¸i, ph¶i.
V¨n b¶n sÏ hiÓn thÞ khi con chuét trá trªn ¶nh
§Þa chØ cña file video.
TITLE = title
DYNSRC = url
ChØ ®Þnh file video sÏ ®-îc ch¬i khi tµi liÖu ®-îc
më hay khi trá con chuét vµo nã. Cã thÓ kÕt hîp
c¶ hai gi¸ trÞ nµy nh-ng ph¶i ph©n c¸ch chóng bëi
dÊu phÈy.
START =
FILEOPEN/MOUSEOVER
ChØ ®Þnh sè lÇn ch¬i. NÕu LOOP = INFINITE th×
file video sÏ ®-îc ch¬i v« h¹n lÇn.
LOOP = n/INFINITE
VI. C¸c thÎ ®Þnh d¹ng b¶ng biÓu
Sau ®©y lµ c¸c thÎ t¹o b¶ng chÝnh:
§Þnh nghÜa mét b¶ng
<TABLE> ... </TABLE>
<TR> ... </TR>
§Þnh nghÜa mét hµng trong b¶ng
§Þnh nghÜa mét « trong hµng
§Þnh nghÜa « chøa tiªu ®Ò cña cét
Tiªu ®Ò cña b¶ng
<TD> ... </TD>
<TH> ... </TH>
<CAPTION> ... </CAPTION>
Có ph¸p:
<TABLE
ALIGN
= LEFT / CENTER / RIGHT
BORDER
= n
BORDERCOLOR
BORDERCOLORDARK
BORDERCOLORLIGHT
BACKGROUND
BGCOLOR
= color
= color
= color
= url
= color
= spacing
= pading
CELLSPACING
CELLPADDING
14
Gi¸o tr×nh thiÕt kÕ Web
>
<CAPTION>Tiªu ®Ò cña b¶ng biÓu</CAPTION>
... §Þnh nghÜa c¸c dßng
<TR
ALIGN = LEFT/CENTER/RIGHT
VALIGN = TOP/MIDDLE/BOTTOM>
... §Þnh nghÜa c¸c « trong dßng
<TD
ALIGN
= LEFT / CENTER / RIGHT
VALIGN
= TOP / MIDDLE / BOTTOM
BORDERCOLOR
BORDERCOLORDARK
BORDERCOLORLIGHT
BACKBROUND
BGCOLOR
COLSPAN
ROWSPAN
>
= color
= color
= color
= url
= color
= n
= n
... Néi dung cña «
</TD>
...
</TR>
...
</TABLE>
ý nghÜa c¸c tham sè:
C¨n lÒ cho b¶ng vµ néi dung trong mçi «.
ALIGN / VALIGN
BORDER
KÝch th-íc ®-êng kÎ chia « trong b¶ng, ®-îc ®o theo
pixel. Gi¸ trÞ 0 cã nghÜa lµ kh«ng x¸c ®Þnh lÒ, gi÷a c¸c
« trong b¶ng chØ cã mét kho¶ng tr¾ng nhá ®Ó ph©n
biÖt. NÕu chØ ®Ó border th× ngÇm ®Þnh border=1. Víi
nh÷ng b¶ng cã cÊu tróc phøc t¹p, nªn ®Æt lÒ ®Ó ng-êi
xem cã thÓ ph©n biÖt râ c¸c dßng vµ cét.
Mµu ®-êng kÎ
BORDERCOLOR
BORDERCOLORDARK
BORDERCOLORLIGHT
BACKGROUND
Mµu phÝa tèi vµ phÝa s¸ng cho ®-êng kÎ næi.
§Þa chØ tíi tÖp ¶nh dïng lµm nÒn cho b¶ng
Mµu nÒn
BGCOLOR
Kho¶ng c¸ch gi÷a c¸c « trong b¶ng
CELLSPACING
Kho¶ng c¸ch gi÷a néi dung vµ ®-êng kÎ trong mçi «
cña b¶ng.
CELLPADDING
15
Gi¸o tr×nh thiÕt kÕ Web
ChØ ®Þnh « sÏ kÐo dµi trong bao nhiªu cét
ChØ ®Þnh « sÏ kÐo dµi trong bao nhiªu hµng
COLSPAN
ROWSPAN
VII. FORM
7.1. HTML Forms
C¸c HTML Form cã thÓ cã c¸c hép v¨n b¶n, hép danh s¸ch lùa chän, nót bÊm, nót chän...
7.2. T¹o Form
§Ó t¹o ra mét form trong tµi liÖu HTML, chóng ta sö dông thÎ FORM víi có ph¸p nh- sau:
Có ph¸p:
<FORM
ACTION
METHOD
NAME = name
TARGET
>
= ulr
= GET | POST
= frame_name | _blank | _self
<!-- C¸c phÇn tö ®iÒu khiÓn cña form ®-îc ®Æt ë ®©y -->
<INPUT ...>
<INPUT ...>
</FORM>
Trong ®ã
§Þa chØ sÏ göi d÷ liÖu tíi khi form ®-îc submit (cã thÓ lµ
®Þa chØ tíi mét ch-¬ng tr×nh CGI, mét trang ASP...).
ACTION
Ph-¬ng thøc göi d÷ liÖu.
Tªn cña form.
METHOD
NAME
ChØ ®Þnh cöa sæ sÏ hiÓn thÞ kÕt qu¶ sau khi göi d÷ liÖu tõ
form ®Õn server.
TARGET
§Æt c¸c ®èi t-îng ®iÓu khiÓn (nh- hép v¨n b¶n, « kiÓm tra, nót bÊm...) vµo trang Web
Có ph¸p thÎ INPUT:
<INPUT
16
Gi¸o tr×nh thiÕt kÕ Web
ALIGN = LEFT | CENTER | RIGHT
TYPE = BUTTON | CHECKBOX | FILE | IMAGE | PASSWORD |
RADIO | RESET | SUBMIT | TEXT
VALUE = value
>
7.3. T¹o mét danh s¸ch lùa chän
Có ph¸p:
<SELECT NAME="tªn danh s¸ch" SIZE="chiÒu cao">
<OPTION VALUE=value1 SELECTED> Tªn môc chän thø nhÊt
<OPTION VALUE=value2> Tªn môc chän thø hai
<!-- Danh s¸ch c¸c môc chän -->
</SELECT>
7.4. T¹o hép so¹n th¶o v¨n b¶n
Có ph¸p:
<TEXTAREA
COLS=sè cét
ROWS=sè hµng
NAME=tªn
>
V¨n b¶n ban ®Çu
</TEXTAREA>
17
Gi¸o tr×nh thiÕt kÕ Web
PhÇn II
thiÕt kÕ web sö dông ms frontpage
I. CÁC THAO TÁC CƠ BẢN
1. Các thao tác chính khi soạn thảo một trang web
•
•
•
Tạo mới một trang web: Chọn chức năng File/New/Page /Normal Page hay
chọn icon New trên Toolbar.
Lưu trang web: Chọn chức năng File/Save hay chọn icon Save trên Toolbar. Để
lưu trang web dưới dạng một tên khác chọn chức năng File/Save As…
Xem trước hiển thị của trang web đang thiết kế: Chọn chức năng File/Preview
in Browser. Lúc này cửa sổ trình duyệt Internet Explorer (IE) sẽ hiển thị trang
web mà chúng ta đang soạn thảo. Nên lưu trang web trước khi chọn chức năng
này.
•
Cửa sổ màn hình soạn thảo trang web cung cấp 3 cách “hiểu” (view) khác nhau
về 1 trang web.
o
o
Nếu bạn chọn Normal view, bạn có thể biên tập trang web dưới dạng
WYSIWYG. Ví dụ bạn có thể gõ văn bản vào, thay đổi màu sắc, kích
thước chữ, … b
Nếu bạn chọn HTML view, bạn sẽ thấy được các mã HTML tương ứng với
cách trình bày của trang web của bạn. Ví dụ, nếu trong Normal view bạn
chèn vào một table thì trong HTML view, bạn sẽ thấy các tag tương ứng
như sau:
<table border="1" width="100%">
<tr><td width="100%"> </td></tr>
</table>
o
Nếu bạn chọn Preview view, tương tự với chức năng Preview in Browser
2. Tạo các thành phần của trang web\
2.1. Thời gian cập nhật (Time stamp)
•
•
Chọn Insert/Date and Time.
Chọn định dạng ngày tháng và thời gian phù hợp với nhu cầu của bạn
2.2. Đường kẻ ngang (Horizontal line)
•
•
Chọn Insert/Horizotal line.
Đặt các thuộc tính cho đường kẻ ngang bằng cách double click chuột lên nó.
Sau đó chọn các thông số về Width, Height, Color, Alignment
2.3. List
•
•
Chọn Format/Bullets and Numbering.
Sau khi hộp hội thoại xuất hiện, bạn hãy chọn các dạng bullet và numbering
tương ứng.
•
Để thay đổi các thuộc tính của bullet như màu sắc, kiểu chữ, …, ta chọn
Format/Bullets and Numbering/Style
18
Gi¸o tr×nh thiÕt kÕ Web
•
Ngoài ra, ta còn có thể chọn hình ảnh để thay cho các kiểu bullet thông thường.
Để thay đổi, ta chọn Format/Bullets and Numbering/Picture bullets, rồi chọn
ảnh dùng để làm bullet
•
Để bỏ định dạng bullets, ta chọn Format/Bullets and Numbering/Plain Bullets.
2.4. Tables
•
Người ta thường dùng table để:
o
o
Hiển thị các thông tin có dạng dòng/cột, ví dụ như bảng thời khóa biểu,
thông tin sản phẩm, ..
Trình bày (layout) các văn bản(text) và các ảnh đồ họa(graphics).
•
Để tạo một bảng, ta có thể dùng một trong hai cách:
o
Chọn Table/Insert Table. Khi hộp hội thoại tạo bảng hiện ra, bạn phải
cung cấp các thông tin chi tiết cho việc tạo bảng, ví dụ như số dòng, số
cột, kích thước, ...
o
Chọn Table/Draw Table. Với chức năng này, bạn sẽ dùng bút vẽ để tạo
các dòng, cột
•
•
•
Để không hiện (hide) border của bảng, ta click phải chuột lên table, chọn Table
Properties/Border/Sizes bằng 0.
Để tách một cell hay trộn nhiều cell lại, ta chọn Tabe rồi chọn Split /Merge
Cells.
Để thêm hoặc xóa các cell, ta chọn Table rồi chọn Insert/Delete Cells.
2.5. Một số hiệu ứng đặc biệt
•
•
Chuyển trang (Page transition): Chọn Format/Page Transition…
Hiệu ứng chữ chuyển động theo chiều ngang (Marquees): Chọn
Insert/Component/Marquee. Sau khi hộp thoại hiện ra, bạn gõ vào dòng chữ
cần chuyển động và đặt các thuộc tính khác như màu sắc, font chữ, …
Thêm hiệu ứng font chữ cho các hyperlink: Chọn Format/Background, check
vào Enable hyperlink rollover effects. Sau đó bạn có thể chọn các màu theo ý
muốn.
•
2.6. Chèn ảnh
•
•
Chọn chức năng Insert/Picture/From File.
Đặt thuộc tính và kích thước của ảnh, click phải chuột lên ảnh, rồi chọn Picture
Properties.
•
Để tạo các hotspot hyperlink, ta chọn hình vẽ tương ứng (hình chữ nhật,
ellipse, …) trên thanh toolbar pictures. Chọn vùng trên ảnh, rồi điền thông tin
của hyperlink vào
2.7. Chèn hyperlink
•
•
Chọn chức năng Insert/Hyperlink.
Sau khi hộp thoại hiện ra, gõ vào hyperlink tương ứng. Có 3 dạng:
o
o
Liên kết tới một trang trong site, có dạng: /thư mục/tên tập tin. Ví dụ:
../images/shopping.htm
o
Liên kết ngay chính trong trang, đặt bằng bookmark.
3. Định dạng trang
•
Click phải chuột lên trang, chọn Page Properties.
19
Gi¸o tr×nh thiÕt kÕ Web
•
•
•
Để đặt màu nền cho trang, chọn Background/Colors/Background
Để đăt ảnh nền cho trang, chọn Background/Formatting/Background picture.
Để
Background/Colors/Hyperlink
Để đặt tiêu đề cho trang chọn General/Title.
đặt
các
thông
số
về
màu
sắc
cho
hyperlink,
chọn
•
20
Gi¸o tr×nh thiÕt kÕ Web
Tải về để xem bản đầy đủ
33 trang
20380
Free
Bạn đang xem 20 trang mẫu của tài liệu "Giáo trình Thiết kế Web - Chu Văn Hoành", để tải tài liệu gốc về máy hãy click vào nút Download ở trên
File đính kèm:
- giao_trinh_thiet_ke_web_chu_van_hoanh.pdf
