Vývojová fáze návrhu webových stránek - figuríny

Video: Developer Diaries 0.7.10 | World of Warships 2025

Ve vývojové fázi návrhu webových stránek jsou pro web připraveny všechny video, audio, animace Flash a grafika: Jsou komprimovány, aby urychlily cestu po webu, uložili ve formátu vhodném pro web, pojmenovali a odeslali na server. Všechna práce na programování a práci s HTML se dělají a stránky se shromáždí, připraveny k testování.

Vytváření kompozic pro webové stránky

Jakmile zákazník zvolí směr návrhu pro danou lokalitu, výrobní práce může skutečně začít. Grafický tým vytvoří sérii comps (grafické makety, které ukazují, jak může vypadat stránka), které odpovídají návrhu a rozvržení každé jedinečné šablony stránky. Comps se obvykle vyrábí ve Photoshopu, i když najdete některé designéry, kteří používají Fireworks. Obecně se zavazujete, že nejvýše 20 až 25 kompilátorů, dokonce i pro největší webové stránky.

Tyto kompozice slouží jako vizuální měřítko pro technickou sestavení (uvedení stránky dohromady). Vývojáři HTML a CSS použijí tyto kompozice pro získání potřebné grafiky, pozadí, panelů nástrojů, tlačítek a stylů pro textové a jiné objekty a budou se snažit přizpůsobit vizuální design a uspořádání kompozic co nejvíce.

Vývoj obsahu webových stránek

Během fáze vývoje je obsahový tým zaneprázdněn psaní všech komponent kopírování (textů) pro web. Strategický obsah mapuje všechny typy kopií potřebných pro danou lokalitu, kolik bloků každého typu kopie je potřeba a na kterých stránkách žije. To vše je úhledně uspořádáno do tabulky s názvem obsahová matice . Stratégé obsahu spolu se spisovateli také rozhodují, jaký by měl být tón stránky.

Vyzbrojeni kontrolním seznamem kopie pro zápis (výše zmíněnou matici obsahu) a tónem, který má být předán, mohou spisovatelé začít své úkoly.

Kredit: © LEVEL Studios. www. úrovni-studia. com

Vývoj médií ve vývoji webových stránek

Většina webů má nějaké multimediální (známé také jako multimédia ) -. Ve skutečnosti jsou některé weby zcela postaveny ve formátu Flash s výjimkou jedné HTML stránky, na které je web umístěn.

Kredit: © The Seen. www. theseen. biz

Vývoj blesku může být tak složitý, že se stal procesem a profesí pro sebe. Nejen, že návrháři Flashu potřebují vytvořit vlastní verzi mapy stránek a drátových rámů, aby vytvořili svůj plán útoku, ale také potřebují být jedním dílem návrháři a jedním programátorem, aby vytvořili efektivní komponentu Flash.

Vytváření prezentační vrstvy webových stránek s HTML a CSS

HTML je jistě lepidlem, které drží World Wide Web dohromady. HTML ( H yper T ext M arkup L prohlížeč, jak na stránce strčit formátovaný text, grafiku a prvky médií. CSS (sada kaskádových stylů) je sada pravidel, která můžete definovat, které upravují vzhled, velikost, polohu, barvu a tvar vašich prvků. Společně HTML a CSS vytvářejí to, co uživatel vidí: prezentační vrstvu webové stránky. Web design průmyslu obvykle myslí na webové stránky jak organizované ve vrstvách. Jak můžete vidět v celé knize, webové stránky obsahují mnoho vrstev.

Každá stránka každé webové stránky je vytvořena pomocí HTML. Můžete psát HTML kód v libovolném jednoduchém textovém editoru (například v programu Poznámkový blok v systému Windows) nebo použít editor s plnohodnotnější funkcí, jako je Adobe Dreamweaver. Po dokončení můžete webovou stránku načíst přímo z prohlížeče a zobrazit okamžité výsledky.

HTML je docela omezené, co může udělat, a CSS se zaměřuje pouze na vzhled a uspořádání, takže nemůžete vytvořit kompletní systém online nakupování (například) pouze pomocí CSS a HTML samotného.

Rozvíjení backendu webových stránek

Pokud vytváříte webové stránky, které se chystají dělat něco, co přesahuje jednoduchou ukázku hezkého textu a grafiky, musíte zařadit programátory k vytvoření webových stránek obecně označovaných jako < backend . Backend je vše, co se děje za scénami, které umožňují funkce webu, jako je vyhledávání, zpětná vazba od zákazníků, nákup produktů s kreditní kartou nebo registrace pro speciální události. Všechny tyto akce vyžadují specializované programování. Tuto funkci nelze vytvořit pouze s HTML. Programovací jazyky, jako je PHP (H y p ertext P reprocesor) nebo ASP A erver P jsou integrovány přímo do kódu HTML stránky. Část HTML a CSS řídí vzhled a rozložení stránky, zatímco programovací kód provádí všechny skvělé věci, jako je například propojení s online databází, které automaticky zobrazuje produkt dne. Kredit: © Steelcraft Group. Chcete-li sestavit složité stránky s možnostmi přihlášení, e-commerce a dalšími, můžete buď rušit rukávy a napsat kód PHP pomocí editorů, jako je PhpStorm nebo Eclipse, nebo můžete použít nástroje jako Adobe Dreamweaver.