Naše Město Web design

Transkript

1 Česká zemědělská univerzita v Praze Provozně ekonomická fakulta Katedra informačních technologií Naše Město Web design Cvičení: , 16 hod. Pracovní skupina Jitka Sedláčková Nina Tůmová

2 ... 1 Úvod... 2 Zvolené téma, popis website... 2 Slabé a silné stránky website... 2 Možný další vývoj... 2 Porovnání s podobnými WWW prezentacemi... 3 Technická část... 3 Závěr

3 Úvod Tento semestrální projekt je založen na vytvoření webové prezentace fiktivního města. Jitka Sedláčková sběr informací, vytvoření podkladů, vyplnění technické dokumentace Nina Tůmová vytvoření podkladů, tvorba webové prezentace, vyplnění technické dokumentace Zvolené téma, popis website Prvním krokem byl výběr tématu, ve kterém jsme se rozhodly pro vytvoření webových stránek fiktivního města s názvem Naše Město. Ve druhém kroku jsme vytvořily obsah stránek, který zahrnuje historii města, informace o zajímavostech ve městě i okolí, turistické informace a kontakt. Posledním třetím krokem byla samotná tvorba stránek. Jako výchozí prvek při tvorbě stránek byla zvolena tabulka, jejíž předností je jednoduchost, přehlednost a snadné formátování pomocí kaskádových stylů. Každá vnitřní stránka obsahuje tabulku, která tvoří hlavičku stránky, jejímž obsahem je název města a navigační menu. stránky je tvořen druhou tabulkou, ve které se nachází název stránky a samotný obsah. Na stránce věnující se okolí Našeho Města je pak umístěna ještě jedna tabulka, ve které jsou vloženy miniatury fotografií tvořících galerii. Každá fotografie má svůj název, který se zobrazí při nastavení kurzoru nad obrázek. Při kliknutí na miniaturu v galerii se pak otevře fotografie v původní velikosti. S ohledem na přístupnost stránek zrakově postiženým jsme pro stránky zvolily jednoduchý design prostého textu na jemně podbarveném pozadí a hlavní části jsme ohraničily rámy. Na úvodní stránce byla na pozadí použita upravená fotografie, jejíž jas je stažen na minimum a pravý spodní okraj plynule přechází v bílé pozadí. Slabé a silné stránky website Tyto webové stránky jsou vytvořeny pomocí xhtml, který v sobě kombinuje jednoduchost, přehlednost a schopnost být dobře zobrazen jednotlivými prohlížeči (v rámci tvorby byly použity prohlížeče Internet Explorer 9, Mozilla Firefox 9.0.1, Google Chrome 9.0 a Safari ve verzi pro ipad). Velkým plusem je i velikost jednotlivých stránek, které se pohybují v jednotkách kb. Kladně lze u této prezentace hodnotit i jednoduchost a přehlednost úpravy stránek. Slabou stránkou této prezentace by, v případě jejího použití jako informačních stránek reálného města, pravděpodobně byla špatná podpora vkládání aktuálních informací ze strany pracovníků města. Jelikož nelze očekávat a není přípustné, že by tito pracovníci upravovali přímo html kód, bylo by vhodnější nasazení publikačního systému. Možný další vývoj V případě aplikace stránek na reálné město by pravděpodobně dalším vývojem bylo právě nasazení výše zmíněného publikačního systému, který by umožnil aktualizaci informací ze strany úředníků obce. 2

4 Porovnání s podobnými WWW prezentacemi Naše Město Tyto stránky vznikly jako studentský projekt, proto se obsahem ani rozsahem nemohou rovnat s podobnými stránkami. Podobné stránky: Technická část Mapa stránek Hlavní stránka (index.html) Úvodní stránka, která obsahuje hlavní navigační menu. Historie a současnost (historie_soucasnost.html) Tato stránka popisuje vznik a historii Našeho Města. Turistům Tyto stránky obsahují další tři odkazy na možnosti kulturního vyžití pro turisty. Umění (turist_umeni.html) Architektura (turist_archit.html) Kultura (turist_kultura.html) Ubytování (ubytovani.html) Odkazuje na možnosti ubytování v Našem Městě. Okolí (okoli.html) Tipy na výlety po okolí. Dále stránka obsahuje galerii. Kontakty (kontakty.html) Tato stránka odkazuje na adresu obecního úřadu Našeho Města. 3

5 Index.html 1,6 kb napdisy h5 1 Historie_současnost.html 4 kb 3,3 kb 4

6 Turist_umeni.html 3 kb 2,3 kb napdisy h3 1 napdisy h4 2 Turist_archit.html 3 kb 2,4 kb napdisy h3 1 napdisy h4 2 5

7 Turist_kultura.html 3 kb 2,7 kb napdisy h3 1 napdisy h4 2 napdisy h5 2 Ubytovani.html 3 kb 2, 6

8 Okoli.html 5 kb 4,4 kb Kontakty.html 1,5 kb 7

9 Závěr Naše Město Stránky byly vytvořeny v prostředí jedit s použitím kaskádových stylů a splňují pravidla přístupnosti. Stránky byly prověřeny validátorem (validator.w3.org) a byly shledány vyhovujícími. 8