Pravilno kodiranje ili pisanje link-a

Teme vezane za kreiranje osnovnih web stranica baziranih na HTML sintaksi.
1 post • Stranica: 1/1.

Pravilno kodiranje ili pisanje link-a

PostPostao/la Jasko » 29 vel 2012, 15:56

Može se reći da je alfa i omega reklamiranja na netu link odnosno Banerlink. Već stari Rimljani su pravili putokaze ka svojoj prijestolnici, pa nisu džaba svi putevi vodili u Rim, a naši linkovi tu ne predstavljaju ništa drugo. Možda su koji od vas primjetili da većinu web sajtova otvaramo koristeći neki link, i to mnogo češće nego ukucavajući adresu stranice, pa zar nije onda logično da znamo kako pravilno kodirati naš putokaz.

Krenimo jednostavno, ali temeljito. Osnovna sintaksa linka je slijedeća.

Code:
Kod: Označi sve
<a href="URL">Naziv Linka</a>


Za funkciju samog linka netreba ništa više. Dijeluje prilično jednostavno i nema tu ništa komplikovano. Priznajem tako je, ali upravo tu se prave početničke greške. Za potpun link koji nije samo da funktioniše nego i daje informacije o cilju i mnogo toga još potrebno je napucati naš linkovni tag određenim atributima.

Tako npr. treba koristiti atribut title="Naslov linka". Možda se pitate zašto to, kad je link sam naslov. Pa prvo nije link sam po sebi uvijek naslov onoga ka čemu vodi, a drugo jeste li se kada zapitali kako surfaju ljudi koji su oštećenog vida. E za takve osobe postoje razni programi koji pružaju dodatne informacije stranice na kojoj se nalaze, ti programi upravo iz naših dodatnih atributa crpe svoje informacije, a ako ti programi tako rade onda sigurno i razni botovi i drugi programi za koje i neznamo naročito bitno postaje ovaj title-atribut kada koristimo banerlink, tj. kada koristimo sliku kao link.

Code:
Kod: Označi sve
<a href="URL" title="Naslov linka/slike"><img src="IMG_URL"  /><a/>


Pri tome sam atribut može biti napisan u tagu za link, ali i u tagu za sliku, kada se koristi u ovom kontekstu. Ako sliku koristimo za link tj. baner onda još jedan bitan atribut jeste sigurno alt="Alternativni naziv/prikaz". Kao što samo ime atributa nam daje naslutiti radi se o nekoj alternativi, tačnije ovdje možemo napisati alternativno tekst linka ako nam iz bilo kojeg razloga ne dođe do lodiranje slike kao linka.

Code:
Kod: Označi sve
<a href="URL" title="Naslov"><img src="IMG_URL" alt="Alternativni Naslov" /></a>


OK već smo mnogo toga istakli, ali ima još pa idemo dalje. Slijedeći atribut kojim bi trebao biti napucan naš tag jeste taregt="vrijednost"

Tabela vrijednosti:
Vrijednost => Efekt
_blank => Dovodi do otvaranja linka u novom prozoru.
_self => Otvara link u istom prozoru bez Frame-ova.
_top => Otvara u istom prozoru (u istom Frame-u).
_parent => Otvara u roditeljskom Frameset-u.
ime_cilja/frame-a => Otvara u imenovanom Frame-u.

Napomena: Lista nepoznatih pojmova bit će navedena na kraju tutorijala.

Dakle, atribut target korisniku našeg linka nameće odgovarajuću proceduru. Često se vrši razmjena linkova između stranica te zbog toga preporučujem da ako nudite baner ili link za razmjenu drugim webmasterima da koristite vrijednost _blank, čime se ne zatvara prijateljska stranica pri pozivanju vlastite.

Eh za kraj još jedan estetski savjet za banere. Bilo bi lijepo navesti atribut border="0" u tagu za sliku, kako bi se riješili neželjenog ruba koji se obavezno pojavi ako sliku označimo kao link.

Sumiranjem gore naučenog dolazimo do slijedećeg izgleda koda:
Kod: Označi sve
<a href="URL" title="Naslov linka" target="_blank"><img src="IMG_URL" alt="Naziv slike/linka" border="0" /></a>


I sad je zaista dosta od mene, ima sigurno još par atributića koji bi se mogli nabešati, ali nekad je i manje bolje tj. izvukli smo optimum, sada nam preostaje samo još da vam toplo preporučimo jednu top adresu uz baner:

slika

i naravno za sve Webmastere bujrum kod:
Kod: Označi sve
<a href="http://programiranje.org" title="Forum programera - Programiranje.org!" target="_blank"><img src="http://file1.npage.de/001701/62/bilder/programiranje_org.png" alt="Programiranje.org" border="0" /></a>


Lista nepoznatih pojmova:
    Postoji 10 vrsta ljudi na zemlji. Oni koji razumiju binarni sistem i oni koji ga ne razumiju!
    Posjetite moj YouTube kanal za gledanje za programiranje i druge teme oko računara.

    1 post • Stranica: 1/1.

    Na mreži

    Trenutno korisnika/ca: / i 1 gost.