§©y lµ 1 Java Applet gióp b¹n tr×nh bµy trang Web theo kiÓu c©y th môc cña Windows.
- Mçi ®Ò môc sÏ cã 2 biÓu tîng kh¸c nhau ®Ó hiÓn thÞ t×nh tr¹ng ®ang më réng hay ®ang thu gän.
- Khi b¹n bÊm dÊu céng tríc ®Ò môc nµo lµ b¹n muèn liÖt kª ®Ò môc con chøa trong ®Ò môc nÇy, khi b¹n bÊm dÊu trõ lµ b¹n muèn rót gän l¹i, kh«ng cÇn hiÓn thÞ ®Ò môc con.
- B¹n cã thÓ thay ®æi mµu cho tõng thµnh phÇn trong c©y th môc. ThÝ dô: ®Ò môc thêng, ®Ò môc ®ang chän, mµu nÒn, mµu chän...
Trän gãi phÇn mÒm nÇy cã kÌm c¸c
híng dÉn sö dông. Chóng t«i xin nãi thªm vÒ c¸ch t¹o trang Web cã Java
Applet nÇy nh sau:
1/ B¹n t¹o trang Web cã 2 Frame: Bªn tr¸i sö dông Java Tree ®Ó hiÓn thÞ theo d¹ng c©y th môc. Bªn ph¶i hiÓn thÞ néi dung ®Ò môc ®îc chän bªn tr¸i.
2/ Ph©n tÝch vµi ®iÓm cÇn chó ý vÒ mÆt m· nguån trong néi dung trang Web dïng Java Tree:
A/ ChÌn h×nh vµ Text (kÌm ®Þnh d¹ng) giíi thiÖu vµo ®Çu trang Web
1/ <p align="center"><img src="images/logo_ani.gif"
alt="Auscomp Logo" hspace="5" vspace="5"
width="82" height="48"><br>
2/ <font color="#000000" size="2" face="Arial"><strong>Making your</strong></font><br>
3/ <font color="#000000" size="2" face="Arial"><strong>Web presence felt!</strong></font> </p>
B/ ChØ ®Þnh kÝch thíc khung bao cho phÇn hiÓn thÞ d¹ng c©y th môc, tÝnh b»ng pixer.
4/ <APPLET CODE="JAVATreeR.class" WIdtH=220 HEIGHT=300>Chó ý: Khung nÇy chÝnh lµ khung cña Applet, ®éc lËp víi khung cña Frame. Khi ®Ò môc liÖt kª vît khæ sÏ tù ®éng xuÊt hiÖn thanh cuèn ngang vµ däc riªng cho Applet. B¹n ph¶i tÝnh to¸n ®Ó tr¸nh viÖc xuÊt hiÖn cïng lóc thanh cuén cña Applet vµ thanh cuén cña Frame, b¹n cã thÓ Set gi¸ trÞ khung vît qu¸ gi¸ trÞ Frame ®Ó chØ sö dông thanh cuén cña Frame.
C/ ChØ ®Þnh mµu cho viÖc hiÓn thÞ
5/ <PARAM NAME="BACKGROUND" VALUE="255,255,255">6/ <PARAM NAME="FOREGROUND" VALUE="0,0,0">
<PARAM NAME="SELBACKGRouND" VALUE="0,0,0">
7/ <PARAM NAME="SELFOREGROUND" VALUE="255,255,0">

