Popis stránek
Naše stránky představují webovou prezentaci soukromých chovatelů hadů, přesněji řečeno korálovek. Má návštěvníkům poskytnout základní informace o tom, které hady chovají, proč je chovají, jak tento chov a popřípadě i odchov probíhá. Poskytnout jim možnost chovatele kontaktovat, sdílet jejich zkušenosti, získat potřebné informace. Tyto stránky by měly být živé a časem sloužit i k prodeji odchovaných hadů.
Rozhodli jsme se vytvořit tyto stránky vzhledem k tomu, že dva z členů našeho týmu měli již dlouhodobě v plánu podobné stránky vytvořit a dokonce pro ně již několik let registrovanou doménu koralovky.cz, na které už v této chvíli tyto stránky chodí. Během tvorby stránek byla zaregistrována i doména koralovka.cz, která byla přesměrována na stejné stránky jako koralovky.cz.Zdůvodnění layoutu, designu a navigace
V samém začátku jsme se rozhodli pro co nejjednodušší a graficky méně náročný design a to z několika důvodů :
- Rychlost
- Přehlednost
- Předvídatelnost
- Jednodušší tvorba
- Snadná údržba
To vyústilo v rozhodnutí, že všechny jednotlivé stránky budou mít jednotný základní design a rozdělení. Položky jednotlivých menu budou textové, jak kvůli rychlosti a přehlednosti, tak i kvůli možnosti snadných změn.
Dalším logickým krokem bylo rozhodnutí, že navigace (menu) bude maximálně dvouúrovňové, aby měl uživatel vždy přístup z kterékoliv stránky na kteroukoliv jinou stránku maximálně na dvě kliknutí a to jen za použití dvou menu, kde jedno je u všech stran jednotné. Rozhodli jsme se proto rozdělit layout stránek na tři základní a poměrně obvyklé části :
- Horní část, kde bude název stránek a hlavní navigační neměnné menu
- Levá lišta, kde bude místo pro variabilní menu, které vždy koresponduje jen a pouze s jednou položkou v menu z horní části
- Obsah, zde bude vždy zobrazen informační obsah aktuální stránky
Postup vytvoření stránek
Vzhledem k tomu, že již existovala celkem jasná představa, co mají stránky obsahovat, zbývalo jen rozplánování struktury stránek tak, aby nekolidovala s výše zmíněnými nastaveními. Struktura stránek byla rozplánována v Excelu a pak již bylo možné přikročit k vlastnímu „programování“ stránek. K vytvoření stránek byl použit Adobe Dreamweaver CS 9.0.
Nejdříve byla vytvořena základní stránka index.htm spolu s knihovnou použitých css (knihovna.css) a základními, ve všech stránkách použitými, obrázky. Na této stránce bylo vytvořeno a odzkoušeno základní rozdělení zmíněné výše. Stejně tak i vytvořeno a odzkoušeno základní formátování. Zde padlo i zásadní rozhodnutí o tom, že struktura stránek bude definována tzv. „natvrdo“ to jest, že všechny velikosti, vzdálenosti atd. budou napevno definovány v pixlech, z důvodu ulehčení si práce.
Tato stránka byla následně rozkopírována do základních stránek jednotlivých položek hlavního menu. Po jejich úpravě a nastavení pak byly tyto rozkopírovány do jednotlivých stránek souvisejících s menu druhé úrovně. Teprve pak započala práce na obsahu jednotlivých stránek. I zde pak občas byly sdíleny některé zdroje, ale narozdíl od předchozího postupu už to byla spíše ad hoc řešení, než zamýšlená a plánovaná činnost.
Řešili jsme i přehlednost stránek z hlediska jejich tvůrce a správce. Prvním rozhodnutím bylo, že budou zvláště uloženy stránky samotné a zvláště grafické prvky. Stránky byly ponechány z logiky věci v rootu a pro grafiku byl založen adresář „img“. Při práci na fotogalerii jsme se pak z důvodu ještě většího zpřehlednění dodatečně rozhodli vytvořit pro její obrázky zvláštní adresář „galerie“. Přemýšleli jsme i nad vytvořením třetího adresáře, kde by byly pouze „systémové“ obrázky, ale nakonec jsme toto řešení zavrhli.
Vzhledem k požadavkům na to, aby stránky byly vytvořeny za použití a dodržení standardu xhtml 1.0, je na konci obsahové části každé stránky ikona, umožňující online kontrolu validity strict xhtml 1.0 kódu dané stránky.
Po dokončení stránek byly všechny zkontrolovány, zda obsahují validní kód a případné chyby byly opraveny. Pak byly několikrát za sebou zkontrolovány, zda neobsahují gramatické chyby a tyto byly následně opraveny.
Analýza slabých a silných stránek www.koralovky.cz
Technické provedení
Na dobré úrovni, ale je zde znát, že tvůrci předtím neměli s tvorbou www stránek a zvláště pak s tvorbou www stránek za použití CSS žádné zkušenosti a ani v této chvíli jsou na tomto poli rozhodně amatéry. Například používání absolutních napevno stanovených veličin v pixlech se může v některých případech jevit jako nedostatek, pro nás to ale je v danou chvíli optimální řešení.
Správa
Díky použití CSS je poměrně jednoduchá, ale lepší by byla v případě použití PHP a naprogramovaných administračních nástrojů.
Grafika
Silná stránkou je zvolená jednoduchost, slabou pak absence nápadu pro výraznost a eleganci použitých „systémových obrázků“ obrázků
Struktura a způsob navigace
Jednoduchá struktura a způsob navigace je dle našeho názoru největší plus našich stránek a rádi by jsme je i nadále zachovali, i když bude zřejmě třeba ještě jednu pseudoúroveň přidat a to hlavně u „Články“, jejichž položku v hlavním menu bude ostatně zřejmě lepší nazvat „Informace“ a kde bude samozřejmě více než jen jeden článek. Právě tak bude třeba postupovat i u Fotogalerie, kde bude v budoucnu daleko více fotografií a měly by tak vzniknout skupiny fotografií a také jejich náhledy.
Obsah
Rozhodně plus jsou znalosti a zkušenosti tvůrců (respektive jejich části). V některých případech jsou zde i informace(jako například článek o dovozu plazů, který může sloužit i jako návod), které jsou svým způsobem unikátní a je velmi dobře možné, ba dokonce pravděpodobní, že naše stránky jsou jejich jediným možným uceleným zdrojem.
Plusem je rozhodně i skutečnost, že v rámci České Republiky nikdo jiný Pastel Kingy nechová a jsme tak jedinou stránkou v rámci ČR, která může poskytovat informace ověřené na základě vlastních zkušeností.Ostatní
Slabou stránkou je absence anglické verze stránek. Velmi silnou stránkou je obsazení potřebných domén, tj. koralovky.cz a koralovka.cz
Porovnání s existujícími stránkami
Stránky byly porovnávány se čtyřmi stránkami, které mají obdobnou náplň a účel jako www.koralovky.cz a to jak po stránce formální, to jest úpravy, kde je třeba rozlišovat design a technické provedení, tak po stránce obsahu, kde je třeba zase rozlišit jak informace zde obsažené, tak i jejich váhu vzhledem k odbornosti (důležitosti) jejich zdroje. Porovnávání proběhlo s následujícími stránkami, které považujeme v dané problematice za jedny z nejlepší a nejnavštěvovanější :
Design
Naše stránky mají lepší a přehlednější design než většina stránek
Technické provedení
Naše stránky mají lepší a přehlednější technické provedení než většina stránek
Obsah
Naše stránky jsou tak na průměru.
Relevantnost obsahu z hlediska zdrojů
Naše stránky jsou lehce podprůměrné. Podprůměrné, co se týká zkušeností a průměrné, co se týká zkušenost s danými druhy korálovek
Ostatní
Jak již bylo zmíněno výše, tak je zde velké mínus v podobě absence anglické verzi stránek. A v rámci ČR je velkou výhodou obsazení domén koralovky.cz a koralovka.cz
Doporučení dalšího rozvoje stránek
V první řadě je třeba udržovat stránky živé a alespoň jednou měsíčně je, či alespoň jejich část, updatovat.
Dále je třeba přepracovat strukturu a „engine“ Fotogalerie, protože je třeba počítat s tím, že bude do budoucna obsahovat několikanásobně více fotografií a tak bude i v rámci podmenu rozdělit fotografie na skupiny a u nich pak mít náhledy, aby výběr fotografie pro zobrazení byl co nejrychlejší a co nejméně zatěžoval dostupné zdroje.
Podobné je to i se Články, již teď lze jednak tento název v hlavním menu považovat za nešťastně zvolený, jako přiléhavější se jeví název Informace a druhak je jasné, že článků bude více, a proto bude muset vzniknout další jákási podúroveň v rámci níž bude možné články číst, zatímco na současné úrovní bude jen a pouze seznam dostupných článků.
Do budoucna zvažujeme i možnost, že by měl svou vlastní stránku každý z hadů, ale toto je třeba ještě pečlivě zvážit a případně tento nápad omezit pouze na výrazně důležité jedince.
Jako velmi důležité se nám jeví vytvoření anglické verze stránek.
Postupem doby chceme naše stránky použít i jako hlavní prodejní kanál odchovaných korálovek.Tým a rozdělení činností
- Radim Soukup – vytvoření stránek, registrace domén
- Martina Soukupová – navigace, výběr fotografií, kontrola (vč. gramatiky)
- Jindřich Manďák – layout, navigace, layout, upload stránek
- Kristýna Frýdová – design, kontrola (vč. gramatiky)
- Klára Rothová – design, validita kódu