Web ve Flashi - 1. díl
 x   TIP: Přetáhni ikonu na hlavní panel pro připnutí webu

Web ve Flashi - 1. dílWeb ve Flashi - 1. díl

 
Hledat
Vybavení pro Laser Game
Spuštěn Filmový magazín
Laser Game Brno
Laser Game Ostrava

Web ve Flashi - 1. díl

Google       Google       15. 10. 2005       32 453×

Jak nejjednodušeji vytvořit svou webovou prezentaci ve Flashi? Kdy použít klascickou (x)html stránku a kdy Flash? Na tyto otázky se pokusím odpovědět v tomto článku, který je rozšířením kurzu, a ve kterém vysvětlím praktické využití ActionScriptu...

Reklama
Reklama

Flash vs. (x)html

Než se pustíte do své stránky, je nutné si uvědomit, kterou technologii použít. Grafici často přehlíží přehlednost a další aspekty kvůli grafickému vzhledu, je to nekonečný spor a u Flashe to platí dvojnásob, protože webdesignér nemá ničím svázané ruce a může si dělat co se mu zachce. Proto si pomatujte, že ne vždy znamená více efektů lepší prezentaci! Abych byl konkrétní pojďme se podívat na druhy webů.
  • Zpravodajské weby a e-ziny: U tohoto druhu stránek je určitě lepší použít klasické rozvržení ((x)html), ve Flashi si takový web ani nedokážu představit, cílem bývá rychle zpřístupnit co nejvíce uživatelům množství informací.
  • Osobní stránky: V této skupině bych Flash doporučil, pokud by se tím neztratila přehlednost.
  • Firemní prezentace: Tady je využití Flashe docela na místě, protože profesionálně provedená prezentace určitě udělá o firmě dobrý dojem.

Pro Flash hovoří také jiné faktory, například klasické www stránky fungují na principu požadavku HTTP - uživatel odešle požadavek serveru o konkrétní soubor a ten mu pošle zpět celou stránku, i když se změní jenom část. To stejné platí i u scriptů na straně serveru (PHP, ASP...). Ve Flashi to však není nutné, stačí načíst napoprvé celý .swf, a tak se například při úspešném odeslání e-mailu změní jen ta část, kterou chceme.

Komunikace serveru s php pomocí HTTP

První způsob

První a nejjednodušší způsob je zorganizovat si layout webu pomocí snímků a vrstev - jednu vrstvu pro menu, druhou na obsah atd... Samozřejmě by nebylo nutné vytvářet si samostatnou vrstvu pro menu, ale pak by musela být grafika menu na každém klíčovém snímku a kdyby bylo nutné něco v menu změnit, museli byste měnit každý snímek. Vrstva menu bude pro všechny stránky společná, proto bude mít jen jeden klíčový snímek (je označený kolečkem), novou vrstvu vytvoříte přes menu Insert>Timeline>Layer, snímek F5, klíčový snímek F6. Poté by měly vrstvy vypadat takhle:

Kvůli lepší orientaci je dobré si vrstvy pojmenovat, to uděláte dvojtým kliknutím na název vrstvy. Teď stačí do vrstev doplnit grafiku, takže klikněte na vrstvu menu a dokreslete grafiku menu, nejjednodušší bude tam dát buttony, kterým poté nastavíme akce.

Všimněte si, že ať označíme jakýkoliv snímek, menu se tam pořád zobrazuje. Jednotlivé stránky budou na snímcích osy obsah, výhodné je pojmenovat si snímky kvůli pozdějšímu odkazování v ActionScriptu.

Po doplnění obsahu máme grafickou část za sebou.

První věcí, kterou uděláme v ActionScriptu je přidání příkazu stop() na první snímek, kvůli zastavení přehrávání animace. Teď už stačí jenom oživit menu - každý button po kliknutí přejde na požadovanou stránku (frame), to uděláte zachycením události pomocí on(release) a příkazu gotoAndStop(), jako parametr může být buď číslo snímku, nebo řetězec (název snímku), který jste si už pojmenovali.


on(release){
    gotoAndStop("download")
}

To je zatím nejjednodušší způsob, vylepšit by se dal třeba použitím animace (gotoAndPlay() a stop()) nebo i jinými způsoby. Jako obvykle se vše spustí Ctrl+Enter. Na hotovou ukázkovou stránku se můžete podívat ve formátu .swf nebo si stáhnout zdrojový .fla soubor. To je prozatím všechno, v dalších dílech se dozvíte o jiných způsobech tvotby webu ve Flashi.

×Odeslání článku na tvůj Kindle

Zadej svůj Kindle e-mail a my ti pošleme článek na tvůj Kindle.
Musíš mít povolený příjem obsahu do svého Kindle z naší e-mailové adresy kindle@programujte.com.

E-mailová adresa (např. novak@kindle.com):

TIP: Pokud chceš dostávat naše články každé ráno do svého Kindle, koukni do sekce Články do Kindle.

Hlasování bylo ukončeno    
0 hlasů
Google
Mezi největší záliby patří programování v Pythonu, PHP či Flashi - ActionScriptu.

Nové články

Obrázek ke článku Open source neznamená „zdarma“

Open source neznamená „zdarma“

Mnoho společností po celém světě, univerzity, vládní organizace a jim podobné dnes používají open source technologie k vytvoření vlastních webových stránek. Tyto technologie se používají čím dál tím více. Jednoduše proto, že je řada poskytovatelů nabízí zcela zdarma. Je to ale opravdu to správné řešení pro všechny? 

Reklama
Reklama
Obrázek ke článku Rádi sledujete obsah streamovacích služeb? Dejte si pozor na pirátské verze Mandaloriana a Netflixu

Rádi sledujete obsah streamovacích služeb? Dejte si pozor na pirátské verze Mandaloriana a Netflixu

Streamovací služby a jejich obsah se v uplynulých měsících těšily velkému zájmu uživatelů, kteří se při pobytu v karanténě chtěli zabavit sledováním filmů a seriálů. Toho bleskově zneužili hackeři, kteří pod názvy oblíbených streamovacích platforem a jejich obsahu maskovali škodlivé soubory. Nejčastěji používali jako návnadu Netflix a seriál The Mandalorian. 

Obrázek ke článku Bionické ruce mění lidem životy. Konference INSPO ukázala nejnovější technologie

Bionické ruce mění lidem životy. Konference INSPO ukázala nejnovější technologie

Bionické myoprotézy rukou jsou ukázkou pokroku, který udělaly za posledních dvacet let technologie pro lidi se zdravotním postižením. Dnešní protézy, které fungují na principu snímání svalových vzorců, umožňují uživatelům operovat s křehkými předměty či provádět úkony složité na kooperaci různých částí těla – ať už jde o hru na hudební nástroje, zavazování tkaniček, nebo třeba pití ze skleničky. Na 20. ročníku konference INSPO se budou zájemci moci naživo seznámit nejen s takzvanou myorukou, ale rovněž s jedním z jejích uživatelů. 

Obrázek ke článku Využití .htaccess na malém webu

Využití .htaccess na malém webu

V dnešní době existuje spoustu cms, které mnohdy ale vůbec nepotřebujeme a stačila by nám pouze základní funkčnost k úpravě url, přesměrování. K tomuto účelu je ideální .htaccess soubor, který nám se všemi těmato úpravami umí pomoct.

Hostujeme u Českého hostingu       ISSN 1801-1586       ⇡ Nahoru Webtea.cz logo © 20032020 Programujte.com
Zasadilo a pěstuje Webtea.cz, šéfredaktor Lukáš Churý