Sign In Sign-Up

Welcome!

Close

Would you like to make this site your homepage? It's fast and easy...

Yes, Please make this my home page!

No Thanks

  Don't show this to me again.

Close

Soaïn Thaûo HTML | Giôùi thieäu | FAQ | Alumni | Caùc Tag | Muïc Luïc | Baøi tröôùc | Baøi keá |

14. Goäp laïi (Lumping) hay Phaân maûnh (Splitting)

Muïc ñích

• Chuyeån moät trang web ñôn thaønh moät chuoãi caùc trang ñöôïc lieân keát vôùi nhau
• Taïo ra moät trang maãu (template) cho nhieàu trang web
• Xaây döïng caùc ñaëc tính hoa tieâu (navigational feature) ñeå noái nhieàu trang web laïi vôùi nhau

Baøi hoïc

Baïn laøm moät ngöôøi goäp laïi hay laø moät ngöôøi chia maûnh? Khoâng phaûi? Hay caû hai?

Ñeå toå chöùc thoâng tin, ñoâi luùc toát hôn heát laø "goäp" chuùng laïi vôùi nhau; ñoâi luùc toát hôn heát laïi laø "chia" chuùng thaønh caùc phaàn rieâng bieät. Keùo leân xuoáng trong caùc trang web daøi thöôøng taïo ra söï chaùn naûn. Khi daøi, moät trang web caàn toán nhieàu thôøi gian ñeå naïp töø maïng xuoáng neáu so saùnh vôùi vieäc chia noù thaønh nhöõng trang nhoû hôn.

Trong nhieàu tröôøng hôïp, baïn coù theå xaùc ñònh nhöõng ñieåm luaän lyù ñeå "chia" thoâng tin thaønh nhieàu trang web. Tuy nhieân, ñieàu naøy khoâng coù moät coâng thöùc chung, vaø yù kieán cuõng khoâng gioáng nhau. Baïn neân taïo söï caân baèng giöõa caùc trang baèng caùch chia noäi dung thaønh caùc phaàn ñeàu nhau ñeå traùnh cho ngöôøi ñoïc phaûi click quaù nhieàu khi muoán ñeán moät noäi dung naøo ñoù. Cuõng laø moät ñieàu quan troïng khi xaây döïng caùc lieân keát sieâu vaên baûn hay caùc manh moái deã nhìn thaáy beân trong trang web giuùp ngöôøi ñoïc tìm ñöôïc thoâng tin caàn thieát.

Tröôùc ñaây chuùng ta vöøa taïo ñöôïc moät trang web vôùi moät lieân keát ñeán moät trang ngaén hôn. Trong baøi 8d chuùng ta ñaõ taïo ra moät danh saùch caùc lieân keát nhö laø moät muïc luïc ñeå noái chuùng ñeán caùc anchor ñöôïc ñaët teân cho caùc phaàn khaùc nhau cuûa baøi Volcano Web. Söï phaân ñoaïn theo caùch nhö vaäy coù theå ñöôïc xem laø caùc ñieåm ngaét ñeå phaân maûnh moät trang ñôn daøi thaønh caùc trang con.

Cho ñeán giôø chuùng ta ñaõ taïo ra moät thö muïc goïi laø volc trong ñoù coù chöùa hai taäp tin HTML (trang baøi hoïc index.htm vaø trang thöù hai msh.htm). Chuùng ta cuõng ñaõ taïo ra moät thö muïc thöù hai laø pictures ñeå giöõ caùc taäp tin hình aûnh.

Baây giôø chuùng ta seõ phaân chia taäp tin Volcano Web ñôn thaønh moät chuoãi caùc trang web ñöôïc lieân keát vôùi nhau nhö trong sô ñoà naøy. Ñieåm vaøo cuûa noù laø trang muïc luïc/bìa taïi index.htm trong ñoù coù lieân keát ñeán taát caû caùc phaàn khaùc cuûa baøi hoïc:

• Introduction
  [intro.htm]
