Paanidevaheline navigatsioon.

Lihtsaimaks informatsiooni läbivaatamise vorm internetis seisneb lehekülgede lugemises ja liikumises teistele lehtedele hüperlinkide abil, kusjuures avatud leht asendatakse teise dokumendiga.

Paanide vaheline navigatsioon seisneb selles võimaluses laadida dokumente valitud paani korralduste alusel teisest paanist.

Parameeter TARGET.

Selleks kasutatakse teegi <A> parameetrit TARGET. Antud parameeter määratleb paani nime või lehitseja akna, millesse laaditakse dokument millele viitab antud hüperviide. Vaikimisi laaditakse parameetri TARGET puudumise korral dokument lingiga samasse paani (aknasse). Seda vaikimisi määratletavat parameetrit võib muuta teegi <BASE> kasutamisega, milles on parameetrile TARGET määratud sobiv väärtus. Vaikimisi etteantava paani nimi, millesse toimub laadimine vaikimisi on mugav juhul kui on vaja luua palju viiteid, mis suunavad dokumendid antud paani. Tüüpiliseks kasutusalaks on kahepaaniline aken, mille ühes paanis on menüü viidetega ja teine paan on nendele viidetele vastavate dokumentide laadimiseks.

Ülesanne 1. Avame kaustast dokumendi ja salvestame selle uue nimega.

  1. Avage oma töölaual olev kaust "HTML40"
  2. Käivitage Notepad (Start-Programs-Accessories-Notepad) või intelligentsem tee Notepad käivitamiseks (Start - Run…; kirjutame lahtrisse notepad ja klõpsame korraldusnupul OK).
  3. Avage Notepad abiga kaustast "HTML40" dokument "uus.htm".
  4. Salvestage dokument samasse kausta uue nimega "paanid-2.htm".
  5. Kustutage HTML koodist teek konteiner <BODY></BODY> ja asendage see teek konteineriga < FRAMESET ></FRAMESET>.
  6. Avage uus dokument "paanid-2.htm" ka lehitseja abil.

Paanide nimed peavad algama ladina tähega või araabia numbriga. Nimena võib parameetris TARGET anda juba olemasoleva paani (akna) nime või siis uus nimi mille all avatakse uus aken. On olemas neli reserveeritud nime, mille sisestamisel teostatakse spetsiaalseid operatsioone. Need nimed algavad allajoonimise sümboliga "_": "_blank", "_self", "_parent" ja "_top". Kasutada allajoonimise sümbolit suvalise teise nime ees on lubamatu.

TARGET="_blank" - kindlustab dokumendi laadimise uude lehitseja aknasse. Viidet sisaldav aken jääb alles ja lisaks sellele avatakse uus aken dokumendiga, millele viidati. Sellel aknal ei ole nime ja seega ei saa sellesse laadida teist dokumenti.

TARGET="_self" - dokument laaditakse jooksvasse paani või aknasse. seda väärtust tuleb kasutada siis kui on vajalik avada viitega avatav dokument teises paanis (aknas), mis erineb teegiga <BASE> vaikimisi määratud paanist (aknast).

TARGET="_top" - kutsub esile dokumendi laadimise täisaknasse. Isegi kui teil on tegemist paanideks jaotatud aknaga, siis klõps sellise parameetriga viitel laadib samasse aknasse uue dokumendi nii, et ta laotub üle terve akna. Kui aga dokument viitega juba sus täisaknas, siis on see parameeter samaväärne parameetriga: TARGET="_self".

TARGET="_parent" - kutsub esile dokumendi laadimise alale, mida hõivab antud paani vanem-paan. Vanema-paani puudumisel on see parameeter samaväärne parameetriga TARGET="_top".

Ülesanne 2. Loome uued HTML dokumendid.

  1. Avage Notepad abiga kaustast "HTML40" dokument "uus.htm".
  2. Salvestage dokument samasse kausta uue nimega "a.htm".
  3. Salvestage dokument samasse kausta uue nimega "b.htm".
  4. Salvestage dokument samasse kausta uue nimega "c.htm".
  5. Avage uued dokumendid Notepad abiga "a.htm", "b.htm" ja "c.htm" ka lehitseja abil.

Ülesanne 3. Loome kolme paaniga dokumendi.

  1. Avage või aktiveerige Notepad dokumendiga "paanid-2.htm".
  2. Sisestage HTML koodi järgmine koodifragment:

    <FRAMESET COLS="2*,*,*">
    <FRAME SRC=    "a.htm" NAME="A">
    <FRAME SRC=    "b.htm" NAME="B">
    <FRAME SRC=    "c.htm" NAME="C">
    </FRAMESET>

  3. Salvestage muudatus Notepadis ja värskendage lehitseja kuva.

