On monia syitä, miksi saatat haluta lisätä .gif-kuvan verkkosivustollesi.
Kuvan lisääminen verkkosivustollesi voi parantaa huomattavasti sen houkuttelevuutta vierailijoille. Kuvien yleisimmin käytetyt tiedostomuodot verkossa ovat .jpg ja .gif. Indiana University sanoo, että .gif-tiedostot sopivat parhaiten teräväreunaisiin kuviin, joissa värisävyt ovat vähäisiä. Näitä voivat olla sarjakuvia, tekstiä ja viivapiirroksia. Muita .gif-tiedostojen etuja ovat kyky asettaa taustan läpinäkyvyys ja lisätä animaatioita. .gif-tiedoston lisääminen verkkosivustoon on yhtä helppoa kuin tiedoston lataaminen ja lauseen kirjoittaminen.
Vaihe 1
Avaa Web-sivustosi hallintapaneeli. Tämä on erilainen jokaiselle henkilölle, koska se riippuu käyttämästäsi isäntäpalvelimesta tai siitä, käytätkö ohjelmia, kuten Dreamweaveria, sivustosi hallintaan. Pohjimmiltaan on olemassa kaksi päätyyppiä muokkausohjelmistoja – html-editori tai WYSIWYG. Smashing Magazine selittää, että WYSIWYG tarkoittaa "What You See Is What You Get". Nämä ohjelmat on suunniteltu tekemään sivun rakentamisesta intuitiivisempaa. HTML-editorit edellyttävät, että ymmärrät HTML-kielen perusteet.
Päivän video
Vaihe 2
Tallenna .gif-kuvatiedosto verkkosivustosi "kuvat" tai sopivaan kansioon. Jos käytät ohjelmaa tietokoneellasi, sinun on vain löydettävä oikea kansio kiintolevyltäsi. Jos käytät online-hallintaliittymää, sinun on ladattava kuva. Siirry hallintapaneelissa oikeaan kansioon ja lataa tiedosto noudattamalla ohjeita. Useimmissa tapauksissa käytät selauspainiketta löytääksesi .gif-tiedoston tietokoneeltasi ja napsautat sitten "Lataa".
Vaihe 3
Lisää .gif verkkosivulle. WYSIWYG-editorissa sinun tarvitsee vain vetää ja pudottaa kuva haluamaasi paikkaan. Esikatsele verkkosivustoa varmistaaksesi, että sivu näyttää odotetulla tavalla, ja muokkaa sitä tarvittaessa.
Jos käytät HTML-tekstieditoria, avaa HTML-sivu, jolle .gif sijoitetaan. Vieritä HTML-tekstin kohtaan, jossa haluat .gif-tiedoston näkyvän. Lisää seuraava rivi korvaamalla "="-merkkien jälkeiset tiedot tiedoilla .gif-tiedostosta ja jättämällä lainausmerkit paikoilleen:
Cross Culture selittää, että "img src" tarkoittaa "kuvan lähdettä". Lainausmerkkien välissä on oltava sen kansion nimi, jossa .gif-tiedosto sijaitsee, ja sitten .gif-tiedoston nimi. "alt"-tunniste viittaa tekstiin, joka tulee näkyviin, jos kuvalinkki on rikki, jos vierailija on poistanut kuvat käytöstä tai jos tekstinlukijat voivat purkaa sen. "Leveys" ja "korkeus" määrittävät kuvan näytettävän koon pikseleinä. Tilatunnisteet määrittelevät, kuinka paljon pysty- tai vaakasuoraa tilaa on kuvan ympärillä suhteessa ympäröivään sisältöön. Reunustunniste lisää kuvan ympärille viivan ja lainausmerkkien sisällä oleva numero määrittää sen leveyden.
Asiat, joita tarvitset
Tietokone Internet-yhteydellä
Hallinnollinen pääsy verkkosivustolle
Tallennettu .gif-kuva lisättäväksi
Kärki
Eräs yleinen .gif-tiedoston käyttötapa on nimeltään spacer.gif. Tämä kuva on läpinäkyvä neliö, jonka mitat ovat 1 x 1 pikseli. Tämä .gif-tiedosto antaa sivujen suunnittelijoille mahdollisuuden lisätä tehokkaasti ennustettavaa tilaa asettelun eri paikkoihin. Jos haluat lisätä tilaa esimerkiksi tekstilohkon alle, voit sijoittaa spacer.gif-tiedoston omaan kappaleeseensa ja säätää korkeutta ja leveyttä haluamallasi tavalla.
Varoitus
Tallenna kopio muutettavasta verkkosivusta ennen kuin yrität lisätä uuden .gif-tiedoston ja yritä työskennellä offline-tilassa, jos mahdollista, kunnes olet tyytyväinen tuloksiisi. Tämä estää harjoitussivujen julkistamisen ja suojaa kykyäsi aloittaa alusta, jos sinulla on vaikeuksia.
