Odkaz:

Transkript

1 Home page a) Prvním elementem na stránce je logo clubu Max. Logo klubu máme hotové, je přiloženo v souboru logo Max a je zakomponováno do grafického podkladu, který potřebujeme navhrnout. Výsledný návrh má být graficky podobný tomuto Následuje hlavní menu. To se skládá z 10-ti buttonů, které vždy při kliknutí na vybranou položku změní barvu (zvýrazní se) a přesměruje na danou stránku (Program, galerie, kontakt ). Buttonů je deset, jejich počet ani text se nemění (?) a jsou to tyto: i. Home ii. Program iii. Drinky iv. O nás v. Klubová karta vi. Galerie vii. Guest book viii. Privátní akce ix. Kontakt x. Prázdný button ( možnost vložení další sekce) Podobu buttonů potřebujeme vytvořit a nechat schválit, výsledek by měl vypadat nějak takto Hlavní menu je zobrazeno na všech stránkách. Při kliknutí na danou položku menu se vždy zvýrazní rámeček.

2 b) Úvodní stránka pod hlavním menu obsahuje čtyři bannery (obrázek.pdf) s odkazy na reklamu, které se po rozkliknuti přesměruje na domovskou stránku reklamy. V administraci musí být možné měnit bannery a cílový odkaz, kam má být uživatel kliknutím směrován. Rozměr banneru je pevný xxxxxxxxxxx c) Následuje slider, který má za úkol rotaci a prolínání obrázků. Obrázků bude celkem 5, musí jít změnit v administraci a rotace probíhá zleva doprava po 10 vteřinách. Přes obrázek má být umístěn poloprůhledný text ve složení Nadpis a anotace, který musí být administrovatelný z adminu. Výsledek má být podobný jako na této stránce: Odkaz: d) Pod sliderem je neměnný text, který se dá editovat z adminu -> Text je obalen do graficky propracovaného rámečku, příklad textu je Club MAX je největší gay klub v České Republice. Je to sesterská diskotéka s taneční hudbou ke klubu Termix. V administraci se mění text a rámeček je udělán v CSS, které zajistí automatické přizpůsobení rámečku textu. e) V pozici označené E v PPT souboru je Kalendář. Jedná se o program na týden, který bude odkazovat na Program z hlavního menu. Kalendář zobrazuje aktuální následující týden, a automaticky načítá data z vnitřního kalendáře, jenž je editován v adminu. Grafická podoba by měla být přibližně následující

3 f) Na pozici F je Zasílání novinek vstupní pole pro zadání u. Po zadání odskok na Thank You stránku. Nový uživatel se zapíše do databáze v adminu. g) Na pozici G je promo ve formě náhledu souboru.pdf (fotka, leták), který se vkládá v administraci již hotový. Po rozkliknutí se náhled zvětší jako vrstva nad stránkou. h) Na pozici H je zobrazeno video z youtube.com, admin má možnost měnit video (vkládat různá jiná videa a nahrazovat stavající) i) Ve spodní části každé stránky (zápatí), bude zobrazena adresa a otevírací doba clubu) odkaz na mapu google s určením místa pozice klubu a přesměrování na FB, po kliknutí na ikonku FB. Grafická podoba je cca následující a admin by měl mít možnost měnit text. Rozložení home page by mělo být následující, podle přiloženého obrázku v souboru rozložení home page Celá stránka by měla být zarovnaná do jednoho sloupce. Pozadí by mělo být podobné přiloženému obrázku Vzor vzhledu stránky. Grafický návrh pozadí by se měl skládat z jednotlivých puntíků, barevné škály stříbrné šedivé aj, které jsou na obrázku ale po celé stránce. Tyto puntíky obtékají sloupec s informacemi home page. Některé puntíky by měly zářit (viz. obrázek). Celá stránka by měla být laděna do stříbrna oproti návrhu Vzor vzhledu stránky, který je růžový. Sloupec s informacemi home page by měl mít černé pozadí. Položky v hlavní nabídce by měly být ohraničeny

