Giáo trình Thiết kế Web

PhÇn I  
Giíi thiÖu ng«n ng÷ Html  
I. C¸c thÎ ®Þnh cÊu tróc tµi liÖu  
1.1 HTML  
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
<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  
BACKGROUND 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
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  
</UL>  
3
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 danh 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>  
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  
<DFN>  
4
nghiªng hoÆc thÓ hiÖn qua mét kiÓu ®Æc biÖt  
nµo ®ã.  
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  
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>  
5
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  
&#060  
Tªn chuçi  
&lt  
<
>
&#062  
&gt  
&
&#038  
&amp  
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  
#FFFF00  
#FFFFE0  
#FFFFFF  
#000000  
#808080  
#A52A2A  
#FF00FF  
#EE82EE  
#FFC0CB  
RED  
§á sÉm  
DARKRED  
GREEN  
Xanh l¸ c©y  
Xanh nh¹t  
Xanh n íc biÓn  
Vµng  
LIGHTGREEN  
BLUE  
YELLOW  
LIGHTYELLOW  
WHITE  
Vµng nh¹t  
Tr¾ng  
§en  
BLACK  
X¸m  
GRAY  
N©u  
BROWN  
MAGENTA  
VIOLET  
TÝm  
TÝm nh¹t  
Hång  
PINK  
6
Da cam  
#FFA500  
#000080  
#4169E1  
#7FFFD4  
ORANGE  
Mµu ®ång phôc h¶i qu©n  
NAVY  
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  
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ë  
ChØ ®Þnh ®Þa chØ cña ¶nh dïng lµm nÒn  
ChØ ®Þnh mµu nÒn  
ALINK  
VLINK  
BACKGROUND  
BGCOLOR  
TEXT  
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  
LÒ trªn  
SCROLL  
TOPMARGIN  
RIGHTMARGIN  
LEFTMARGIN  
LÒ ph¶i  
LÒ tr¸i  
4.5. Chän kiÓu ch÷ cho v¨n b¶n  
Có ph¸p:  
7
<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 ®Æt tªn ®ã lµ URL (Universal Resource  
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  
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.  
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  
8
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  
trong cöa sæ hiÖn t¹i (_self), trong mét frame (tªn frame).  
TARGET  
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.  
VÝ dô, nÕu URL ®Çy ®ñ lµ: http://it-department.vnuh.edu.vn/HTML/index.htm th×:  
DÊu hai chÊm (:) chØ dÞch vô gi÷ nguyªn nh ng thay ®æi phÇn cßn l¹i. VÝ dô ://www.fpt.com/  
sÏ t¶i trang chñ cña m¸y phôc vô www.fpt.com víi cïng dÞch vô 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 Javascript trªn m¸y phôc vô  
9
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:nqhuy@cdhh.edu.vn” >  
WEBMASTER  
<\A> b¶o tr×  
<\ADDRESS>  
4.9. VÏ mét ® êng th¼ng n»m ngang  
Có ph¸p:  
<HR  
ALIGN  
= LEFT / CENTER / RIGHT  
COLOR  
NOSHADE  
SIZE  
= color  
= 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.  
10  
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  
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  
Image/TIFF  
.jpeg  
.tiff  
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.  
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¸  
Sound/MIDI  
.mid  
11  
trùc tiÕp tõ m¸y tÝnh.  
§Þ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  
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  
12  
Trong ®ã:  
ALIGN = TOP/ MIDDLE/  
C¨n hµng v¨n b¶n bao quanh ¶nh  
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  
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.  
ALT = text  
§Æ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.  
ChØ ®Þnh kÝch th íc cña ¶nh ® îc hiÓn thÞ.  
SRC = url  
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  
= color  
= color  
13  
BORDERCOLORLIGHT  
BACKGROUND  
BGCOLOR  
= color  
= url  
= color  
= spacing  
= pading  
CELLSPACING  
CELLPADDING  
>
<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  
14  
Kho¶ng c¸ch gi÷a c¸c « trong b¶ng  
CELLSPACING  
CELLPADDING  
Kho¶ng c¸ch gi÷a néi dung vµ ® êng kÎ trong mçi «  
cña b¶ng.  
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  
15  
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>  
16  
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  
To mi mt trang web: Chn chc năng File/New/Page /Normal Page hay chn icon New  
trên Toolbar.  
Lưu trang web: Chn chc năng File/Save hay chn icon Save trên Toolbar. Để lưu trang  
web dưới dng mt tên khác chn chc năng File/Save As…  
Xem trước hin thca trang web đang thiết kế: Chn chc năng File/Preview in Browser.  
Lúc này ca strình duyt Internet Explorer (IE) shin thtrang web mà chúng ta đang  
son tho. Nên lưu trang web trước khi chn chc năng này.  
Ca smàn hình son tho trang web cung cấp 3 cách “hiểu” (view) khác nhau về 1 trang  
web.  
o
Nếu bn chn Normal view, bn có thbiên tp trang web dưới dng WYSIWYG. Ví  
dbn có thgõ văn bn vào, thay đổi màu sc, kích thước ch, b  
Nếu bn chn HTML view, bn sthy được các mã HTML tương ng vi cách trình  
bày ca trang web ca bn. Ví d, nếu trong Normal view bn chèn vào mt table  
thì trong HTML view, bn sthy các tag tương ng như sau:  
<table border="1" width="100%">  
o
<tr><td width="100%">&nbsp;</td></tr>  
</table>  
o
Nếu bn chn Preview view, tương tvi chc 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)  
Chn Insert/Date and Time.  
Chn định dng ngày tháng và thi gian phù hp vi nhu cu ca bn  
2.2. Đường kẻ ngang (Horizontal line)  
Chn Insert/Horizotal line.  
Đặt các thuc tính cho đường kngang bng cách double click chut lên nó. Sau đó chn  
các thông svWidth, Height, Color, Alignment  
2.3. List  
Chn Format/Bullets and Numbering.  
Sau khi hp hi thoi xut hin, bn hãy chn các dng bullet và numbering tương ng.  
Để thay đổi các thuc tính ca bullet như màu sc, kiu ch, , ta chn Format/Bullets  
and Numbering/Style  
Ngoài ra, ta còn có thchn hình nh để thay cho các kiu bullet thông thường. Để thay  
đổi, ta chn Format/Bullets and Numbering/Picture bullets, ri chn nh dùng để làm  
bullet  
Để bỏ định dng bullets, ta chn Format/Bullets and Numbering/Plain Bullets.  
2.4. Tables  
Người ta thường dùng table để:  
o
Hin thcác thông tin có dng dòng/ct, ví dnhư bng thi khóa biu, thông tin  
sn phm, ..  
o
Trình bày (layout) các văn bn(text) và các nh đồ ha(graphics).  
17  
Để to mt bng, ta có thdùng mt trong hai cách:  
o
Chn Table/Insert Table. Khi hp hi thoi to bng hin ra, bn phi cung cp các  
thông tin chi tiết cho vic to bng, ví dnhư sdòng, sct, kích thước, ...  
Chn Table/Draw Table. Vi chc năng này, bn sdùng bút vẽ để to các dòng,  
ct  
o
Để không hin (hide) border ca bng, ta click phi chut lên table, chn Table  
Properties/Border/Sizes bng 0.  
Để tách mt cell hay trn nhiu cell li, ta chn Tabe ri chn Split /Merge Cells.  
Để thêm hoc xóa các cell, ta chn Table ri chn Insert/Delete Cells.  
2.5. Một số hiệu ứng đặc biệt  
Chuyn trang (Page transition): Chn Format/Page Transition…  
Hiu ng chchuyn động theo chiu ngang  
(Marquees):  
Chn  
Insert/Component/Marquee. Sau khi hp thoi hin ra, bn gõ vào dòng chcn chuyn  
động và đặt các thuc tính khác như màu sc, font ch, …  
Thêm hiu ng font chcho các hyperlink: Chn Format/Background, check vào Enable  
hyperlink rollover effects. Sau đó bn có thchn các màu theo ý mun.  
2.6. Chèn ảnh  
Chn chc năng Insert/Picture/From File.  
Đặt thuc tính và kích thước ca nh, click phi chut lên nh, ri chn Picture Properties.  
Để to các hotspot hyperlink, ta chn hình vtương ng (hình chnht, ellipse, ) trên  
thanh toolbar pictures. Chn vùng trên nh, ri đin thông tin ca hyperlink vào  
2.7. Chèn hyperlink  
Chn chc năng Insert/Hyperlink.  
Sau khi hp thoi hin ra, gõ vào hyperlink tương ng. Có 3 dng:  
o
o
Địa chInternet, có dng: http://Ví d: http:// www.yahoo.com  
Liên kết ti mt trang trong site, có dng: /thư mc/tên tp tin. Ví d:  
../images/shopping.htm  
o
Liên kết ngay chính trong trang, đặt bng bookmark.  
3. Định dạng trang  
Click phi chut lên trang, chn Page Properties.  
Để đặt màu nn cho trang, chn Background/Colors/Background  
Để đăt nh nn cho trang, chn Background/Formatting/Background picture.  
Để đặt các thông svmàu sc cho hyperlink, chn Background/Colors/Hyperlink  
Để đặt tiêu đề cho trang chn General/Title.  
18  
II. THỰC HÀNH  
1. Tạo trang web cho nhóm.  
Khi động Microsoft Front Page 2000.  
Son trang web cá nhân ca nhóm đặt tên là InfoGroup<n>.htm (ví dnhóm 1 sly  
tên là InfoGroup1.htm). Các thông tin chính ca các thành viên trong nhóm bao gm:  
Hvà tên, Công vic và chc vhin nay, Địa chliên lc, Đin thoi, Fax, Email, Mobile  
Phone, ... Ngoài ra các nhóm có thbsung các thông tin khác.  
Upload trang web đã son lên website.  
Thtruy cp trang web đã ti lên.  
2. Tham khảo các site thông tin của Việt Nam  
3. Tham khảo các site bán hàng nổi tiếng  
4. Tham khảo các site giải trí  
5. Tham khảo các site về lao động việc làm tại VN  
6. Tạo trang web chứa các hyperlink dùng để truy cập nhanh  
To trang web đặt tên là Links.htm cha các hyperlink đã đề cp trên. Bsung thêm  
các hyperlink và các phân loi khác mà các anh chị đã biết.  
Upload lên website và kim tra li.  
7. Tạo trang HomePage  
To trang web HomePage đặt tên là Default.htm gii thiu vnhóm và các công vic mà  
nhóm đang trin khai.  
Kết ni hai trang đã to vào HomePage.  
Upload lên website và kim tra li.  
8. Chọn chủ đề để thiết kế website  
Website vdch vvic làm.  
Website vdch vnhà đất (http://www.nhadat.com).  
Website báo đin t(http://vnexpress.net )  
Website trường hc.  
Website bán hàng (ca hàng, siêu thị ảo trên Internet)  
Website dch vgii trí như ECards, Đin hoa, ...  
Các chủ đề khác...  
19  
III. ĐĂNG KÍ WEBSITE MIỄN PHÍ TRÊN INTERNET  
1. Vào địa chhttp://www.freeservers.com để đăng kí website min phí vi địa chtruy cp có  
2. Gõ vào địa chbn dự định đăng kí ti ô yourname. Sau đó click Go. Màn hình tiếp theo sẽ  
hin ra, bn chn mc cui cùng 100% Free Hosting Option và click vào SignUp  
3. Sau đó bn hãy đin vào các thông tin liên quan cn thiết như Htên, mt khu, email, Cui  
cùng gõ vào ARTK để chc rng bn đã đồng ý vi các qui định ca FreeServers khi cung cp dch  
vmin phí này.  
20  
Tải về để xem bản đầy đủ
pdf 27 trang Thùy Anh 04/05/2022 4180
Bạn đang xem 20 trang mẫu của tài liệu "Giáo trình Thiết kế Web", để 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:

  • pdfgiao_trinh_thiet_ke_web.pdf