Co mne vedlo k vytvoření této webové prezentace?
Je to zvláštní, ale po více než dvou letech trochu kvalitnější tvorby webových stránek jsem si nenašel čas na vytvoření vlastní webové prezentace. Soutěží v programování jsem se již účastnil, ale nikdy ještě ne soutěže v programování webových stránek. Tuto soutěž jsem pojal jako výzvu. Výzvu, která mi otevře cestu k novým postupům tvorby webových stránek.
Popis webové prezentace
Tento web je pojat jako experiment, co všechno je člověk schopen udělat pomocí XHTML, JavaScriptů a CSS stylů.
Celá webová aplikace je pečlivě rozdělená a důsledně okomentovaná pro co nejjednoduší editaci kýmkoliv.
Adresářová struktura
V root adresáři(Webová stránka) je umístěna jen HTML stránka index.html. Ve složce CSS a v její podsložce IMG jsou umístěné koskádové styly a obrázky k nim potřebné. Adresář IMG, který je v kořenovém adresáři, odsabuje všechny obrázky, které jsou použity k obsahu tohoto webu(krom CSS obrázkům). Ve složce JS jsou umístěny všechny Javascripty. Tyto scripty obsahují texty, nabidky, nastavení a scripty potřebné pro běh stránky. Ve složce HTML jsou umístěny html soubory pro práci v módu bez Javascriptu.
Emulace PHP serveru Javascripty
Pomocí Javascriptů se mi podařilo velmi kvalitně a bezchybně emulovat PHP server. Všechny aktuální informace jako jsou: nastavení velikosti písma, požadovaná stránka, požadovaný styl se odesílají pomocí funkce GET a podle aktuálnich hodnot v těchto proměnných se mění věškeré odkazy na stránce, čímž je dosaženo uchování hodnoty do další změny dané proměnné. To umožňilo vypustit naprosto od cookies a tím zpřístupnit větší části uživatelů mojí webovou presentaci. V konečném dopadu, jak ste si již jistě všimli, stačí na začátku práce s webem určit velikost písma a styl stránky a dále se již o nic nemusíte starat.
Ošetření stavů
Webová aplikace je testována a jsou ošetřeny všechny známé stavy, které by měli za následek nesprávné, rozhozené, či jinak deformované zobrazení stránky.
Podporované - testované prohlížeče
- Mozilla Firefox 2.0.3 - test OK
- Opera 9.10 - test OK
- Konqueror 3.5.6 - test OK
- Internet Explorer 6.0 - test OK
- Maxthon 1.5.9 - test OK