Selles HTML dokumendis antakse struktuuri kirjeldus, mis koosneb kolmest paanist nimedega "A", "B" ja "C". Paanide nimesid on meil tarvis edaspidi viidete organiseerimiseks paanide vahel.

Ülesanne 4. Loome dokumenti "a.htm" menüü.

  1. Avage või aktiveerige Notepad dokumendiga "a.htm".
  2. Sisestage teeki <TITLE> dokumendi nimeks: "Paani A dokument."
  3. Sisestage dokumendi sisulisse ossa järgmised lingid:

    <A HREF="test.htm" TARGET="B">1. Dokumendi laadimine paani B.</A><P>&nbsp;</P>
    <A HREF=    "test.htm" TARGET="C">2. Dokumendi laadimine paani C.</A><P>&nbsp;</P>
    <A HREF=    "test.htm" TARGET="D">3. Dokumendi laadimine paani D.</A><P>&nbsp;</P>
    <A HREF=    "test.htm" TARGET="_blank">4. Dokumendi laadimine uude aknasse.</A><P>&nbsp;</P>
    <A HREF=    "test.htm" TARGET="_top">5. Dokumendi laadimine täisaknasse.</A><P>&nbsp;</P>
    <A HREF=    "test.htm" TARGET="_self">6. Dokumendi laadimine joksvasse aknasse.</A><P>&nbsp;</P>

  4. Salvestage muudatus Notepadis ja värskendage lehitseja kuva.

See dokument on "täismõõduline" HTML dokument, millel on teegid HEAD ja BODY ning milles on viited failile nimega "test.htm", mis asub failiga "a.htm" samas kataloogis.

Ülesanne 5. Loome ka faili nimega "test.htm".

  1. Avage või aktiveerige Notepad dokumendiga "b.htm".
  2. Salvestage dokument samasse kausta uue nimega "test.htm".
  3. Sisestage dokumendi sisulisse ossa järgmine tekst: Testidokumendi tekst. vormindage see esimese taseme pealkirja teegiga ja joondage lehekülje keskele.
  4. Salvestage muudatus Notepadis ja sulgege dokument "test.htm".

Failis "a.htm", mille sisu laaditi paani "A", on kuus viidet ühele ja samale dokumendile "test.htm" erinevate parameetri <TARGET> väärtustega.

Ülesanne 6. Avame dokumendi "paanid-2.htm".

Vaatleme nüüd reaalselt toimivat navigatsiooni omaloodud näite varal.

  1. Esimene viide parameetri TARGET väärtusega "B", TARGET="B" laadib faili "test.htm" paani nimega "B".

    Märkus: lehitseja Netscape värvib ühe viite kasutamise järel ka kõik teised viited külastatud lingi (VLINK) värvi, kuna kõik kuus linki osutavad ühele ja samale failile. Internet Explorer seevastu aga värvib külastatud viite värviga ainult reaalselt külastatud viite.

  2. Teine viide teostab sama operatsiooni paani "C" jaoks.

    Algselt ei olnud paanides "C" ja "B" midagi (st oli laaditud tühjad dokumendid "b.htm" ja "c.htm"). esimese ja teise viite realisatsiooni tulemusel on need mõlemad paanid täidetud.

  3. Kolmas viide väärtusega TARGET="D" kutsub esile uue akna nimega "D" moodustamise ja temasse dokumendi "test.htm" laadimise. Selle viite kirjapilt ei erine suurt eelmise kahe viite kirjapildist. Erinevus seisneb selles, et esimesel kahel korral anti viited olemasolevatesse paanidesse, millede nimed olid määratletud eelnevalt paanide kirjeldamisel, aga viimasel juhul on tegemist viitega reaalselt mitteeksisteerivale objektile. Kui kasutada kolmandat viidet korduvalt, siis laaditakse dokument "test.htm" aknasse "D" ka korduvalt.

  4. Neljas viide väärtusega TARGET="_blank" loob uue nimeta akna ja laadib sellesse vajaliku dokumendi ("test.htm"). selle viite korduval kasutamisel avatakse igakord uus aken.

  5. Viies viide väärtusega TARGET="_top" laadib dokumendi täisaknasse olemasoleva dokumendi "peale". Selle parameetri TARGET väärtuse korral ei moodustata uut akent. Tagasi paanidega aknasse saab nüüd vaid lehitseja tööriistariba nupu BACK abil.

  6. Kuues viide (viimane) laadib dokumendi "test.htm" paani "A" menüü viidete asemele. Antud juhul on viite toime tulemus samaväärne sellega kui me polekski kasutanud viites parameetrit TARGET.