4 černým rámečkem, který po rozkliknutí změní barvu na fialovou (viz. odstín na obrázku Vzor vzhledu stránky ). Hlavní nabídka by měla být oddělena tenkou fialovou čárou od ostatního textu a měla by se zobrazovat po celou dobu jakéhokoliv zobrazení hlavní nabídky stránky. Písmo na stránkách by mělo být bílé (stříbrné) a mělo by korespondovat s písmem v logu clubu. Čím podobnější to bude této stránce, tím bude zadavatel spokojenější. Vzor vzhledu stránky ( Logo clubu Max by mělo být stříbrné na černém podkladu v rámečku. Podobně jako na přiložené stránce Vzor vzhledu strány. Viz. přiložené logo.

5 Rozložení home page, by mělo být následující, podle přiloženého obrázku. Celá stránka by měla být zarovnaná do sloupce.

6 Kalendář akcí Zobrazuje se po kliknutí na buttonek Program. Zobrazuje vždy aktuální kalendářní měsíc a leze posunovat na měsíce předchozí a následující. V adminu má možnost administrátor vložit jednu akci na každý den, která je pak zobrazena v kalendáři ve frontendu. Předpokládá se využití nějakého hotového modulu Wordpressu. Musí podporovat automatické opakování jednou vložených událostí. Grafická podoba viz. Z kalendáře jsou pak automaticky načtena data pro zobrazení na pozici D home page (D).

7 Nápojový lístek Zobrazuje se po kliknutí na buttonek Nápojový lístek. V této sekci horní části se bude vkládat obrázek, který bude možno editovat administrátorem a pod ním bude načten nápojový lístek, který bude poloprůsvitný, fotku pod nápojovým lístkem, bude možno editovat administrátorem. Nápojový lístek se zobrazí ve sloupci, který bude obtékán puntíky. Budou zde tři úrovně nadpisů (Speciální nadpis 1, 2,3, které budou zvýrazněny. Nadpis jedna - větší písmo a tučně, nadpis dvě - střední písmo a tučně, nadpis tři - malé psímo)zarovnané do leva a ceny nápojů, zarovnané doprava. Rozložení stránky viz. přiložený náhled. Písmo by mělo být stříbrné.

8 Klubová karta Zobrazuje se po kliknutní na buttonek Klubová karta. Zobrazuje text v graficky propracovaném rámečku. V tomto rámečku je pole pro editaci textu. Administrace mění velikost rámečku fialové barvy, který se přizpůsobí textu. Bude zarovnán do sloupce černé barvy, který bude obtékaný puntíky viz. popis home page. Grafické rozložení je přibližně následující.

9 O nás Zobrazuje se po kliknutí na buttonek O nás. V sekci O nás zobrazuje text v graficky propracovaném rámečku. Který bude zarovnán do sloupce černé barvy, který bude obtékán puntíky viz. home page. Bude zde pole pro editaci textu adminem. Administrace graficky propracovaného rámečku fialové barvy se přizpůsobí textu. Ve spodní části bude 12 fotografií, které bude možné editovat administrátorem. Po rozkliknutí se náhled zvětší jako vrstva nad stránkou. Stránka bude zarovnána do sloupce černé barvy, který bude obtékán puntíky. Viz home page.

10 Galerie Zobrazuje se po kliknutí na buttonek Galerie. V sekci galerie budou zobrazeny úvodní obrázky souborů na ploše, které budou určeny administrátorem jako profilové obrázky dané galerie. Budou nahrány administrátorem, po rozkliknutí se zobrazí cca 20 až 30 fotografií na ploše. Po rozkliknutí se náhled zvětší jako vrstva nad stránkou. V jednou řádky by mělo být 5 úvodních obrázků, které bude možné zvolit administrátorem jako hlavní obrázek galerie, jednotlivé galerie budou seřazeny podle času. Nejnovější by měly být nahoře. Fotografie budou zarovnány do sloupce černé barvy, který bude obtékán puntíky(viz. home page). Zadavatel si přeje podobnou verzi jako je přiložená v náhledu.

11 Vzkazy Zobrazuje se po kliknutí na buttonek Vzkazy Zadavatel si přeje vytvořit obdobnou stránku jako je níže uvedená, vzkazy bude možné mazat pouze správcem stránek v editaci. Bude mít ochranu při vkládání textu pomocí anti spam filter a po schválení administrátorem se zobrazí na této stránce. Na jedné stránce bude 20 vzkazů, zarovnaných do černého sloupce. Jednotlivé vzkazy budou odděleny tenkou čárou. Nadpis (jméno - ) bude zvýrazněn. Stránka bude zarovnána do sloupce černé barvy, který bude obtékán puntíky. Viz home page.

12 Privátní akce Zobrazuje se po kliknutí na buttonek Privátní akce V sekci soukromé akce bude pole pro možnou editaci textu administrátorem. Administrace mění velikost rámečku fialové barvy, který se přizpůsobí textu. Stránka bude zarovnána do sloupce černé barvy, který bude obtékán puntíky. Viz home page. Ve spodní části pod rámečkem budou tři fotografie, které bude možné editovat administrátorem.viz. přiložený náhled. Po rozkliknutí se náhled zvětší jako vrstva nad stránkou.

13 Kontakt Zobrazuje se po kliknutí na buttonek Kontakt. V této části budou kontaktní údaje, které bude možno editovat administrátorem. Budou zarovnány do levé části stránky. V sekci kontakt bude pole pro možnou editaci textu. Administrace mění velikost rámečku fialové barvy, který se přizpůsobí textu. Stránka bude zarovnána do sloupce černé barvy, který bude obtékán puntíky. Viz home page.