Co obnáší tvorba webu?
Pokud chcete nahlédnou pod pokličku, můžete si přečíst následující text, kde ve dvanácti bodech popisuji trochu netradičním, ale o to snad zábavnějším způsobem, co tvorba internetových stránek obnáší. Jestliže číst v tuto chvíli nechcete, můžete se podívat na webové prezentace, které jsem již vytvořil nebo se na jejich výrobě podílel.
Můžeme začít!
Zkuste si představit, že vaše budoucí webová prezentace je nový osvěžující nápoj bez konzervantů a jiných umělých látek, který chcete brzy uvést na trh :-). Věřím, že vás ihned napadne spousta požadavků, které by takovému činu předcházely. S webem je to docela podobné...
1
Kdo bude nápoj pít,
jak jeho název znít?
Je první otázka nebo ve skutečnosti první dvě otázky, které je třeba zodpovědět. Rozhodnout, pro koho bude nápoj určen a na tomto základě vymyslet vhodný, dobře vyslovitelný a snadno zapamatovatelný název. Pro tento příklad pojmenujme nápoj “info energy”.
Stejným způsobem se zamyslíme i při návrhu webové prezentace a položíme si otázky “Kdo budou návštěvníci webu?” a “Jaký má být název webu, aby oslovil návštěvníky?”. Název webu pak nejčastěji použijeme i pro jméno domény pokud již není obsazené (např.: infoenergy.cz). Nebo zvolíme právě takový název, u kterého si ověříme, že i shodný název domény je volný.
2
Chce to správnou chuť!
Dále si položíme velice důležitou otázku, která zní “Jak by měl nápoj chutnat, kolik by měl mít bublinek a při jaké teplotě by se měl podávat?”. Na základě odpovědi zvolíme správné přísady pro dosažení požadovaného výsledku. Může být potřeba i trochu experimentování, ale nakonec napíšeme recept pro výrobu nápoje.
U internetových stránek potřebujeme také něco chutného. Tím jsou informace, produkty nebo služby, které nabízíte. Dále je třeba obsah rozčlenit na jednotlivé tematické okruhy, např.: novinky, reference, služby, produkty, ceník nebo kontakt. Takto navrhneme strukturu stránek, která bude naším internetovým receptem.
3
Vařila myšička...
Výroba našeho osvěžujícího nápoje a příprava finální verze receptu může zabrat poměrně dost času. Zvláště v našem případě, kdy nechceme přidávát žádné umělé látky, ale rozhodli jsme se spolehnout pouze na přírodní zdroje. Proto je nejvyšší čas začít na tomto bodě pracovat právě teď, kdy už víme vše potřebné.
Obdobně je tomu u webové prezentace. V tuto chvíli je dobré začít s přípravou obsahu. Všechna následující práce by mohla přijít nazmar, pokud by připravená kostra webu nebyla naplněna skutečně hodnotným obsahem. Vždyť hlavním cílem internetové prezentace je informavat o určitém tématu, oboru nebo nabídnout vaše produkty či služby. Aby tyto požadavky web skutečně splňoval, musí jej návštěvníci nejprve nalézt. Nejlevnějším a nejčastějším způsobem jak zajistit snadné nalezení webu jsou internetové vyhledávače a katalogy. Odtud zpravidla přichází nejvíce návštěvníků. Mezi nejznámější vyhledávače v dnešní době patří Google, Jyxo a Morfeo. Katalogy uvedu alespoň dva české a to Seznam.cz a Centrum.cz. Pro snadné nalezení webu je správná volba klíčovýh slov základním kamenem tvorby textů, které mají být publikovány na internetu. K prvotnímu výběru klíčových slov se dá nejsnadněji dostat způsobem pokud budeme uvažovat z pohledu návštěvníka stránek. Ta slova, která zadá do textového pole vyhledávače, až bude hledat služby nebo produkty, které nabízíte, jsou ona klíčová. Samozřejmě se jich v mnoha případech dá tímto způsobem objevit i několik desítek. Používat všechny, by ale nebylo rozumné a je dalším krokem vybrat pouze několik nejvhodnějších. Ve chvíli, kdy víme přesně, která klíčová slova použít, přichází na řadu tvorba textů. Zvolená klíčová slova je třeba v textech v rozumné míře častěji opakovat. Příprava textů je náročná činnost a zabere spoustu času, zvláště pokud se jedná o rozsáhlejší internetovou prezentaci. Navíc je třeba psát sloh srozumitelným způsobem pro tu skupinu lidí, pro kterou je web určen. Proto se vyplatí začít co nejdříve, nejlépe ihned po dokončení návrhu struktury webu. Pokud si na tuto činnost netroufáte sami nebo nemáte potřebný čas, doporučuji vyhledat služeb nějakého odborníka. Přípravou textů se zabývá celý obor s názvem copywriting.
4
Obal?
V tuto chvíli se už připravuje skutečný nápoj. Známe jeho jméno, víme jak má chutnat a pro koho bude určen. Teď bychom měli vybrat vhodný typ nádoby, ve které bude probíhat distribuce. Pro náš osvěžující nápoj zvolíme PET lahev s dobrým uzávěrem, protože si nejsme jisti, že se s nápojem bude zacházet vždy šetrně.
Podobně je tomu i u webu. Také známe název, víme jací mají být návštěvníci a víme jaké informace chceme prezentovat. Na tomto základě je možné navrhnout základní technické řešení prezentace. Následuje návrh hlavních prvků stránky. Výběr vhodného typu menu neboli navigace webu a nakonec přehledné rozmístění všech ostatních důležitých prvků.
5
Obal prodává.
Po volbě základní velikosti a tvaru lahve, kterou jsme si vybrali pro náš nápoj, je třeba navrhnout její detailní podobu včetně grafického návrhu etikety. Hlavním požadavkem je dosáhnout přehledného a atraktivního vzhledu se snadnou zapamatovatelností. Také nezapomeneme zdůraznit hlavní výhodu, že jde o nápoj bez umělých látek.
U internetové prezentace se dostáváme k návrhu finální grafické podoby. Zároveň požadujeme, aby vzhled webu korespondoval s jeho obsahem a cílovou skupinou pro kterou je určen.
6
S chutí do toho, půl je hotovo!
Ve chvíli, kdy jsme spokojeni s grafickým návrhem lahve je třeba zajistit materiál a spolehlivé stroje pro výrobu. Nakonec ji přesně podle návrhu vyrobit.
U webu přichází na řadu kódování XHTML šablony. Tu vyrábím, není-li vyžadováno jinak, podle standardu XHTML 1.0 Strict. Tento typ dokumentu vyžaduje oddělení obsahu (nadpisů, odstavců, seznamů, fotografií, ilustrací, apod.) od jejich prezentační formy. Znamená to, že obsah je jedna část, která by měla nést pouze svojí informační hodnotu a způsob jakým bude prezentována nastavují pravidla známá jako kaskádové styly (CSS). Tato pravidla způsobu prezentace obsahu jsou uložena ve zvláštním souboru a do informační části nijak nezasahují. Nemá smysl podrobněji popisovat fungování této technologie. Důležité jsou výhody, které toto řešení přináší. Zdrojový kód je přehledný, strukturovaný a snadno analyzovatelný vyhledávači. Takový web je mnohem snadnější a rychlejší aktualizovat nebo rozšiřovat. Velkou výhodou je i možnost vytvořit speciální styly pro různá zařizení. Například pro monitor lze použít výchozí styl. Pro tisk dokumentů styl, který skryje v tomto případě často nepotřebné barevné obrázky v hlavičce stránky. Pro přenosná zařízení jako jsou některé mobilní telefony nebo PDA umožňující přístup na internet lze přizpůsobit webovou prezentaci menšímu rozlišení displeje, aby i zde byly všechny informace dobře čitelné.
7
Zkouška odolnosti a funkčnosti
Následně otestujeme funkčnost i odolnost nově vyrobené lahve.
Formátovaní obsahu pomocí technologie CSS přináší jeden problém a proto vyrobená XHTML šablona musí také projít určitou zkouškou odolnosti. Naštěstí, to není problém natolik závažný, aby převážil výhody, které oddělení prezentační formy od obsahu přináší. Jedná se o způsob vykreslování prvků webové stránky v dnes používaných webových prohlížečích. Výrobci těchto prohlížečů se při implementaci této technologie neřídily standardem a každý si podporu kaskádových stylů do svého prohlížeče zabudoval tak trochu po svém. Stává se tedy, že vykreslení jednotlivých prvků stránky může při stejné definici vypadat různě v různém prohlížeči. Problém je to naštěstí řešitelný, ale je třeba tyto odlišnosti znát a psát XHTML dokument a pravidla kaskádových stylů takovým zbůsobem, který zajistí shodné zobrazení ve všech běžně používaných prohlížečích. Těmi nejpoužívanějšími jsou dnes Internet Explorer, Mozilla Firefox a Opera pro uživatele platformy PC. Pro uživatele platformy Apple Macintosh je pak nejčastějším prohlížečem Safari. Po zajištění správného zobrazení šablony stránek je dalším krokem vytvoření funkční kostry webu. Připravenou XHTML šablonu je třeba přizpůsobit pro jednotlivé kategorie a ty provázat tak, aby mezi nimi bylo možné procházet pomocí webové navigace nebo-li menu.
8
Naplnění obsahem!
Ve chíli, kdy je nápoj připraven a lahev otestována, můžeme začít s plněním obsahu.
U webu tento krok spočívá v naplnění připravené funkční struktury skutečným obsahem. Následné formátování textu, plnění galerie fotkami, případně dle potřeby tvorba webových formulářů.
9
První je ochutnávka
Než nápoj nabídneme zákazníkům, měli bychom nejprve sami ochutnat a přesvědčit se, že vše vyhovuje našim představám. Není-li něco v pořádku, je ještě čas upravit složení nápoje nebo provést úpravy lahve.
Stejně tak u webové prezentace pamatujeme, že nikdo není neomylný a proto před spuštěním ostré verze webu pod vlastní doménou, je třeba vše otestovat a napravit případné technické chyby a nedostatky obsahu. Aby obsah působil lépe, je dobrým zvykem do textu přidat fotografie nebo ilustrace s takovým námětem, který vyhovuje popisovanému tématu, případně s kterým celý web souvisí. Celkový dojem webu je tak možné posunout zase o kousek výš. Doplnění textových popisek k přidaným fotkám a ilustracím je dalším krokem, na který by se nemělo zapomínat. Je tomu tak z důvodu, že internetové vyhledávače při analýze obsahu stránky rozumí většinou pouze textu a tak netextové prvky bez odpovídající textové alternativy nepřináší žádnou užitečnou informaci. Pro zjednodušení uvedu příklad: u fotky nebo ilustrace bez odpovídajícího textového popisu, vyhledávač není schopen rozpoznat jakého námětu se obraz týká. Pravděpodobně tak může usoudit podle okolního textu na stránce, ale to může být nepřesné.
10
Výběr chladícího boxu!
V tuto chvíli jsme s nápojem plně spokojeni. Nyní zbývá vybrat vhodného distributora a zajistit tak dobrou dostupnost. Také potřebujeme chladící box, který udrží nápoj dlouho čerstvý, aby poskytl vždy to správné osvěžení.
Ve světě internetu, to znamená vybrat vhodný webhosting. To je služba, která umožňuje umístit data webové prezentace na vzdálený počítač neboli server, odkud se návštěvníkům posílají požadované stránky do jejich počítačů podle toho, kterou si právě chtějí prohlédnout. Od webhostingu požadujeme, aby internetová prezentace byla vždy dobře dostupná - nejlépe 24 hodin denně 7 dní v týdnu. Dále, aby nabízel určité vlastnosti, které zajistí správný běh všech funkcí webu.
11
Prodej nápoje
Nápoj je chutný, snadno dostupný a za dobrou cenu. Jestliže bude mít také dobrou reklamu. Je velice pravděpodobné, že se ho prodá velké množství.
Po uvedení webu do ostrého provozu pod vlastní doménu, je dalším krokem registrovat prezentaci do internetových katalogů. Tento záznam se dá považovat jako určitá forma reklamy na váš web. Naštěstí bývá většinou zcela zdarma. V katalozích také existuje možnost za určitý poplatek na nějakou dobu upřednostnit odkaz na vaši prezentaci před ostatními weby. Dále se nabízí široké možnosti různých druhů internetové reklamy jak vaše stránky zviditelnit a přitáhnout více návštěvníků, ale zde je často třeba sáhnout hlouběji do kapsy. Ze začátku je důležité soustředit se na to, zda web začíná plnit svůj účel tak, jak jste si představovali. Dobře poslouží různé statistiky návštěvnosti. Pro získání zpětné vazby lze také umožnit návštěvníkům odesílat dotazy a návrhy na váš email pomocí webového formuláře umístěného na stránkách.
12
Udržování zásob
a vylepšování receptury
Nápoj se dobře prodává a váš distributor objednává další zásoby, aby své zákazníky nezklamal a nabídl jim to, co jim chutná. Máme proto čas pracovat na nových příchutích našeho nápoje.
Na internetu váš distributor, tedy váš webhosting zajišťuje pouze tu část, aby mohli návštěvníci procházet vaše internetové stránky. Cílem je však zajistit, aby byla webová prezentace dlouhodobě užitečná a proto je potřeba dodávat stále čerstvý obsah. To v tomto případě zůstává na vás. Je dobré mít stále na paměti, že užitečné jsou pouze aktuální informace. To se týká především nabídky služeb, produktů ale i zveřejněných ceníků, kontaktních informací apod. Časem může být také potřeba zajistit určitou interakci s návštěvníkem. Přístup k některým informacím může být podmíněn registrací a následným přihlášením uživatele. Užitečná múže být i možnost přidávání komentářů k publikovaným článkům nebo nabízeným produktům. Lze také usnadnit správu obsahu částí webu, které se často aktualizují, aby tyto úpravy mohl provádět každý, kdo umí pracovat ve webovém rozhraní e-mailu. Možností jak rozšířit funkčnost webu je opravdu nepřeberné množství. Pro vývoj takových funkcí internetové prezentace používám skriptovací programovací jazyk PHP a databázi MySQL.
Nahoru ↑ | Co je webdesign? → | Prohlédnout portfolio →