Sulgege kõik lehitseja aknad ja Notepad dokumendid!

Vaatleme veel ühte huvitavat näidet paanide omavahelise navigatsiooni kohta. Olgu meil olemas põhidokument järgmise HTML koodiga:

Ülesanne 7. Loome uue viidetega põhidokumendi.

  1. Avage oma töölaual olev kaust "HTML40"
  2. Käivitage Notepad (Start-Programs-Accessories-Notepad) või intelligentsem tee Notepad käivitamiseks (Start - Run…; kirjutame lahtrisse notepad ja klõpsame korraldusnupul OK).
  3. Avage Notepad abiga kaustast "HTML40" dokument "uus.htm".
  4. Salvestage dokument samasse kausta uue nimega "paanid-3.htm".
  5. Avage uus dokument "paanid-3.htm" ka lehitseja abil.

Ülesanne 8. Sisestame viited dokumenti "paanid-3.htm".

  1. Avage või aktiveerige Notepad dokumendiga "paanid-3.htm".
  2. Sisestage teeki konteinerisse <TITLE> dokumendi pealkirjaks: Akende nimede kasutamine.
  3. Sisestage dokumendi sisulisse ossa teekide <BODY> ja </BODY> vahele järgmised kaks viidet:

    <A HREF="test.htm" TARGET="D">Dokumendi laadimine aknasse nimega D.</A><P>&nbsp;</P>
    <A HREF=    "paanid.htm" TARGET="_blank">Paani struktuuri omava akna laadimine uude aknasse.</A>

  4. Salvestage muudatus Notepadis ja värskendage lehitseja kuva.

Ülesanne 9. Loome paanidega dokumendi "paanid.htm".

  1. Avage või aktiveerige Notepad dokumendiga "uus.htm".

  2. Salvestage dokument samasse kausta uue nimega "paanid.htm".

  3. Kustutage HTML koodist teek konteiner <BODY></BODY> ja asendage see teek konteineriga < FRAMESET ></FRAMESET>.

  4. Sisestage HTML koodi järgmine koodifragment:

    <FRAMESET COLS="*,*">
    <FRAME SRC=    "uus.htm" NAME="C">
    <FRAME SRC=    "uus.htm" NAME="D">
    </FRAMESET>

  5. Salvestage muudatus Notepadis ja värskendage lehitseja kuva.

Pöörake tähelepanu sellele, et kui põhidokument on standardne HTML dokument, siis viitega laaditav dokument omab paanidega struktuuri ja omakorda viitab dokumendile "uus.htm".

Ülesanne 10.

  1. Avage või aktiveerige lehitsejas dokument "paanid-3.htm".
  2. Sulgege kõik mittevajalikud Notepad ja lehitsejate aknad: avatuks peavad jääma: antud lehitseja juhendiga ja "paanid-3.htm".
  3. Klõpsame dokumendi "paanid-3.htm" aknal (ikoonil) selle aktiveerimiseks.

    Kogu dokument koosneb kases viitest.

  4. Realiseerige esimene viide teostades sellel klõpsu.

    Luuakse uus akne nimega "D", millesse ilmub faili "test.htm" tekst. Selle viite korduv realiseerimine laadib aknasse "D" korduvalt faili "test.htm".

  5. Realiseerige teine viide teostades sellel klõpsu.

    Luuakse uus ilma nimeta aken. Uude aknasse laaditakse paanidega struktuuri omav dokument "paanid.htm", milles on kaks paani nimedega "D" ja "C". Mõlemas paanis ei ole midagi (st et sinna on laaditud tühi dokument "uus.htm").

    Pöörake tähelepanu sellele, et nüüd peab teil olema avatud neli akent: antud lehitseja juhendiga, "paanid-3.htm", "D" ja "paanid.htm", kusjuures on leheküljel "paanid.htm" paanid nimedega "D" ja "C" ja samas on olemas aken nimega "D".

  6. Realiseerige uuesti esimene viide teostades sellel klõpsu.

    Erinevalt esmakordsest esimese viite realiseerimisest toimub selle viite realiseerimisel nüüd järgmine: dokument "test.htm" avatakse mitte aknas nimega "D" vaid lehekülje "paanid.htm" paanis nimega "D".