• Volcano Terminology
  [term.htm]
• Volcanic Places in the USA
  [usa.htm]
• Volcanic Places on Mars
  [mars.htm]
• Research Project
  [proj.htm]

Chuù yù: Ñeå hoaøn thaønh baøi hoïc naøy, chuùng ta caàn taïo theâm moät soá taäp tin môùi vaø cuõng phaûi thöïc hieän nhieàu laàn thao taùc cheùp/daùn töø taäp tin baïn ñang laøm vieäc. Haõy chaéc chaén raèng baïn bieát roõ caùch chuyeån qua laïi giöõa caùc chöông trình vaø cöûa soå taøi lieäu khaùc nhau treân maùy cuûa baïn.

Ñieàu ñaàu tieân chuùng ta caàn laøm laø taïo moät taäp tin index.htm môùi, ñöôïc söû duïng laøm trang "bìa" cuûa baøi Volcano Web:

1. Tröôùc heát taïo moät baûn sao cuûa taäp tin index.htm vaø ñaët teân laø old.htm hay laø moät teân naøo töông töï nhö vaäy.
2. Baây giôø môû laïi taäp tin index.htm nguyeân goác trong trình soaïn thaûo. Töø ñieåm naøy trôû ñi, ñaây seõ laø baøi môùi cuûa chuùng ta.
3. Chuùng ta seõ söû duïng laïi hình aûnh, lôøi môû ñaàu, vaø baûng muïc luïc trong trang ñaàu tieân naøy. Ñeå laøm ñieàu ñoù, chuùng ta seõ xoùa ñi caùc phaàn caàn "caét" ra khoûi trang web.

   Xoùa boû ñoaïn töø Introduction ñeán References, töùc laø moïi thöù trong:

     <hr>
   <h2><A NAME="intro">Introduction</A></h2>
   A <b>volcano</b> is a location where magma, or hot
   melted rock from within a planet, reaches the surface. 
    :

   vaø

      :
   <dt>Lipman, P.W. and Mullineaux (eds). (1981)
   <dd><I>The 1980 Eruptions of Mount St. Helens, Washington.
   </I>U.S. Geological Survey Professional Paper 1250.
   </dl>
   

   Baïn coù theå so saùnh taäp tin HTML cuûa baïn vôùi ví duï maãu ñeå bieát trang neân nhö theá naøo taïi ñieåm naøy.

4. Baây giôø tìm ñoaïn vaên coù "In this Lesson..." Tröôùc ñaây, chuùng ta ñaõ duøng caùc lieân keát sieâu vaên baûn ñeán anchor ñöôïc ñaët teân (töùc laø <a name="term">..</a>) trong cuøng moät taøi lieäu (xem baøi 8a). Baây giôø chuùng ta seõ ñieàu chænh caùc lieân keát anchor naøy ñeå lieân keát ñeán moät trang web khaùc (maø chuùng ta seõ taïo ra döôùi ñaây).

   Tìm ñoaïn coù daïng:

   <B>In this Lesson...</B>
     <ul><i>
     <li><A HREF="#intro">Introduction</A>
     <li><A HREF="#term">Volcano Terminology</A>
     <li><A HREF="#usa">Volcanic Places in the USA</A>
     <li><A HREF="#mars">Volcanic Places on Mars</A>
     <li><A HREF="#project">Research Project</A></i>
     </ul>

   vaø ñieàu chænh thaønh:

   <B>In this Lesson...</B>
     <ul><i>
     <li><A HREF="intro.htm">Introduction</A>
     <li><A HREF="term.htm">Volcano Terminology</A>
     <li><A HREF="usa.htm">Volcanic Places in the USA</A>
     <li><A HREF="mars.htm">Volcanic Places on Mars</A>
     <li><A HREF="proj.htm">Research Project</A></i>
     </ul>

   Baïn coù theå so saùnh taäp tin HTML cuûa baïn vôùi ví duï maãu ñeå bieát trang neân nhö theá naøo taïi ñieåm naøy.

   Chuù yù: Baïn caàn hieåu roõ söï khaùc nhau giöõa moät lieân keát coù daïng:

     <a href="#quest">go to questions</a>

   vôùi moät lieân keát khaùc coù daïng:

     <a href="quest.htm">go to questions</a>

