Postoji mnogo razloga zašto biste mogli dodati .gif sliku na svoju web stranicu.
Dodavanje slike vašoj web stranici može uvelike poboljšati njezinu atraktivnost za posjetitelje. Najčešće korišteni formati datoteka za slike na webu su .jpg i .gif. Sveučilište Indiana kaže da su .gif datoteke najprikladnije za slike oštrih rubova sa smanjenim gradacijama boja. To mogu uključivati crtiće, tekst i crte. Ostale prednosti .gif datoteka su mogućnost postavljanja pozadine na transparentnost i dodavanja animacije. Dodavanje .gif datoteke na web stranicu jednostavno je kao učitavanje datoteke i pisanje rečenice.
Korak 1
Otvorite administrativnu ploču svoje web stranice. To će biti drugačije za svakog pojedinca jer ovisi o host poslužitelju koji koristite ili o tome koristite li programe kao što je Dreamweaver za upravljanje svojom web lokacijom. U osnovi, postoje dvije glavne vrste softvera za uređivanje — html editor ili WYSIWYG. Smashing Magazine objašnjava da je WYSIWYG skraćenica za "Ono što vidiš, to i dobiješ". Ovi su programi osmišljeni kako bi izradu stranica učinili intuitivnijom. HTML uređivači zahtijevaju od vas da razumijete osnove HTML jezika.
Video dana
Korak 2
Spremite svoju .gif slikovnu datoteku u "slike" ili odgovarajuću mapu svoje web stranice. Ako koristite program na računalu, samo ćete morati pronaći pravu mapu na tvrdom disku. Ako koristite mrežno administrativno sučelje, morat ćete prenijeti sliku. Idite na ispravnu mapu na administrativnoj ploči i slijedite upute za prijenos datoteke. U većini slučajeva upotrijebit ćete gumb za pregledavanje da biste pronašli .gif datoteku na računalu, a zatim kliknite "Prenesi".
Korak 3
Dodajte .gif na web stranicu. Na WYSIWYG uređivaču, sve što trebate učiniti je povući i ispustiti sliku gdje je želite. Pregledajte web stranicu kako biste bili sigurni da se stranica prikazuje kako ste očekivali i prilagodite po potrebi.
Ako koristite HTML uređivač teksta, otvorite HTML stranicu na kojoj će biti postavljen .gif. Pomaknite se do točke u HTML tekstu na kojoj želite da se pojavi .gif. Dodajte sljedeći redak, zamjenjujući informacije nakon znakova "=" informacijama o .gifu i ostavljajući navodnike na mjestu:
Cross Culture objašnjava da "img src" znači "izvor slike". Informacije između navodnika trebaju navesti naziv mape u kojoj se nalazi .gif, a zatim naziv .gifa. Oznaka "alt" odnosi se na tekst koji će se pojaviti ako je veza slike prekinuta, ako posjetitelj ima onemogućene slike ili za dekodiranje čitača teksta. "Širina" i "visina" određuju prikazanu veličinu slike u pikselima. Oznake prostora određuju koliko je okomitog ili vodoravnog prostora dano oko slike u odnosu na okolni sadržaj. Oznaka obruba će dodati liniju oko slike, a broj unutar navodnika određuje njezinu širinu.
Stvari koje će vam trebati
Računalo s internetskom vezom
Administrativni pristup web stranici
Spremljena .gif slika za umetanje
Savjet
Jedna uobičajena upotreba .gif datoteke naziva se spacer.gif. Ova slika je prozirni kvadrat dimenzija 1 piksel sa 1 piksel. Ova .gif datoteka daje dizajnerima stranica mogućnost učinkovitog dodavanja predvidljivog prostora na različitim mjestima u izgledu. Da biste, na primjer, dodali prostor ispod bloka teksta, možete postaviti spacer.gif u vlastiti odlomak i prilagoditi visinu i širinu svojim željama.
Upozorenje
Spremite kopiju web stranice koju mijenjate prije nego što pokušate dodati novi .gif i pokušajte raditi izvan mreže ako je moguće dok ne budete zadovoljni svojim rezultatima. To sprječava da bilo koje stranice za vježbanje postanu javne i štiti vašu sposobnost da počnete ispočetka ako imate poteškoća.
