Často si pro své osobní projekty potřebuji vytvořit menší administraci, která slouží čistě jednoúčelově, například pro editaci zpráv na úvodní stránce webu apod. Když k něčemu podobnému dojde, přemýšlím nad rychlým řešení v php a nemám chuť se zabývat tím, jak má ona malá administrace vypadat. Za prvé to není podstatné, protože v drtivé většině případů jsem jediným uživatelem já sám a za druhé na administraci neodkazuji, takže jako taková není indexována vyhledávači. Nevidím tudíž důvod zabývat se příliš validitou nebo designem a v minulosti jsem to vždy nějak „dal do kupy“.
Nicméně poslední dobou mě napadlo, že podobný problém se může dotýkat více lidí, a tak jsem se rozhodl vytvořit jednoduchý layout pro podobný případ. Předem předkládám, že se nejedná o design pro široké redakční administrace nebo systémy e-shopů. Pojmenoval jsem ho Witti a naleznete jej na adrese witti.poho.cz ke stažení v ZIP souboru a volně k použití.
Layout je vytvořen ve validním XHTML a CSS kódu a pokusil jsem se v něm obsáhnout všechny prvky, které by se mohly v malé privátní administraci objevit. Mezi ty řadím především následující:
- formátování nadpisů, odstavce, citace, oboustranné zarovnání obrázků
- formátované seznamy
- tabulka s informacemi, tabulka jako seznam (např. uživatelů)
- formuláře
- zprávy (chybová hláška, otázka, zpráva o úspěchu)
- galerie obrázků
V kódu jsem použil Plaváčkovo řešení formátování formulářů a Pixyho javascriptové řešení „pruhovaných“ tabulek. Díky němu při vytváření tabulek přes php nemusíte myslet na obarvování lichých či sudých řádků, protože javascript udělá vše za vás. Pokud má uživatel vypnutý javascript, nic se neděje, tabulka zůstane neobarvená.
Jestliže vám moje řešení jakkoliv pomůže, budu rád. Pokud Vám něco zásadního v layoutu chybí, dejte mi vědět, pokud to bude možné, pokusím se vám pomoci s řešením.