Kategorija: HTML

Kako dodeliti svoji spletni strani ikono – Favicon.ico

Kako naredimo “Favicon.ico” datoteko:

  1. Najprej naredimo ikono veliko 16×16 pikslov.  Najbolje se je omejiti na 16 barv, ponavadi delujejo tudi na 256 barvni paleti.Lahko naredite tudi ikono 32×32 pikslov, slednja bo pomanjšana na velikost, ki ustreza velikosti ikon v mapi “Priljubljene” oziroma “Favorites” in v prostoru, kjer je URL naslov. Ikoni ponavadi združimo v eno samo datoteko, sistem pa nato sam izbere ustrezno ikono.
  2. Ikono shranimo v ICO format in seveda ima ime “favicon.ico”.
  3. Ikono nato naložimo na naš strežnik

Beri naprej Kako dodeliti svoji spletni strani ikono – Favicon.ico

Razrez spletne strani s pomočjo polj – DIV

  • 30.12.2008
  • HTML
  • Čas branja: 2:21 min

Spletno stran lahko zgradimo tudi s pomočjo tako imenovanih DIV polj.  Osnutek spletne strani razdelimo na posamezna polja, ta polja so ponavadi glava, navigacija, vsebiski del in noga. Dodamo lahko tudi druga poljubna polja. Atribute teh polj ponavadi urejamo s pomočjo CSSja oziroma s pomočjo stilov, ki so lahko tudi znotraj HTML datoteke ali samega DIV polja. Kateri tip uporabimo je odvisno od števila strani in načina programiranja. V našem primeru bomo uporabili tip, kjer se stili določajo znotraj DIV polja. DIV polju lahko določamo širino, višino, barvo, pozicijo,… če pa želimo imeti dva polja v isti višini, se pravi enega levo enega desno pa moramo najprej uporabiti polje – DIV za okvir, kjer določimo širino, nato pa dva dodatna polja enega za levo stran enega za desno. Potrebno je še uporabiti parameter “FLOAT” – float:left, tako se polji postavita vsporedno.  Za centriranje celotne spletne strani na sredino moramo dodati stil na sam “body” – <body style=”text-align:center;”>.

Beri naprej Razrez spletne strani s pomočjo polj – DIV

Razrez spletne strani s pomočjo tabel

  • 30.12.2008
  • HTML
  • Čas branja: 1:59 min

Izgradnjo spletne strani se lahko lotimo na več načinov. Eden izmed načinov je s pomočjo tabel. Osnutek spletne strani, ki je ponavadi v sliki razdelimo na posamezna polja s pomočjo tabel. Najprej postavimo ogrodje, to je ponavadi tabela, ki določa meje same spletne strani in polja za glavo, navigacijo, vsebinski del in nogo. Kasneje dodajamo znotraj teh polj dodatne tabele s katerimi urejamo “fine” nastavitve. Vse tabele morajo imeti atribut border nič, saj tako skrijemo meje tabele. Ponavadi uporabljamo atribute širina, dolžina, cellspacing, cellpadding in poravnave, po želji pa lahko tudi kakšne druge.

Beri naprej Razrez spletne strani s pomočjo tabel

Uporaba “onmouseover” efekta

Veliko spletnih strani uporablja onmouseover efekt. Uporaba slednjega omogoča ob prehodu z miškinem kazalcem zamenjavo slike z drugo sliko. Ob premiku kazalca iz slike se slika zamenja nazaj v prvotno.

KODA:
<img src="slika_1.jpg" onmouseover="javascript:this.src='slika_2.jpg';" onmouseout="javascript:this.src='slika_1.jpg';" alt="" border="0" />

Uporaba “onblur” in “onfocus” efekta v formi

Efekta “onblur” in “onfocus” nam omogočata izbris vsebine iz vnosnega polja in ponovno pojavitev ob kliku izven. Primer uporabe je isklanik na pomagalniku.

KODA:

<input type="text" value="Išči" onblur="if(this.value=='') this.value='Išči';" onfocus="if(this.value=='Išči') this.value=' ';" />