Microsoft Office FrontPage
uređuje Dragan Grbić

Igre sa tagovima slika

Nivo:
NIVO 2 - Među ovim prilozima se nalaze preporuke koje se uglavnom odnose na bolje snalaženje i efikasniji rad: dodatni trikovi koji će biti svakom od pomoći i koji upućuju na prag napredne upotrebe programa.

Jednostavan trik za svakog webmastera: kako naterati da se tooltip u ALT tagu slike na stranici ispiše u više redova.

Tagovi ili oznake u HTML stranici su namenski sadržaji koji definišu izgled i ponašanje teksta, slika, tabela i drugih elemenata stranice. U vreme vizuelnih editora (WYSIWYG), kakav je FrontPage, čest je slučaj da manje iskusni autor sajta doslovno nikada ni ne zaviri u izvorni HTML kod, pošto su kontrole u novijim verzijama program došle do toga da obezbeđuju skoro svaki detalj. Ali, svaki iskusan webmaster zna da postoje "sitnice koje život znače" koje se mogu izvesti samo intervencijom unutar izvornog koda. Evo jednog takvog primera.

Kada ubacite neku sliku u HTML stranicu, možete dodati alternativni tekst (u žargonu: "ALT tag"). Kako to radi, videli ste mnogo puta: kada prinesete kursor miša slici, pojaviće se tooltip "ceduljica" sa tekstom; ako je reč o većoj slici koja se duže skida u toku veze, naznačeni tekst će se videti u polju u koje će slika biti učitana. U vizuelnom editoru, ovaj tekst se definiše u dijalogu Picture Properties (otvorite ga desnim klikom na sliku), gde ćete na listu General uneti sadržaj u polje Text. Ponekad taj tekst može biti duži, pa će se prelomiti u drugi red na neočekivanom mestu ili će, prosto, napraviti lošiji utisak od očekivanog. Na prvi pogled, to se ne može kontrolisati. Međutim, nije tako: ovo je detalj koji se može ispraviti u izvornom HTML kodu.

Ako je vaša stanica malo duža, najpre označite sliku, pa pređite na stranicu izvornog HTML koda: tako ćete najbrže doći tačno na mesto zapisa slike, koje će biti označeno. Zamislite da je sledeći HTML kod ispisan u samo jednom redu izvornog koda stranice:

<img src="slika.gif" alt="Ovo je primer dugog teksta koji će se pojaviti kao predugi ALT tag.">

Pogledajte primer na slici:

Da biste "izlomili" ovaj dugi alt tag u više redova, prosto pritisnite ENTER između reči na željenom mestu. Novi tag bi mogao da izgleda ovako:

<img src="slika.gif"
alt="Ovo je primer
dugog ALT teksta
podeljenog
u više redova.">

Nakon ovakvog ispisa, ALT teksta u Microsoft Internet Exploreru će biti ispisan u tačno tako kako ste ga podelili u izvornom kodu (nažalost, Netscape Navigator ne reaguje na ovu pojedinost).

Pogledajte primer na slici:

A kad već pominjemo HTML tagove: da li ste ikad koristili opciju Reveal Tags u FrontPageu? Pozovite je istoimenom komandom u meniju View ili prečicom CTRL+MINUS (minus na alfanumeričkom delu tastature) i u vizuelnom editoru će se pojaviti šestougaona polja u kojima će se videti okvirne oznake oko nekog teksta ili drugog elementa. Kada prinesete pointer miša levoj strani para tagova (npr. a href=...>...</a), tooltip će prikazati kompletan sadržaj unutrašnjih tagova. Ukoliko niste skloni radu u izvornom HTML kodu, opcija Reveal Tags bi mogla da bude ulaznica u svet ovog jednostavnog jezika za opis stranice.