Lekcija 4

Lekcija 4
Dizajniranje linkova.
To je veoma jednostavno. Napravimo link na Google.
Počnimo ovako...
<BODY BGCOLOR="#FFFFFF">
Posjetite Google!
</BODY>
Onda ćemo dodati par ANCHOR tagova (tzv. sidra).

Posjetite <A>Google</A>
</BODY>
Dodajte URL i gotovo! URL je skraćenica od Universal Resource Locator (to znači
univerzalni lokator), što zapravo znači web adresa.
Posetite <A HREF="http://www.google.com/">Google</A>
</BODY>
Napravimo još jedan.
Posjetite Yahoo!
</BODY>
Posjetite <A HREF="http://home.yahoo.com/">Yahoo!</A>
</BODY>
Link za e-mail radi vrlo slično. Jedina razlika je to što se umjesto web adrese koristi
e-mail adresa.
Pošalji mi <A HREF="mailto:edin.osmanbegovic@untz.ba">mail!</A>
</BODY>
 PITANJE: Da li se može odrediti Subject u mail linku?
Odgovor: Naravno. Ovako se to radi...

<A HREF="mailto:edin.osmanbegovic@untz.ba?subject=Zdravo,
prijatelju!">
... ali neki e-mail klijenti ne podržavaju ovu funkciju.
* PITANJE: Šta treba da uradti, pa da linkovi ne budu

podvučeni?
ODGOVOR: Tehnički, ovo nije moguće izvesti uz pomoć

HTML-a. Međutim, tu mogu da pomognu stilovi
(StyleSheets), ali samo kod onih browsera koji ih
podržavaju! Staviti ovo u HEAD dio HTML fajla, i oni
browseri koji podržavaju StyleSheets, linkove će pisati
nepodvučene...
<style type="text/css">

</style>
Moguće je koristiti i slike kao linkove. Kako? Vrlo lako: potrebno je staviti <IMG>
tag umesto odgovarajuće riječi.
Posjetite <A HREF="http://www.tuzla.ba"><IMG SRC="grb_tuzla.jpg" WIDTH=120
HEIGHT=175></A>
</BODY>

 PITANJE: Kako se može ukloniti ona plava

linija oko slike-linka?
ODGOVOR: Jednostavno... samo dodaj BORDER=0

u IMG tag. (Vidi dole!)
Posjetite <A HREF="http://www.tuzla.ba"><IMG SRC="grb_tuzla.jpg" WIDTH=80
HEIGHT=175 BORDER=0></A>
</BODY>
Još jedna stvar u vezi sa linkovima... Sasvim je prihvatljivo napraviti link na nečiju
web stranu bez pitanja. Linkovi su ono što Mrežu čini Mrežom!
Kada stavljate slike na Vašu stranicu, ne zaboravite da one sadrže mnogo podataka,
pa se sporo učitavaju. Rješenje za smanjenje veličine (mislim na veličinu u bajtima!)
je smanjenje dimenzija. Međutim, smanjenje dužine i širine za po pola smanjuje
veličinu u kB za samo 1/4. Takođe, može se smanjiti i broj boja. Na primjer:
• Dimenzije 310 x 304

• Broj boja - 238
• Veličina - 69 Kb
• Dimenzije 207 x 203 • Dimenzije 207 x 203
• Broj boja - 238 • Broj boja - 48
• Veličina - 34 Kb • Veličina - 19 Kb
Za obradu slika korišćen je Photoshop.
Razmislimo malo: prva slika je veća, ljepša i boljeg kvaliteta, ali s druge strane...
ako Vašoj strani treba čitava vječnost da se učita, posjetioci će je vjerovatno
napustiti, ne videvši ništa!
Da bi ste vidjeli koliko se slika može umanjiti, probajte GIF Works. GIF Works
predstavlja besplatni on-line alat za obradu i manipulaciju GIF slikama (nešto kao
znatno oslabljeni, ali ipak funkcionalan Photoshop).
Još jedna mogućnost je postavljanje umanjenih sličica (thumbnails), koje će biti

linkovi do velikih slika. Kao primjer neka posluži ova sličica automobila.
Posjetite <A><IMG SRC="ferrari_tn.jpg" WIDTH=120 HEIGHT=80
BORDER=0></A>
</BODY>
Kliknite na sličicu da bi ste je vidjeli u punoj veličini

Lekcija 4

Uploaded by

Document Information

Original Title

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

Lekcija 4

Uploaded by

Copyright:

Available Formats

Lekcija 4

Onda ćemo dodati par ANCHOR tagova (tzv. sidra).

 PITANJE: Da li se može odrediti Subject u mail linku?

Odgovor: Naravno. Ovako se to radi...

* PITANJE: Šta treba da uradti, pa da linkovi ne budu

ODGOVOR: Tehnički, ovo nije moguće izvesti uz pomoć

 PITANJE: Kako se može ukloniti ona plava

ODGOVOR: Jednostavno... samo dodaj BORDER=0

• Dimenzije 310 x 304

Za obradu slika korišćen je Photoshop.

Još jedna mogućnost je postavljanje umanjenih sličica (thumbnails), koje će biti

You might also like