WWW tvorba

Zdravím,
vítejte v sekci věnovaný webový tvorbě, především pak grafický stránce webových stránek. Hned zezačátku bych chtěl zdůraznit, že nejsem žádnej programátor a v budoucnu se cestou programování ani nehodlám vydávat (VŠE FIS jsme proto taky odmítnul). Na gymplu jsem se sice něco málo naučil v Pascalu, ale to nestojí za řeč. Při svý "práci" tak nejradši využívám základní dovednosti - html, css, občas něco z javascriptu a php, aby se neřeklo. Největší srandu si pak užívám v programech PSPad, IrfanView, Paint.NET a Adesign.

Baví mě kreslit, vymejšlet, kombinovat, hrát si s barvama a možnostma grafickýho designu (na VŠUP mě bohužel nevzali, ale můžu to dělat aspoň jako amatér). Proto vznikly tyhle stránky (a mnoho dalších). Snažím se to dělat hlavně pro sebe, bavit se tím, a když občas příjde někdo s prosbou o výpomoc, rád spolupracuju i s dalšíma lidma. Nemyslím si, že bych byl kdovíjak zkušenej, ale dokud mě to baví, nevidím důvod proč pořád nezkoušet nový věci. Filiweb už provozuju...hmmm... tak pět let (teď je leden 2010 a já s tím začal asi v srpnu 2005) a pořád mě to baví...



Trochu do historie

Webová prezentace Filiweb je docela hezkou ukázkou toho co umím. Základní kostra je vytvořená v html, sem tam nějaká drobnost v javascriptu a php. To všechno je doplněný osobitým a hlavně naprosto originálním (čmáral jsem to ručo) designem. Nebylo to ale takový vždycky a tady mám hned několik ukázek jak se Filiweb měnil.

Původní nápad udělat si vlastní webové stránky přišel někdy v květnu 2005, kdy jsem se pomaličku začal učit html a css. Tenkrát jsem to docela žral (bohužel poprvé a naposled), takže jsem se toho za docela krátkej čas naučil poměrně hodně.

kliknutím zvětšíte obrázek     kliknutím zvětšíte obrázek

Stačilo to na můj první návrh. Chtěl jsem tenkrát navodit lehce tajemnou atmosféru a myslím, že se mi to i docela povedlo. Problém byl ale v tom, že bylo písmo dost nečitelný a celkově to vypadalo chaoticky.

kliknutím zvětšíte obrázek     kliknutím zvětšíte obrázek

Problém čitelnosti jsem vyřešil druhým návrhem, který měl jasně bílý písmo a pozadi, který jsem sehnal u windows (možná někdo pozná okna). Tento design nebyl zas tak špatnej, ale chtělo to nějakou formu, nějakej rámec.

kliknutím zvětšíte obrázek     kliknutím zvětšíte obrázek

Ten přišel ve třetím, zeleno-bílým návrhu. Menu bylo ve zvláštním rámečku, který byl pořád na stejným místě a měnil se pouze obsah v bílým rámečku na zeleným pozadí. To už vypadalo opravdu svěže a docela i promakaně, ale zanedlouho se objevil problém s načítáním jednotlivých sekcí...

kliknutím zvětšíte obrázek kliknutím zvětšíte obrázek

Někdy začátkem roku 2006 jsem pro Filiweb vytvořil design, který byl v tyrkysových barvách, menu bylo oddělený od obsahu, ale zobrazovalo se na každý podstránce. Od této verze už se pak Filiweb měnil jenom v detailech (vždycky se měnilo jenom menu) a vydržel v podstatě téměř dva roky.

kliknutím zvětšíte obrázek     kliknutím zvětšíte obrázek     kliknutím zvětšíte obrázek

kliknutím zvětšíte obrázek     kliknutím zvětšíte obrázek

Od roku 2008 se píše novodobá historie Filiwebu. Kromě kompletního překopání grafiky se stala i další důležitá změna a tou bylo přestěhování na vlastní doménu, tedy filiweb.cz. Novým designem jsem se tak trochu vrátil do dob minulých, kdy stránky neměly žádný okraje, ale jinak Fiiweb postoupil na vyšší úroveň. Kombinací html a php jsem vytvořil jednoduchej a dobře upravovatelnej web a všechny nadpisy byly poprvý nakreslený ručně.
V pozdějších fázích se menu několikrát měnilo a jelikož už ta "volnost" přesáhla svou mez, přidal jsem na stránky i postranní lišty a bílý ozáření.

kliknutím zvětšíte obrázek     kliknutím zvětšíte obrázek     kliknutím zvětšíte obrázek

Další radikálnější změna byla způsobena koupi novýho foťáku - zrcadlovky. V červenci 2011 jsem stránky mírně obsahově osekal a zaměřil jsem se hlavně na fotografii. A změny doznal i design. Jelikož mi přestal fungovat skener, našel jsem si na jedněch šikovných stránkách (dafont.com) písmo, který ve mně evokovalo takový nějaký architektonický, umělecký cítění a použil ho kde to šlo. A tak to funguje dodnes.

kliknutím zvětšíte obrázek     kliknutím zvětšíte obrázek     kliknutím zvětšíte obrázek




A dnešní stav?

V současný době spravuju čtyři webový prezentace, který se mě přímo či nepřímo týkaj (osobní, třídní, týmový, rodinný) a jednu na zakázku. Kromě toho jsem ale samozřejmě pořád v proudu práce a snažím se vytvářet další a další grafický návrhy. Většinu z nich sem pak vystavím, ať to nevypadá, že nic nedělám a jenom se učím. =)

Fungující webový prezentace

kliknutím zvětšíte obrázek www.filiweb.cz kliknutím zvětšíte obrázek www.ustavnielita.ic.cz kliknutím zvětšíte obrázek www.tlama.tym.cz kliknutím zvětšíte obrázek www.arpen.cz
kliknutím zvětšíte obrázek www.basneodmore.ic.cz

Jiný grafický návrhy

kliknutím zvětšíte obrázek
filiweb.cz/grafika1
kliknutím zvětšíte obrázek
filiweb.cz/grafika2
kliknutím zvětšíte obrázek
filiweb.cz/grafika3
kliknutím zvětšíte obrázek
filiweb.cz/grafika4
kliknutím zvětšíte obrázek
filiweb.cz/grafika5
kliknutím zvětšíte obrázek
filiweb.cz/grafika6
kliknutím zvětšíte obrázek
filiweb.cz/grafika7
kliknutím zvětšíte obrázek
filiweb.ic.cz/grafika8
kliknutím zvětšíte obrázek
filiweb.ic.cz/grafika9
kliknutím zvětšíte obrázek
filiweb.cz/grafika10
kliknutím zvětšíte obrázek
filiweb.cz/grafika11
kliknutím zvětšíte obrázek
filiweb.cz/grafika12


Optimalizace, validita, ranky

Stránky jsou optimalizovány pro:

Microsoft Internet Explorer 9.0.1,
Firefox 5.0 a Operu 9.01. (s menšími odchylkami)
---
rozlišení 800 x 600 px a větší,
vyzkoušeno v OS Windows XP Home Edition, Windows Vista Home Premium a Windows 7 Enterprise

Seznam S-Rank - 2/10
Jyxo PageRank - 172/220
Google PageRank - 4/10

Mapa stránek | © Filip Vostrý 2005-2012, všechna práva vyhrazena. Jakékoliv užití obsahu pouze se souhlasem autora. | Výměna odkazů