Kako umetnuti .GIF datoteke na moju web stranicu
Dodavanje slike na vaše web mjesto može uvelike poboljšati njegovu privlačnost za posjetitelje. Najčešće korišteni format datoteke 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 smanjenom gradacijom boja. To može uključivati crtane filmove, tekst i crteže. Druge prednosti .gif datoteka su mogućnost postavljanja pozadine na prozirnost i dodavanja animacije. Dodavanje .gif datoteke na web mjesto jednako je jednostavno kao učitavanje datoteke i pisanje rečenice.
1. korak
Otvorite administrativnu ploču svoje web stranice. To će biti drugačije za svakog pojedinca jer ovisi o host poslužitelju koji koristite ili koristite li programe kao što je Dreamweaver za upravljanje vašim web mjestom. U suštini, postoje dvije glavne vrste softvera za uređivanje—html editor ili WYSIWYG. Smashing Magazine objašnjava WYSIWYG što znači "Ono što vidite je ono što dobivate". Ovi su programi osmišljeni kako bi izradu stranica učinili intuitivnijom. HTML uređivači zahtijevaju da razumijete osnove HTML jezika.
2. korak
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 učitati sliku. Dođite do ispravne mape u svojoj administracijskoj ploči i slijedite upute za učitavanje datoteke. U većini slučajeva upotrijebit ćete gumb za pregledavanje kako biste pronašli .gif datoteku na svom računalu, a zatim kliknite "Učitaj."
3. korak
Dodajte .gif na web stranicu. U WYSIWYG uređivaču, sve što trebate učiniti je povući i ispustiti sliku gdje želite. Pregledajte web stranicu kako biste bili sigurni da stranica izgleda onako kako ste očekivali i prilagodite je prema potrebi.
Ako koristite uređivač HTML teksta, otvorite HTML stranicu na kojoj će biti postavljen .gif. Pomaknite se do mjesta u HTML tekstu gdje želite da se pojavi .gif. Dodajte sljedeći redak, zamjenjujući podatke nakon znakova "=" informacijama o .gif 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 .gif. Oznaka "alt" odnosi se na tekst koji će se pojaviti ako je poveznica na sliku prekinuta, ako su posjetitelju onemogućene slike ili čitači teksta za dekodiranje. "Širina" i "visina" određuju prikazanu veličinu slike u pikselima. Oznake razmaka definiraju koliko okomitog ili vodoravnog prostora ima oko slike u odnosu na okolni sadržaj. Rubna oznaka će dodati liniju oko slike, a broj unutar navodnika određuje njezinu širinu.
Savjet
Jedna uobičajena upotreba .gif datoteke naziva se razmaknica.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. Za dodavanje razmaka ispod bloka teksta, na primjer, možete staviti razmaknicu.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 offline ako je moguće dok ne budete zadovoljni svojim rezultatima. To sprječava da stranice za vježbanje postanu javne i štiti vašu mogućnost da počnete ispočetka ako imate poteškoća.