Jak vytvořit animaci mávání vlajkami pro webové stránky

Autor: Ellen Moore
Datum Vytvoření: 13 Leden 2021
Datum Aktualizace: 20 Listopad 2024
Anonim
Jak vytvořit animaci mávání vlajkami pro webové stránky - Elektronika
Jak vytvořit animaci mávání vlajkami pro webové stránky - Elektronika

Obsah

Pokud chcete na svém webu zobrazit zprávu nebo pohyblivý obrázek, zvažte přidání mávajícího příznaku. Napodobuje způsob, jakým skutečná vlajka vlaje ve větru, a představuje obrázky a / nebo text. Ačkoli je tento graf tradičně vytvářen pomocí grafické aplikace, existuje možnost, aby byl tento obrázek dynamický pomocí bezplatného internetového zdroje. Vytvořte si animaci vlajky mávnutím, jak chcete, a pochopením, jak ji zveřejnit na webových stránkách.

Krok 1

Nasměrujte svůj prohlížeč na online generátor animovaných bannerů, jako je FlashVortex.com, MakeSweet nebo Layoutcodez.net. Tyto poslední dva vám umožňují odeslat obrázek vlajky, zatímco FlashVortex.com poskytuje obrázky připravené k úpravám.

Krok 2

Nahrajte obrázek pohyblivého banneru na web MakeSweet kliknutím na tlačítko se znaménkem plus a stejným znamením, které se zobrazí se standardním obrázkem. Na stránce Layoutcodez.net klikněte na tlačítko „Vybrat soubor“. Postupujte podle pokynů na každém webu, vyberte grafiku a přidejte ji do projektu.


Krok 3

K nakreslení obrázku použijte nabídky na webech FlashVortex.com a MakeSweet. V prvním případě například zadejte velikost příznaku do textového pole „Měřítko příznaku“, do pole „Text“ zadejte obsah doprovázející příznak a vyberte umístění textu pomocí funkcí pod nadpisem „Upravit pozici textového štítku“. Layoutcodez.net nenabízí možnost provádět další úpravy obrázku.

Krok 4

Dokončete návrh banneru v pohybu kliknutím na tlačítko „Generovat animaci“ na webu FlashVortex.com nebo na „Nahrát“ na stránce Layoutcodez.net a poté zkopírujte kód, který se automaticky zobrazí v poli textu. U MakeSweet klikněte na ikonu filmu ve výkresu, vyberte možnost „Koncept“ (koncept) nebo „HI-RES“ a kliknutím na obrázek disku, který se zobrazí nahoře, soubor uložíte na plochu počítače.

Krok 5

Nahrajte animovaný soubor GIF z MakeSweet na svůj internetový nebo hostitelský server (je-li k dispozici) do stejné složky nebo adresáře, ve kterém jsou uloženy soubory z jiných webů. Poznamenejte si umístění souboru (například „http://www.yousite.com/flag.gif“).


Krok 6

V textovém editoru přejděte na web, na který chcete přidat příznak, a umístěte kurzor na místo, kde se má grafika zobrazit. Vložte kód z FlashVortex.com nebo Layoutcodez.net. Pokud používáte MakeSweet, zadejte adresu URL souboru příznaku do uvozovek v následujícím kódu obrázku:

Krok 7

Uložte svou práci. Animovaná vlajka se nyní zobrazí na stránce vašeho webu.