Ako vytvoriť animáciu mávajúcich vlajok pre webové stránky

Autor: Ellen Moore
Dátum Stvorenia: 15 Január 2021
Dátum Aktualizácie: 23 November 2024
Anonim
Ako vytvoriť animáciu mávajúcich vlajok pre webové stránky - Elektronika
Ako vytvoriť animáciu mávajúcich vlajok pre webové stránky - Elektronika

Obsah

Ak chcete na svojom webe zobraziť správu alebo pohyblivý obrázok, zvážte pridanie mávajúceho príznaku. Napodobňuje spôsob vlajenia skutočnej vlajky vo vetre a predstavuje obrázky alebo text. Aj keď je tento graf tradične vytváraný pomocou grafickej aplikácie, je tu možnosť urobiť tento obrázok dynamickým pomocou bezplatného internetového zdroja. Vytvorte si svoju animáciu vlajky mávnutím vlny, ktoré uprednostňujete a porozumením tomu, ako ich zverejňovať na webových stránkach.

Krok 1

Nasmerujte prehliadač na online generátor animovaných bannerov, ako sú FlashVortex.com, MakeSweet alebo Layoutcodez.net. Posledné dve vám umožňujú poslať obrázok vlajky, zatiaľ čo FlashVortex.com poskytuje obrázky pripravené na úpravy.

Krok 2

Nahrajte obrázok pohyblivého bannera na web MakeSweet kliknutím na tlačidlo so znamienkom plus a rovnakým znamienkom, ktoré sa zobrazuje so štandardným obrázkom. Na stránke Layoutcodez.net kliknite na tlačidlo „Vybrať súbor“. Podľa pokynov na jednotlivých stránkach vyberte grafiku a pridajte ju do projektu.


Krok 3

Na nakreslenie obrázka použite ponuky na webových stránkach FlashVortex.com a MakeSweet. V prvom prípade napríklad zadajte veľkosť vlajky do textového poľa „Mierka vlajky“, do poľa „Text“ zadajte obsah, ktorý sprevádza vlajku, a vyberte umiestnenie textu pomocou funkcií pod nadpisom „Upraviť pozíciu textového štítku“. Layoutcodez.net neponúka možnosť vykonať ďalšie úpravy obrázka.

Krok 4

Dokončite návrh bannera v pohybe kliknutím na tlačidlo „Generovať animáciu“ na webe FlashVortex.com alebo na „Nahrať“ na stránke Layoutcodez.net. Potom skopírujte kód, ktorý sa automaticky zobrazí v poli. textu. V prípade MakeSweet kliknite na ikonu filmu na výkrese, vyberte možnosť „Koncept“ (koncept) alebo „HI-RES“ a kliknutím na obrázok disku, ktorý sa zobrazí v hornej časti, uložte súbor na plochu počítača.

Krok 5

Nahrajte animovaný súbor GIF z MakeSweet na váš internet alebo hostiteľský server (ak je to možné) do rovnakého priečinka alebo adresára, v ktorom sú uložené súbory z iných webov. Poznačte si umiestnenie súboru (napríklad „http://www.yousite.com/flag.gif“).


Krok 6

V textovom editore prejdite na web, na ktorý chcete pridať vlajku, a umiestnite kurzor na miesto, kde sa má zobraziť grafika. Vložte kód z FlashVortex.com alebo Layoutcodez.net. Ak používate MakeSweet, zadajte adresu URL vlajkového súboru do úvodzoviek v nasledujúcom kóde obrázka:

Krok 7

Ušetrite svoju prácu. Na stránke vášho webu sa teraz zobrazuje animovaný príznak.