Při grafickém návrhu a implementaci byl kladen důraz zejména na maximální splnění požadavků uvedených na stránce zadavatele soutěže, estetiku, účelnost, portabilitu a kompatibilitu v dostupných prohlížečích. Veškeré dokumenty přiložené k návrhu splňují předpisy norem v rámci zvoleného DTD.
Z důvodů šiřší podpory a dostupnějšího automatizovaného zpracování dokumentu splňují veškeré HTML dokumenty definici XHTML 1.1. Zpětná kompatibilita s HTML 4.01 je však zaručena.
Veškeré grafické prvky tvořené obrázky jsou ve formátu PNG s 24bitovou hloubkou. Problematické je však zobrazování transparentních PNG obrázků v Internet Exploreru, který tento formát zobrazuje chybně. Pro zobrazení loga fakulty i ve verzi bez použití stylů bylo proto nezbytné uložit obrázek s logem do formátu GIF.
Obsahová část dokumentu (též tělo stránky) je navržena tak, aby využívala veškeré elementy podporované normou, ve které je dokument nadefinován. Předdefinovaným formátováním lze vytvořit jedno nebo dvou sloupcové rozvržení sránky, popřípadě obě formy vhodně kombinovat.
Dokumenty index.html
a sekce.html
jsou svým zadáním velice podobné a
proto jsou v návrhu sloučeny do jednoho dokumentu – titulní strana Sekce matematiky.
Levý sloupec je tvořen navigačním seznamem hlavních sekcí webu. Tělo obsahuje odstavec
jednořádkových sdělení (aktualit) a sloupcově formátovaný rozcestník důležitých odkazů uspořádaných
do skupin.
Dokument obecna.html
prezentuje druhou variantu formátování bez hlavního navigačního
panelu. Úvodní část těla obsahuje strukturovaný seznam (navigaci) odkazů podle hierarchiského zanoření dokumentu.
Element Rychlé volby usnadňuje orientaci v textu a je připraven převážně pro delší a obsáhlejší
dokumenty.
Dokument simplelist.html
prezentuje formátování pomocí navigačních seznamů
jejichž položky (odkazy) jsou strukturovány skupin. Obsah je převzatý ze
současné stránky Technické informace.
Dokument list.html
prezentuje formátování jednořádkových sdělení (aktualit) pomocí
jednoduchého definičního seznamu (bez zanoření), zobrazení celých aktualit a formátování řazených i
neřazených seznamu, či jejich kombinaci.
Dokument telefonni.html
na telefonním seznamu zaměstnanců sekce prezentuje formátování
tabulek.