Zpracování grafického návrhu ve vrstvách do html/css/javascript

V této etapě vývoje Vaší zápočtové aplikace máte vytvořit html+css+javascript šablony tak, aby co nejvíce graficky a logicky odpovídali následujícím dvěma stránkám. Také by měly být html5 a css validní. Případné problémy zodpovím emailem. V týdnu od 10.-14. se nebudu moc na katedře zdržovat.

Úvodní stránka

Takto by měl vypadat vzhled úvodní stránky. Nahoře obsahuje několik zajímavých textů (něco jako mohlo by vás zajímat - Earth's blue), které je možné manuálně přepínáno pomocí šipek. Jinak budou automaticky rotovat a přepínat se z jednoho na druhého.

Oblast pod mini aktuální bude obsahovat několik článků které jsou nově publikované ve všech kategoriích.

Průchod stromem kategorií a zobrazování článků v ních.

V levém menu by mělo první být jméno aktuální kategorie a pokud existují podkategorie tak ty budou vypsány v tomto sloupci.

V pravém sloupci (hlavním sloupci) může být nahoře zase několik zajímavých rotujících článků. Pod nimi by měl být název kategorie a náhled textů v této kategorii. texty by měly být stránkovatelné například po deseti na stránku.

Komponenty na dotvoření stránkování a dalších částí webu můžete nalézt v tomto GUI packu, ze kterého je grafika stránek seskládána.

Společná část stránek

Například hlavička (s logem a vyhledávacím formulářovým polem a menu) a patička by měly být stejné, na každé šabloně. Ušetří to práci při programování Model-View-Controller ovládající logiku zobrazování stránek s texty atd. Horní menu by mělo při najetí myší nad položku změnit pozadí na takovou jemnou žlutou jako je about-us. Vybraná položka menu by potom měla mít tu modrou linku dole. Samozřejmě, že je potřeba aby se zvýraznění měnilo pode toho jaká položka aktivní.