Za nama je jos jedan dosadan ljetni tjedan, koji je ovoga puta imao i jednu zanimljivost. Casopis Vidi je odrzao svoju Top web 100 manifestaciju i nagradio 100 najboljih hrvatskih siteova po svojem izboru. Naravno, jedan takav izbor ne bi bio pravi izbor da se nakon njega nije podigla prasina, ovoga puta se osim standardnih prica o izabranim i ne-izabranim webovima, najvise govori o glavnoj nagradi koju je Vidi dodijelio HThinetu, glavnom sponzoru vlastitog natjecaja. Vise o svemu se mozete informirati na hr.comp.www ili kod nas na forumu, thread VIDI web top 100.

Uvod u XML
Napisao: Nikola Plejic a.k.a zweistein © 2001 - 2002

Svjedoci smo sve brzeg razvoja web standarda. Zajedno s njima dosao je i novi nacin izrade web stranica koji nije ni baza podataka ni pravi site - XML (eXtensible Markup Language).

Sto je to XML?

Vjerovatno ste culi da se na webu spominje XML. XML je kratica od eXtensible Markup Language i slican je HTML-u. Prednosti XML-a pred HTML-om su mnoge, ali se XML i HTML ne usporedjuju, prvenstveno zato jer je XML napravljen iskljucivo za cuvanje podataka, a HTML za njihovo prikazivanje i oblikovanje.

XML potpuno odvaja sadrzaj od dizajna. To olaksava posao dizajnerima koji se ne moraju brinuti oko sadrzaja i piscima tekstova koji se ne moraju brinuti da ce na neki nacin zeznuti dizajn stranice.

Kako to "radi"?

XML radi, kao i HTML, na principu tagova. U XML-u medjutim mozete imati tagove kakve zelite - tako tagovi poput <tekst> i <slika> postaju moguci. Buduci da XML samo cuva podatke (on ih ne prikazuje), nije ga briga sto ste vi htjeli s tim tagom napraviti.
Tako se umjesto dosadasnjeg <img> taga moze koristiti tag <slika> koji se dalje moze pojednostaviti:

<slika>
<ime>index.gif</ime>
<sirina>88</sirina>
<visina>31</visina>
<alt_tekst>nas banner</alt_tekst>
</slika>

Sada svatko moze dodavati slike (i bilo sto drugo) na site bez ucenja HTML-a!

Kako izgleda XML dokument?

Jednostavan XML dokument izgleda ovako:

<?xml version="1.0"?>
<clanak>
<datum>24.6.2002.</datum>
<autor>Nikola</autor>
<naslov>Kako izgleda XML dokument?</naslov>
<opis>Kako izgleda standardni XML dokument</opis>
<sadrzaj>Izgled XML dokumenta:</sadrzaj>
</clanak>

Svaki XML dokument zavrsava nastavkom .xml.
U prvoj liniji kôda govorimo browseru da je ovaj dokument XML dokument i u kojoj verziji XML-a je pisan. Ovaj tag je obavezan u svakom XML dokumentu i bez njega se dogadjaju greske prilikom prikaza.

U ovom primjeru sam napravio jednostavan predlozak za clanak. Buduci da mozemo koristiti svoje tagove, mozemo napraviti cijeli predlozak na hrvatskom, sto ce kasnije olaksati dodavanje sadrzaja. Upotrebom tehnologija koje se nadovezuju na XML (XPath, XSL, CSS...) takodjer mozemo preoblikovati ovaj predlozak u (X)HTML dokument, gdje bismo sve to i prikazali u skladu sa dizajnom nase stranice.

Neka osnovna pravila pisanja XML-a

Ako ste upoznati sa XHTML-om, novim standardom za kodiranje web stranica koji zamjenjuje HTML, onda necete imati problema ni s XML-om jer se ista pravila primjenjuju i na XML. Zapravo, XHTML je nastao na pravilima XML-a.

Svaki tag mora biti zatvoren, a tagovi se moraju zatvarati po redoslijedu. Ovo nije pravilan XML:

<slika><ime>index.gif</slika></ime>

zbog krivog redoslijeda zatvaranja. Ukoliko otvorite ovakav kôd u Internet Exploreru, on se cak nece niti prikazati, vec cete dobiti poruku o gresci.

Gornji kod se treba pisati ovako:

<slika><ime>index.gif</ime></slika>

Iako se tagovi mogu pisati i velikim i malim tiskanim slovima, XML pravi razliku izmedju njih, tako da tag <Tekst> i <tekst> nije jedna te ista stvar.

Upotreba XML-a

Kao sto smo vec rekli, XML se moze upotrijebiti za izradu vlastitog sistema za odrzavanje web stranice. Sa DTD-om (Document Type Definition) mozemo tocno odrediti koji se tagovi i atributi mogu, a koji se ne mogu koristiti.

XML se moze oblikovati kako zelimo, a sa XPathom mozemo izdvajati dijelove XML dokumenta, sto npr. omogucuje prikaz 10 najnovijih naslova clanaka na prvoj stranici (zajedno s linkom na puni clanak).

Pogledajmo primjer pod naslovom "Kako izgleda XML dokument?". Taj XML kôd mogli smo pretvoriti u ovo:

10 zadnjih clanaka na mojastranica.com:

Kako izgleda XML dokument?
Autor: Nikola
Datum: 24.6.2002.

Sto dalje? - XML u buducnosti

XML ce zasigurno promijeniti nacin kako radi web. Nece zamijeniti HTML, kao sto neki govore, ali ce omoguciti nesto sto do sada nije bilo moguce - odvajanje sadrzaja od prikaza istog. Tako ce sada dizajneri imati vecu slobodu, a pisci sadrzaja ce moci samostalno dodavati sadrzaj na site, sto ce olaksati komunikaciju izmedju dizajnera i klijenata/pisaca sadrzaja.

Programeri se nece morati muciti s pisanjem tisuca redaka kôda da bi omogucili klijentu lagan pristup izmjeni i dodavanju sadrzaja.

XML je izvrsna nova tehnologija koja ce promijeniti svijet izrade web stranica. Budite spremni na to.

Korisni linkovi

w3schools.com - site koji sadrzi mnogo tutoriala, medju kojima i jedan o XML-u koji svakako vrijedi procitati

Webmaster Base - izvrstan site za webmastere, ima par korisnih clanaka o XML-u

A List Apart - odlican site sa mnogo tekstova

O autoru:

Nikola Plejic a.k.a zweistein (zweistein@net.hr) - posjeduje vlastitu web stranicu na adresi http://zweistein.averi.hr/ vec dvije godine i na njoj daje savjete o izradi web stranica, glazbi, znanosti... Obozava Photoshop s kojim, u kombinaciji s Dreamweaverom, radi svoje siteove uz 1,2GB MP3-a koje ima na svom racunalu.