Chó ý: Khi b¹n chØ ®Þnh sai gi¸ trÞ, Applet sÏ lÊy gi¸ trÞ mÆc nhiªn.
D/ T¹o cÊu tróc c©y
Sè trong ngÆc () lµ sè dïng ®Ó ph©n tÝch, kh«ng cã trong m· nguån
8/ <(1)PARAM NAME="I0" (2)VALUE="THANK YOU FOR PURCHASING;(3) None ; (4) none; (5) 0; (6) jimages/Contact.gif; (7) jimages/Contact.gif">(1) GÝa trÞ Param name="Ixxx" ph¶i liªn tôc tõ trªn xuèng. NÕu bÞ nhÈy sè, c¸c dßng tiÕp theo sÏ kh«ng cã gi¸ trÞ (kh«ng hiÓn thÞ).
(2) Gi¸ trÞ Value="dßng Text" sÏ ®îc hiÓn thÞ lµ tªn ®Ò môc.
(3) Trang Web liªn kÕt víi ®Ò môc trong phÇn (2), sÏ ®îc më khi bÊm kÐp Mouse lªn ®Ò môc. §Þa chØ liªn kÕt cã thÓ lµ tuyÖt ®èi hay t¬ng ®èi.
(4) Frame chØ ®Þnh ®Ó hiÓn thÞ trang Web (3) liªn kÕt víi ®Ò môc.
(5) ChØ ®Þnh cÊp ®é cña ®Ò môc, ®Ò môc cã thø tù cÊp ®é lín (®Ò môc con) sÏ n»m trong ®Ò môc cã cÊp ®é nhá (®Ò môc mÑ).
Chó ý: C¸c dßng m· hiÓn thÞ ®Ò môc con ph¶i ®îc viÕt tiÕp theo ngay sau dßng m· hiÓn thÞ ®Ò môc mÑ vµ ph¶i cã sè thø tù liªn tôc.
(6) ChØ ®Þnh file h×nh dïng lµm biÓu tîng cho ®Ò môc lóc ë tr¹ng th¸i rót gän (cã dÊu céng).
(7) ChØ ®Þnh file h×nh dïng lµm biÓu tîng cho ®Ò môc lóc ë tr¹ng th¸i më réng (cã dÊu trõ).
Chó ý: NÕu ®Ò môc kh«ng cã ®Ò môc con, gi¸ trÞ (6) vµ (7) nªn chØ ®Þnh gièng nhau.
9/ <PARAM NAME="I1" VALUE="Before you begin; None; none; 0; jimages/BookC.gif ; jimages/BookO.gif">§Ò môc "Before you begin" kh«ng cã liªn kÕt víi trang Web kh¸c, cÊp ®é "0", v× lµ ®Ò môc mÑ nªn cã 2 biÓu tîng hiÓn thÞ cho 2 tr¹ng th¸i, ®Þa chØ file h×nh dïng lµm biÓu tîng lµ ®Þa chØ t¬ng ®èi (trong thÝ dô nÇy lµ n»m trong th môc con tªn jimages so víi trang Web chÝnh lµ th môc gèc).
Chó ý: C¸c c¸c dßng lÞnh hiÓn thÞ ®Ò môc cã cÊp ®é lín h¬n tiÕp theo dßng lÞnh nÇy mÆc nhiªn ®îc coi nh "con, ch¸u..." cña ®Ò môc nÇy cho ®Õn khi gÆp dßng lÞnh cã cÊp ®é t¬ng ®¬ng.
10/ <PARAM NAME="I2" VALUE="Who made it; who.htm; main; 1; jimages/QuestionMark.gif ; jimages/QuestionMark.gif">§Ò môc "Who made it" ®îc liªn kÕt víi file "who.htm". Frame hiÓn thÞ file liªn kÕt cã tªn lµ "Main" (frame bªn ph¶i trong thÝ dô). CÊp ®é 1 (con cña cÊp ®é 0). 2 biÓu tîng tr¹ng th¸i gièng nhau.
Chó ý: §Ò môc nÇy kh«ng cã ®Ò môc con v× dßng tiÕp theo cã cÊp ®é t¬ng ®¬ng.
11/ <PARAM NAME="I3" VALUE="E-Mail; mailto:teamYþauscomp.com.au; _self; 1; jimages/Mail.gif; jimages/Mail.gif">§Ò môc "E-Mail" liªn kÕt víi lÞnh gëi Email (mailto:) ®Õn ®Þa chØ liÖt kª (teamYþauscomp.com.au).
12/ <PARAM NAME="I4" VALUE="Web site - Australia; http://www.auscomp.com.au; _blank; 1; jimages/Earth.gif; jimages/Earth.gif">§Ò môc "Web site-Australia" liªn kÕt ®Õn ®Þa chØ tuyÖt ®èi cña Web site hhht://www.auscomp.com. Web site nÇy sÏ ®îc më trong 1 cöa sæ trèng (blank)
13/ <PARAM NAME="I5" VALUE="Web site - America; http://www.auscomp.com; _blank; 1; jimages/Earth.gif; jimages/Earth.gif">14/ <PARAM NAME="I6" VALUE="Copyright; Copyright.htm; main; 1; jimages/Caution.gif; jimages/Caution.gif">
15/ <PARAM NAME="I7" VALUE="*** Place holder">
16/ <PARAM NAME="I8" VALUE="*** Place holder">
17/ <PARAM NAME="I9" VALUE="*** Place holder">
V× c¸c dßng lÞnh ph¶i cã sè thø tù liªn tôc nªn khi thªm dßng lÞnh vµo giöa b¹n b¾t buéc ph¶i thay ®æi sè thø tù c¸c dßng tiÕp sau. §Ó tr¸nh phiÒn phøc nÇy, b¹n cã thÓ dïng 3 dßng m· lÞnh 15, 16, 17 ®Ó giö chæ tríc cho c¸c ®Ò môc bæ sung sau nÇy vµ chóng kh«ng ®îc hiÓn thÞ do Value="*** Place holder". Khi cÇn bæ sung, b¹n chØ viÖc söa ®æi néi dung dßng lÞnh nÇy cho phï hîp mµ kh«ng cÇn thay ®æi sè thø tù.
18/ <PARAM NAME="I8" VALUE="Setup; none; none; 0; jimages/SetupC.gif; jimages/SetupO.gif">19/ <PARAM NAME="I9" VALUE="Syntax; syntax.htm; main; 1; jimages/BriefCaseC.gif;jimages/BriefCaseO.gif">
2 dßng 18 (®Ò môc "Setup"), 19 (®Ò môc "Syntax") sÏ kh«ng ®îc hiÓn thÞ do cã sè thø tù (I8, I9) trïng víi 2 dßng tríc ®ã lµ 16 vµ 17 nªn bÞ v« hiÖu hãa.
Chó ý: NÕu b¹n bá 2 dßng 16, 17 th× 2 dßng 18, 19 sÏ ®îc hiÓn thÞ vµ cÊu tróc c©y sÏ thay ®æi v× dßng 18 cã cÊp ®é ngang víi dßng 9 nªn t¹o ra 1 nh¸nh míi. C¸c dßng tiÕp theo cã cÊp ®é lín h¬n sÏ thuéc vÒ nh¸nh nÇy (®Ò môc "setup").


C¸c dßng tiÕp theo b¹n cã thÓ suy luËn t¬ng tù.
Chó ý: C¸c b¹n cÇn tu©n thñ nguyªn t¾c sau:
Sè thø tù dßng lÞnh ph¶i liªn tôc, kh«ng ®îc trïng lÊp hay nhÈy bá sè.
C¸c ®Ò môc cã cÊp ®é lín sÏ n»m ngay sau ®Ò môc cã cÊp ®é nhá h¬n vµ thuéc vÒ ®Ò môc nÇy. C¸c ®Ò môc ë gèc sÏ cã cÊp ®é lµ "0".
PcLeHoan
1996 - 2002
Mirror :
http://www.pclehoan.com
Mirror :
http://www.lehoanpc.net
Mirror :
http://www.ktlehoan.com