Existuje mnoho důvodů, proč byste mohli chtít přidat obrázek .gif na svůj web.
Přidáním obrázku na váš web můžete výrazně zvýšit jeho atraktivitu pro návštěvníky. Nejčastěji používaným formátem souborů pro obrázky na webu jsou .jpg a .gif. Indiana University říká, že soubory .gif jsou nejvhodnější pro obrázky s ostrými hranami se sníženou gradací barev. Mohou zahrnovat karikatury, text a perokresby. Dalšími výhodami souborů .gif je možnost nastavit pozadí na průhlednost a přidat animaci. Přidání souboru .gif na web je stejně jednoduché jako nahrání souboru a napsání věty.
Krok 1
Otevřete administrační panel vašeho webu. To se bude u každého lišit, protože to závisí na hostitelském serveru, který používáte, nebo na tom, zda ke správě webu používáte programy, jako je Dreamweaver. V podstatě existují dva hlavní typy editačního softwaru — HTML editor nebo WYSIWYG. Smashing Magazine vysvětluje, že WYSIWYG znamená „What You See Is What You Get“. Tyto programy jsou navrženy tak, aby vytváření stránek bylo intuitivnější. HTML editory vyžadují, abyste rozuměli základům jazyka HTML.
Video dne
Krok 2
Uložte svůj obrázkový soubor .gif do „obrázků“ nebo do příslušné složky na vašem webu. Pokud na počítači používáte program, budete muset najít správnou složku na pevném disku. Pokud používáte online administrační rozhraní, budete muset nahrát obrázek. Přejděte do správné složky na panelu správy a podle pokynů nahrajte soubor. Ve většině případů použijete tlačítko procházení k vyhledání souboru .gif na vašem počítači a poté kliknete na „Nahrát“.
Krok 3
Přidejte na webovou stránku soubor .gif. V editoru WYSIWYG vše, co musíte udělat, je přetáhnout obrázek tam, kam chcete. Prohlédněte si náhled webu, abyste se ujistili, že se stránka zobrazuje podle vašich očekávání, a podle potřeby upravte.
Pokud používáte textový editor HTML, otevřete stránku HTML, na které bude umístěn soubor .gif. Přejděte k bodu v textu HTML, kde chcete, aby se soubor .gif zobrazil. Přidejte následující řádek, nahraďte informace za znaky "=" informacemi o souboru .gif a ponechte uvozovky na místě:
Cross Culture vysvětluje, že „img src“ znamená „zdroj obrázku“. Informace mezi uvozovkami by měly obsahovat název složky, ve které je soubor .gif umístěn, a poté název souboru .gif. Značka „alt“ odkazuje na text, který se zobrazí, pokud je odkaz na obrázek nefunkční, pokud má návštěvník deaktivované obrázky nebo pro dekódování textových čteček. "Šířka" a "výška" určují zobrazenou velikost obrázku v pixelech. Značky prostoru definují, kolik vertikálního nebo horizontálního prostoru je kolem obrázku ve vztahu k okolnímu obsahu. Tag border přidá kolem obrázku čáru a číslo uvnitř uvozovek určuje její šířku.
Věci, které budete potřebovat
Počítač s připojením k internetu
Administrativní přístup k webu
Uložený obrázek GIF k vložení
Spropitné
Jedno běžné použití souboru .gif se nazývá spacer.gif. Tento obrázek je průhledný čtverec o rozměrech 1 x 1 pixel. Tento soubor .gif dává návrhářům stránek možnost efektivně přidat předvídatelný prostor na různých místech rozvržení. Chcete-li například přidat mezeru pod blok textu, můžete umístit spacer.gif do jeho vlastního odstavce a upravit výšku a šířku podle svých preferencí.
Varování
Než se pokusíte přidat nový GIF, uložte si kopii webové stránky, kterou upravujete, a pokuste se pracovat offline, pokud je to možné, dokud nebudete se svými výsledky spokojeni. Tím zabráníte zveřejnění jakýchkoliv cvičných stránek a ochráníte vaši schopnost začít znovu, pokud budete mít potíže.