1. Trong trình soaïn thaûo, taïo moät taäp tin môùi goïi laø temp.htm
2. Trong taäp tin naøy, ñaùnh vaøo ñoaïn HTML sau (neáu muoán, baïn coù theå cheùp laïi moät taäp tin ví duï maãu):

   HTML	Ghi chuù
   <html> <head> <title>XXXXXXXX</title> </head> <body>	HEAD: Trong phaàn ñaàu cuûa moãi taøi lieäu, XXXXXXXX laø teân cuûa phaàn ñoù
   <H5>Volcano Web / <A HREF="index.htm">Index</A> / <A HREF="xxxx.htm">back</A> / <A HREF="xxxx.htm">next</A></H5>	NAVIGATION: Taïi ñænh moãi trang chuùng ta söû duïng moät tieâu ñeà nhoû (h=5) ñeå taïo ra caùc lieân keát hoa tieâu (navigation link). Ñieåm Index ñeå trôû veà trang bìa chính. Lieân keát next vaø back ñeå ñeán trang keá tieáp vaø trang tröôùc. Baïn seõ phaûi ñieàn laïi teân taäp tin thích hôïp cho xxxx.htm. Haõy chuù yù caùch naøy taïo ra moät höôùng daãn nhoû cho moãi trang web.
   <h2>XXXXXXXX</h2> : : :	HEADER: Söû duïng tieâu ñeà möùc 2 cho caùc muïc cuûa trang.
   <hr> <ADDRESS> <b><A HREF="index.htm"> Writing HTML</A> : XXXXXXXX </b><p> created by Lorrie Lava, <A HREF="mailto:lava@pele.bigu.edu"> lava@pele.bigu.edu</A> <br> Volcanic Studies, <A HREF="http://www.bigu.edu/"> Big University</A><p> <TT>last modified: April 1, 1995</TT> </ADDRESS> <p>	ADDRESS FOOTER: Chuù yù caùch footer chæ ra teân cuûa trang chính (vôùi moät lieân keát ngöôïc veà noù) cuøng vôùi ñoaïn vaên chæ ra teân cuûa phaàn hieän taïi XXXXXXXX. Ñaët teân trang ôû ñaây taïo ra moät höôùng daãn nhoû cho thaáy vò trí cuûa noù trong caáu truùc web maø chuùng ta ñaõ taïo ra.
   <tt>URL: http://www.bigu.edu/web/xxxxxxxx.htm </tt> <p <body> </html>	URL: Caàn ñieàu chænh doøng naøy ñeå chæ ra URL cuûa taøi lieäu töông öùng vôùi teân taäp tin xxxxxxxx.htm cuûa noù

3. Ñeán ñaây, baïn caàn taïo ra 5 baûn sao cuûa taäp tin maãu vaø thöïc hieän caùc ñieàu chænh thích hôïp trong töøng maãu:

   Teân Taäp tin	Muïc	Ghi chuù
   intro.htm	Introduction	Vì ñaây laø muïc ñaàu tieân, xoùa ñi doøng <A HREF="xxxx.htm">back</A> trong phaàn hoa tieâu
   term.htm	Volcano Terminology
   usa.htm	Volcanic Places in the USA
   mars.htm	Volcanic Places on Mars
   proj.htm	Research Project	Vì ñaây laø muïc cuoái cuøng, xoùa ñi doøng <A HREF="xxxx.htm">next</A> trong phaàn hoa tieâu

