Existuje mnoho dôvodov, prečo by ste mohli chcieť pridať obrázok .gif na svoje webové stránky.
Pridanie obrázka na váš web môže výrazne zvýšiť jeho atraktivitu pre návštevníkov. Najbežnejšie používaným formátom súborov pre obrázky na webe sú .jpg a .gif. Indiana University tvrdí, že súbory .gif sú najvhodnejšie pre obrázky s ostrými okrajmi so zníženou gradáciou farieb. Môžu zahŕňať karikatúry, text a čiarovú grafiku. Ďalšími výhodami .gif súborov je možnosť nastaviť pozadie na priehľadnosť a pridať animáciu. Pridanie súboru .gif na webovú stránku je také jednoduché ako nahranie súboru a napísanie vety.
Krok 1
Otvorte administračný panel svojej webovej stránky. To sa bude líšiť pre každého jednotlivca, pretože to závisí od hostiteľského servera, ktorý používate, alebo od toho, či na správu lokality používate programy ako Dreamweaver. V podstate existujú dva hlavné typy editačného softvéru — HTML editor alebo WYSIWYG. Smashing Magazine vysvetľuje, že WYSIWYG znamená „What You See Is What You Get“. Tieto programy sú navrhnuté tak, aby vytváranie stránok bolo intuitívnejšie. HTML editory vyžadujú, aby ste rozumeli základom jazyka HTML.
Video dňa
Krok 2
Uložte súbor s obrázkom .gif do priečinka „obrázky“ alebo do príslušného priečinka na svojej webovej lokalite. Ak v počítači používate program, budete musieť nájsť správny priečinok na pevnom disku. Ak používate online administračné rozhranie, budete musieť nahrať obrázok. Prejdite do správneho priečinka na paneli správy a podľa pokynov nahrajte súbor. Vo väčšine prípadov na nájdenie súboru .gif v počítači použijete tlačidlo prehľadávania a potom kliknete na tlačidlo „Nahrať“.
Krok 3
Pridajte súbor .gif na webovú stránku. Vo WYSIWYG editore všetko, čo musíte urobiť, je presunúť obrázok tam, kde ho chcete. Ukážte webovú lokalitu, aby ste sa uistili, že sa stránka zobrazuje tak, ako ste očakávali, a podľa potreby ju upravte.
Ak používate textový editor HTML, otvorte stránku HTML, na ktorej bude umiestnený súbor .gif. Prejdite na bod v texte HTML, kde chcete, aby sa súbor .gif zobrazil. Pridajte nasledujúci riadok, pričom nahraďte informácie za znakmi "=" informáciami o súbore .gif a ponechajte úvodzovky na mieste:
Cross Culture vysvetľuje, že „img src“ znamená „zdroj obrázka“. V informáciách medzi úvodzovkami by mal byť uvedený názov priečinka, v ktorom sa súbor .gif nachádza, a potom názov súboru .gif. Značka „alt“ označuje text, ktorý sa zobrazí, ak je odkaz na obrázok nefunkčný, ak má návštevník vypnuté obrázky alebo ak ho čítačky textu dekódujú. „Šírka“ a „výška“ určujú zobrazenú veľkosť obrázka v pixeloch. Značky priestoru definujú, koľko vertikálneho alebo horizontálneho priestoru je okolo obrázka vo vzťahu k okolitému obsahu. Značka orámovania pridá okolo obrázka čiaru a číslo v úvodzovkách určuje jej šírku.
Veci, ktoré budete potrebovať
Počítač s pripojením na internet
Administratívny prístup na webovú stránku
Uložený obrázok .gif na vloženie
Tip
Jedno bežné použitie súboru .gif sa nazýva spacer.gif. Tento obrázok je priehľadný štvorec s rozmermi 1 x 1 pixel. Tento súbor .gif dáva návrhárom stránok možnosť efektívne pridať predvídateľný priestor na rôznych miestach v rozložení. Ak chcete napríklad pridať priestor pod blok textu, môžete umiestniť spacer.gif do jeho vlastného odseku a upraviť výšku a šírku podľa svojich preferencií.
Pozor
Pred pridaním nového súboru .gif si uložte kópiu webovej stránky, ktorú meníte, a pokúste sa pracovať offline, ak je to možné, kým nebudete spokojní so svojimi výsledkami. Zabráni to zverejneniu akýchkoľvek cvičných stránok a ochráni vašu schopnosť začať odznova, ak by ste mali problémy.