Märkus: avanevate akende ilmumine ja nende sisu võib mõnikord sõltuda isegi kasutaja tegevuse järjekorrast. Töö dokumentidega mille käitumist on raske ette arvata kutsub reeglina esile kasutaja õigustatud ärrituse ja näitab samas mittepiisavat andmete struktuuri läbimõtlemist lehekülje loojate poolt.

Kui aga muuta tegevuste järjekorda, st algselt realiseerida teine viide ja seejärel esimene, siis aken "D" ei avane üldse! See juhtub sellepärast, et peale teise viite realiseerimist moodustub paan nimega "D" ja esimese viite jaoks ei ole tarvis avada akent nimega "D".

See viimane näide ei ole siiski eeskujuks mõeldud näidis. Ta vaid näitab navigatsiooni võimalikku organiseerimise keerukust. Vastupidi, ilma erilise vajaduseta tuleb vältida andmete organiseerimisel keerukuse astme tõstmist. Ja seda enam ei tohiks luua olukordi lehitseja aknas toimuv kus sõltub kasutaja sammude järjekorrast.

Märkus: Vältige paanide nimede kokkulangemist. Paanide ja akende nimesid võrreldakse arvestades registrit (nad on nn tõusutundlikud): paanid nimedega "Paan-1" ja "paan-1" on erinevad.

Erinevus paanide ja lehitseja akende vahel.

Töös paanidega tekib küsimus põhimõttelise erinevuse kohta lehitseja akna paanidega struktuuri loomise ja mitme akna loomise vahel. Esmapilgul näib, et mitme akna loomisega võiks hakkama saada kuna töö akendega ja paanidega on väga sarnane. Iga paan nõuab eraldi dokumendi laadimist, omab sisu sõltumatu kerimise võimalust võib muutuda korralduste alusel teistest paanidest. Need paanide omadused on analoogsed akende samadele omadustele. Andmete organiseerimisel tabelina ei ole selline "vabadus" võimalik.

Ent ometi on paanide ja akende vahel oluline erinevus.

Paanidega struktuuri korral jaotab nähtava lehitseja kuva paanideks HTML dokument ise, andes ette paanide mõõtmed ja asukoha. Kasutaja võib lehitsedes muuta paanide mõõtmeid juhul kui lehekülje looja pole seda võimalust ära keelanud.

Akende asukoht on paika pandud Windows süsteemi üldiste reeglitega - kasutaja võib suvalise akna avada täisekraanil, kerida see kokku ikooniks tegumisribale või siis vabalt valida akna suuruse ja asukoha töölaual. Aknad erinevalt paanidest võivad asuda üksteise peal.

Sellisel valikuvabadusel on oma "pahupool" - vajadus igakord käsitsi sobitada aknaid kuval ja nende mõõtmete muutmine nende optimaalsemaks kuvamiseks. Paanide puhul antakse kuvamise optimaalne variant juba lehekülje looja poolt ette ja ei vajagi sageli mingeid muudatusi.

Tööl akendega on omased ka teised puudused. Iga akna loomiseks on vaja arvuti muutmälu osa hõivamist. Sisuliselt on Netscape lehitsejas iga aken varustatud oma menüüribaga ja tööriistaribaga. Sama olukord on ka lehitseja Internet Explorer puhul.

Tuleb märkida, et eri akende organiseerimine on lehitsejates realiseeritus erinevalt. Uue akna loomine dokumendiga kutsub esile eraldi ülesande loomise Windowsi süsteemis, milles võib vabalt veenduda kui avada Windowsi käivitunud ülesannete loend. Sõrmisekombinatsioon Ctrl+Alt+Del avab reeglina dialoogiakna kõikide käigusolevate Windowsi ülesannetega.

Paljudes populaarsetes Windowsi rakendites on kasutusel selline mõiste nagu dokumendi aken. Näitena võib tuua programmi Microsoft Word. Igas sellises rakendis on lubatud samaaegne töö mitme dokumendiga ja reeglina on peamenüül olemas ka punkt Window tööks mitme dokumendiaknaga, milles asub avatud akende loend ja on antud võimalus liikumiseks nende vahel. Uue akna loomine sellises rakendis ei kutsu esile Windowsis uue ülesande tekkimist. Lehitsejal Netscape on samuti olemas menüüpunkt Window, milles on olemasolevate akende loend. Lehitsejal Internet Explorer selline võimalus puudub.