4. Baây giôø, haõy môû taäp tin index.htm cuõ (maø chuùng ta ñoåi teân laø old.htm) trong trình soaïn thaûo. Vôùi moãi taäp tin môùi taïo, baïn caàn cheùp laïi (copy) ñoaïn HTML phía döôùi ñeà muïc <h2>...</h2> vaø daùn (paste) vaøo taäp tin môùi töông öùng. Chuù yù raèng trong Volcanic Places in the US vaø Research Projects caû hai ñeàu coù caùc muïc con söû duïng tieâu ñeà <h3>...</h3>.
5. Cuoái cuøng, baïn caàn ñieàu chænh lieân keát trong taäp tin msh.htm. Tröôùc ñaây, noù quay veà moät anchor ñöôïc ñaët teân trong baøi chính (muïc Volcanic Places in the US) coøn baây giôø noù caàn lieân keát ñeán taäp tin usa.htm. Môû taäp tin msh.htm trong trình soaïn thaûo vaø ñieàu chænh:

     <a href="usa.htm"> 
     <img src="../pictures/left.gif" alt="** "> 
     Return to
     <i>Volcano Web</i></a>

   Cuõng ñeå cho töông ñoàng, baïn neân ñieàu chænh laïi phaàn footer nhö sau:

   <HR>
   <ADDRESS>
   <B><A HREF="index.htm">
   Volcano Web</A> : <A HREF="usa.htm">
   Volcanic Places in the USA</A> : 
   Mount St. Helens</B> <p>
   
   created by Lorrie Lava, 
   <A HREF="mailto:lava@pele.bigu.edu">
   lava@pele.bigu.edu</A><br>
   Volcanic Studies, 
   <A HREF="http://www.bigu.edu/">
   Big University</A><p>
   <TT>last modified: April 1, 1995</TT>
   </ADDRESS>
   <p>
   <tt>URL: http://www.bigu.edu/web/msh.htm</tt>
   
   <body>
   </html>

Kieåm tra laïi coâng vieäc cuûa baïn

Xem laïi

1. Cho bieát vaøi tieän lôïi cuûa caùc trang web ngaén so vôùi moät trang web daøi?
2. Ñieàu gì xaûy ra neáu chuùng ta khoâng söûa laïi lieân keát sieâu vaên baûn trong taäp tin msh.htm?
3. Caùc ñaëc tính hoa tieâu maø chuùng ta ñaõ ñöa vaøo baøi laø gì?

Thoâng tin boå sung

In the spring of 1980, most people living in the vicinity of Mount St. Helens took heed to the scientists warning about an impending volcanic eruption. However, several were insistent on staying in their homes and sadly perished in the May 18 event. In that same year, measured increases in seismic recording devices caused scientists to warn of a possible event in Long Valley, California, and order a large evacuation of the Mammoth resort area. However, no such event occurred, and residents were angrily resentful for what they perceived as a false warning that caused great economic loss.

In the spring of 1980, most people living in the vicinity of Mount St. Helens took heed to the scientists warning about an impending volcanic eruption. (Click here to see a picture of Mount St. Helens) However, several were insistent on staying in their homes and sadly perished in the May 18 event. In that same year, measured increases in seismic recording devices caused scientists to warn of a possible event in Long Valley, California, and order a large evacuation of the Mammoth resort area. (Click here to see a seismometer) However, no such event occurred, and residents were angrily resentful for what they perceived as a false warning that caused great economic loss.

Thöïc taäp töï do

Baây giôø haõy yeâu caàu caùc baïn hay ñoàng nghieäp cuûa baïn xem caùc trang web cuûa baïn. Hoï coù thích caùch "phaân" trang hay "gheùp" nhoùm cuûa baïn khoâng? Hoï coù deã daøng bieát ñöôïc caùch ñeå xem thoâng tin cuûa baïn khoâng?

Ñeán phaàn tieáp theo....

ÑEÁN.... | Muïc Luïc | Baøi tröôùc: "Blockquote" | Baøi keá: "HTML tieâu chuaån vaø naâng cao" |

URL: http://www.mcli.dist.maricopa.edu/tut/tut14.html