Kliknite tukaj, da si ogledate profil, kot ga vidijo drugi

Vključitev slike kot HTML pasice
Avtor: tdrumlic | Objavljeno: dne 15. april 2011, 12:04
  V HTML kodo bomo vključili sliko, katero lahko vključite kot pasico na svoji ali kakšni drugi spletni strani.
 
 
1
  
 
Za vključitev pasice na spletno stran bomo potrebovali Beležnico (ang. Notepad), ki je že prednameščena na okolju Windows.

Lahko pa uporabite tudi kakšen drug urejevalnik teksta. Sam bom bom v tej lekciji uporabljal Notepad++, ki je na voljo v slovenščini in ga lahko brezplačno prenesete tukaj.

Odprimo Beležnico ali Notepad++.
 
 
2
  
 
Vpišite naslednjo kodo:

<a href="" title=""><img title="" src="" alt=""/></a>
 
 
3
  
 
Med href=" in " vpišemo naslov strani, na katero boste preusmerjeni, ko boste kliknili na pasico.
 
 
4
  
 
V obeh poljih title="" ter v alt="" med narekovaji vpišite naslov vaše pasice.
 
 
 
 
 
5
  
 
Ker želimo, da bo naša pasica imela sliko, na katero bomo kliknili in nas bo preusmeril na želeno stran, moramo sliko shraniti na internet.

Sliko lahko pripnete zraven vaše datoteke in jo naložite na vaš strežnik, lahko pa kar uporabite spletni servis za nalaganje slik Shrani.si.

Odpremo spletno stran Shrani.si
 
 
6
  
 
Kliknemo na gumb Izberi datoteko.
 
 
7
  
 
Poiščemo poljubno sliko, ki jo želimo uporabiti kot pasico, jo izberemo in kliknemo na gumb Odpri.

Sliko lahko naredite sami ali pa izberete sliko iz interneta. Jaz sem za to lekcijo uporabil sliko od cveta češnje, ki cveti v tem pomladnem času, vi pa lahko naredite tudi kakšno bolj profesionalno sliko.
 
 
8
  
 
Kliknemo na gumb Shrani.
 
 
9
  
 
Počakamo nekaj trenutkov, da se slika naloži na spletni strežnik.
 
 
10
  
 
Ko je slika naložena, kopiramo URL naše novo naložene slike.
 
 
11
  
 
...in ga prilepimo v src="" med narekovaje.
 
 
12
  
 
Sedaj celotno kodo shranimo, in jo kopiramo na želeno mesto na vaši spletni strani.
Na sliki pa vidite, kako zgleda moja pasica na Wordpress platformi na moji spletni strani.

Vidite, da narediti pasico ni tako težko, lahko pa tudi uporabite spletno orodje kot je MyBannerMaker.com, ki je zelo enostaven in pregleden za uporabo.

Ne bojte preizkušati več stvari, kot sem jih jaz.
 
 
Komentiraj
  
 
Prijava in registracija
 
 
 
Zmaga.com ponuja brezplačno in razumljivo učenje računalniških programov, vas na enkraten način spozna z različnimi svetovnimi jeziki, s podrobno obrazloženimi recepti prikaže čare kulinarike in vam prežene strahove pred domačimi opravili.
 
 
Poleg tega lahko prebirate poučne članke, ki so namenjene širjenju naše splošne razgledanosti ter preverite svoje znanje z priljubljenim in enostavnim sistemom za preverjanje znanja. Če med vsebinami, ki se dodajajo vsak dan, ne najdete želenega znanja, je za vaša vprašanja na voljo dobro obiskan forum, kjer lahko tudi aktivno sodelujete. V primeru, da bi radi svoje praktično znanje delili z ostalimi, pa to lahko storite preko preprostega vmesnika za dodajanje vsebin. Zmagajte z znanjem z Zmaga.com!
  
Zmaga.com na Facebooku | Pošljite nam e-pošto | Informacije o Zmaga.com