MASARYKOVA UNIVERZITA PEDAGOGICKÁ FAKULTA KATEDRA VÝTVARNÉ VÝCHOVY Webové stránky tématicky zaměřené na výtvarné umění Bakalářská práce BRNO 2008 Vedoucí bakalářské práce: doc. PaedDr. Jiří Eliška Vypracovala: Jana Šanderová
Poděkování Poděkování patří doc. PeadDr. Jiřímu Eliškovi, za odborné vedení a cenné rady, které mi poskytl při tvorbě mé bakalářské práce.
Prohlášení Prohlašuji, že jsem bakalářskou práci zpracovala samostatně a použila jen prameny uvedené v seznamu literatury. Souhlasím, aby práce byla uložena na Masarykově univerzitě v Brně v knihovně Pedagogické fakulty a zpřístupněna ke studijním účelům. Jana Šanderová
Obsah Obsah... 1 1. Úvod... 2 2. Základní pravidla tvorby přístupného webu... 3 2.1. Barvy popředí a pozadí... 3 2.2. Srozumitelnost... 3 2.3. Úvodní stránka... 4 2.4. Oddělení navigačních a obsahových informací... 4 2.5. Rozdělení obsáhlých bloků... 4 2.6. Odkaz na vyšší úroveň v hierarchii a odkaz na úvodní stránku... 4 2.7. Mapa webu... 5 3. Struktura navrhovaných www stránek... 6 3.1. Hlavní stránka... 6 3.2. Dějiny umění... 8 3.3. Výtvarné prostředky... 11 3.4. Umělecké VOŠ a VŠ... 14 3.5. Galerie v ČR... 19 3.6. Zajímavé odkazy... 22 4. Závěr... 23 Literatura:... 25 Resumé... 26
1. Úvod Rozhodla jsem se věnovat problematice webových stránek s výtvarnou tématikou z jediného důvodu. Když jsem sama dříve hledala webové stránky s podobným obsahem, hledala jsem marně. Našla jsem spoustu stránek, které měly více či méně společného s výtvarnou výchovou nebo s výtvarným uměním, ale žádné z nich neobsahovaly přesně to, co bych si představovala. Když jsem byla studentkou střední školy, zajímala jsem se o výtvarné umění. Ve výtvarné výchově jsem se však zdaleka nenaučila a nedozvěděla vše, co bych měla umět a vědět, jakožto uchazeč o přijetí na vysokou školu s výtvarným zaměřením. Musela jsem tedy informace shánět a doučit se sama. V dnešní době je pro každého studenta nejrychlejší cesta pro získávání informací internet. Nač mám chodit do knihovny a složitě hledat v regálech spoustu knih, když stačí několik kliknutí myší v sedě u monitoru počítače a najdu vše, co potřebuji momentálně vědět. Různých webových stránek každý den přibývá. Je tedy důležité v té záplavě najít ty věrohodné a správné. Jakožto budoucí učitelka výtvarné výchovy jsem se rozhodla vytvořit sama webové stránky, kde studenti naleznou základní informace z dějin výtvarného umění, udělají si představu o výtvarných prostředcích, materiálech a technikách, které si sami pak mohou vyzkoušet, najdou zde přehled výtvarných oborů vysokých a vyšších odborných škol nebo si mohou vybrat, kterou výstavu navštíví. V této bakalářské práci jsem vytvořila návrh těchto webových stránek. Snažila jsem se, aby moje stránky byly jednoduché svým designem, aby byly přehledné a po jejich zprovoznění pro uživatele přístupné. 2
2. Základní pravidla tvorby přístupného webu Při tvorbě webových stránek je třeba se řídit určitými pravidly, aby stránky nestavěly svým uživatelům žádné překážky, které by jim znemožnily daný web efektivně používat. Ne každý uživatel má totiž stejně dobrý zrak, stejné hardwarové vybavení, znalosti a zkušenosti používání Internetu apod. Přestože jsem v této práci vytvořila jen návrh webových stránek, musela jsem se některými z nich řídit také. Zde jsou uvedena některá základní pravidla tvorby přístupného webu. 2.1. Barvy popředí a pozadí Barvy popředí (typicky písma) a pozadí jsou dostatečně kontrastní, aby vzájemně nesplývaly pro uživatele se zhoršeným zrakem. Na pozadí není vzorek, který snižuje čitelnost. Kontrast konkrétních barev je možné ověřit pomocí metodiky W3C nebo pomocí některého z dostupných on-line nástrojů (např. http://www.sovavsiti.cz/kontrast/). 2.2. Srozumitelnost Webové stránky sdělují informace jednoduchým jazykem a srozumitelně. Ke sdělení informací se nepoužívají odborné termíny, jestliže nejsou náležitě vysvětleny. Výjimkou jsou případy, kdy jejich použití je nezbytně nutné. V textu se užívají spíše kratší věty než dlouhá a složitá souvětí. 3
2.3. Úvodní stránka Úvodní stránka má jasně vyjadřovat účel a smysl webu. Z úvodní stránky a z názvu je zřejmé, o jaký typ webové prezentace jde, co je cílem a kdo je provozovatelem webových stránek. Na úvodní stránce by také měla být informace jak se zkontaktovat s institucí nebo autorem stránek (např. telefon, e-mail, ). 2.4. Oddělení navigačních a obsahových informací Uživatel musí vždy jasně rozeznat, které informace patří k samotnému obsahu dané www stránky a které slouží jen k navigaci mezi jednotlivými stránkami. Proto jsou tyto dva druhy informací zřetelně odděleny. 2.5. Rozdělení obsáhlých bloků Rozsáhlé bloky jsou rozděleny do menších, výstižně nadepsaných oddílů. Jedná se většinou o dlouhé texty, které se dělí do odstavců a jsou vhodně nadepsány. stránku 2.6. Odkaz na vyšší úroveň v hierarchii a odkaz na úvodní Webové stránky mají většinou stromovou strukturu a každá stránka má pak v této struktuře svoje pevně dané místo. Některé se nacházejí v této hierarchii výše, některé níže a některé jsou na stejné úrovni. Pro uživatele je důležité, aby se mohl jednoduše v této struktuře pohybovat nahoru, dolů a do stran. Každá webová stránka (kromě úvodní webové stránky) by proto měla obsahovat odkaz na stránku o úroveň výš a na hlavní stránku. 4
2.7. Mapa webu Mapa webu (také mapa stránek) je strukturovaný seznam odkazů na všechny www stránky webu. Slouží k rychlé orientaci v rámci rozsáhlého webu. Na každé stránce obsáhlého webu musí být odkaz na mapu webu. Tento odkaz je na každé stránce vždy na stejném místě, aby ji uživatel mohl jednoduše a rychle najít. 5
3. Struktura navrhovaných www stránek V této části představuji postupně strukturu jednotlivých kapitol mých www stránek. V následujících bodech je vždy ukázka toho, jak by stránka vypadala, kdybychom kliknuli na různé odkazy těchto stránek. 3.1. Hlavní stránka Titulní stránka mých webových stránek s názvem Výtvarník nabízí návštěvníkům rozcestník. Ten je vytvořen tak, aby byl co nejsrozumitelnější a nejnázornější. Jednotlivé kapitoly jsou představeny jednoduchým obrázkem a názvem. Na horní liště se nachází odkaz na mapu stránek, zdroje informací a na kontaktní údaje. Zcela vlevo nahoře je logo výtvarník. Během prohlížení stránek je toto logo odkazem na úvodní stranu. 6
7
3.2. Dějiny umění V kapitole dějiny umění je přehled hlavních období výtvarné kultury. Tato kapitola obsahuje přibližně tolik informací, kolik by měl znát student výtvarné výchovy na běžné střední škole. 8
Kliknutím na vybrané období se pod čarou zobrazí podrobnosti Hlavní nadpis: písmo: Times New Roman, velikost 16, tučné Vedlejší nadpis: písmo: Times New Roman, velikost 14, tučné Text: písmo: Times New Roman, velikost 12 Toto pole vrací uživatele o úroveň výš 9
Obrázek: cca 120*120 pixelů, po kliknutí na něj nebo na barevný text se zvětší asi na 450*450 pixelů 10
3.3. Výtvarné prostředky Kapitola výtvarné prostředky je dále rozdělena na další podkapitoly. Návštěvníkům nabídne přehled a informace o tradičních výtvarných materiálech a technikách. Textové informace jsou opět (jako v kapitole dějiny umění ) doplněny obrázky. 11
12
13
3.4. Umělecké VOŠ a VŠ Tato kapitola poskytuje studentům středních škol (a nejen jim) přehled oborů vysokých a vyšších odborných škol, které mají nějakou souvislost s výtvarnou činností. Najdou zde obory čistě umělecké, jako je malba, sochařství, fotografie, intermediální tvorba atd., ale také například architekturu, oděvní návrhářství, dějiny umění, učitelství výtvarné výchovy a mnoho dalších. 14
15
Název univerzity nad vypsanými obory je zároveň odkaz na stránky této univerzity 16
17
Při najetí myší na některou VOŠ se objeví adresa stránky, kam budete přesměrováni po kliknutí. Na této stránce najdete veškeré informace včetně adresy stránek školy. 18
3.5. Galerie v ČR Kapitola galerie v ČR obsahuje přehled významných a zajímavých galerií u nás. V úvodu je mapka České republiky, na které jsou vybraná města znázorněna aktivními kolečky. Po kliknutí na některé město se pod čarou objeví seznam galerií ve městě. 19
Při najetí myší na některé kolečko se objeví název města. Po kliknutí se zobrazí seznam galerií. Odkazy na stránky galerií 20
21
3.6. Zajímavé odkazy V této kapitole je uveden seznam několika odkazů na internetové stránky, které mohou návštěvníkovi přinést inspiraci k vlastní tvorbě nebo informace, které rozšíří jeho obzory. 22
4. Závěr V této práci jsem se věnovala tvorbě webových stránek tématicky zaměřených na výtvarné umění. Téma, které jsem si vybrala je ale natolik obsáhlé, že jsem zatím vytvořila pouze grafický návrh a snažila se shromáždit většinu textů a obrázků, které budou obsahem těchto stránek. Podle tohoto návrhu hodlám vytvořit brzy funkční www stránky. Obrázky, které jsou obsaženy v práci a které ilustrují jednotlivé stránky jsem vytvořila v programu Corel DRAW. Zabývala jsem se také tím, jaká jsou pravidla pro tvorbu přístupného webu, neboli jak by měly stránky vypadat, aby uživateli nebyly kladeny žádné překážky. Tato pravidla jsem v návrhu zohlednila. S tvorbou webových stránek mám již zkušenost, tudíž jsem se snažila vytvořit co nejjednodušší layout, aby běh stránek nezpomalovalo načítání různých obrázků a složitých schémat. V dnešní době lze na internetu nalézt nepřeberné množství informací. Mezi nimi je také stále více výukových materiálů. Někteří učitelé dnes zastávají teorii, že není účelem, aby si studenti a žáci spoustu informací zapamatovali, ale aby uměli tyto informace najít, až je budou potřebovat. Kam až tato metoda výuky povede a kdy a jak se začne projevovat? Každé ráno vidím v autobusech spoustu malých dětí, které nesou na zádech náklad mnohdy jen o málo lehčí a menší než jsou oni sami. Jedou do školy. Na každý předmět si nesou jednu nebo dvě učebnice, které otevřou ten den sotva jednou a někdy ani to ne. Některé děti si navíc obsah svých aktovek ani denně neobměňují z obavy, aby něco nezapomněly. Pak vznikají vady páteře a třeba doživotní zdravotní potíže. V čem je tedy chyba? Leckterý student střední školy a zvláště pak vysoké školy nosí zcela jiné zavazadlo. Je to notebook. Informační technologie se vyvíjí velmi rychle, tudíž jsou počítače a notebooky stále levnější a dostupnější. Napadla mě tedy myšlenka: co když za pár let budou nosit i prvňáčci na zádech místo učebnic vážících třeba 10 kilo jen notebook a pár sešitů? Čítanky a učebnice budou v elektronické podobě a děti budou číst a učit se z monitorů. 23
Nevím, jestli se tato moje vize stane někdy skutečností, ale pravda je taková, že studijní materiály na internetu mají svoji budoucnost. Jsou levně publikovatelné a snadno dostupné. Stránky, které jsem v této práci navrhla, by měly být informačním a inspiračním zdrojem pro studenty výtvarné výchovy na středních školách. Mohou je využít také učitelé výtvarné výchovy jako podpůrný materiál při výuce. Doufám, že budou kvalitním a prospěšným studijním materiálem. 24
Literatura: PROKOP, Vladimír, Kapitoly z dějin výtvarného umění, Sokolov: O.K.-Soft, 1996. 67 s. VIGUE, Jordi, Mistři světového malířství, Čestlice: Rebo Productions CZ, 2004. 480 s. CHATELET, Albert GROSLIER, Bernard P., Světové dějiny umění, Praha: Ottovo nakl., 2004., 784 s. RAYMOND, Pirouz, HTML: kouzla na Webu, Brno: Unis, 1998. 294 s. NIELSEN, Jakob, WEB design, Praha: Softpress, 2002. 382 s. GAIR, Angela, Příručka pro výtvarníky, Praha: Svojtka a Vašut, 1997. 256 s. BAUER, Alois, Cesty výtvarného umění, Jihlava: Astera G, 1996. 253 s. DEBICKI, Jacek, FAVRE, Jean-Francois, GRÜNEWALD, Dietrich, PIMENTEL, Antonio Filipe - Dějiny umění, Argo, Praha 2001 http://pristupnost.nawebu.cz/ http://www.sovavsiti.cz/ http://www.jakpsatweb.cz/ http://www.jaknaweb.com/ http://cs.wikipedia.org/ http://artchiv.cz 25
Resumé V této práci jsem vytvořila návrh webových stránek tématicky zaměřených na výtvarné umění. V práci je řešena grafická podoba a obsah webových stránek. Tyto stránky jsou určeny především pro studenty středních škol, kteří se zajímají o výtvarné umění. Obsahově jsou rozděleny do pěti kapitol: dějiny umění, výtvarné prostředky, přehled vysokých a vyšších odborných škol s výtvarným zaměřením, galerie v ČR a odkazy na zajímavé internetové stránky. Návrh je proveden tak, aby na jeho základě bylo možno vytvořit skutečné webové stránky. I created a design of the Web sites in this Bachelor thesis. These Web sites are about fine art. In the thesis is solved a graphic shape and content of these Web sites. These sites are meant mainly for students of grammar school, who are interested in fine art. The sites are classified into five chapters: history of art, art techniques, universities of arts, galleries in the Czech Republic and link labels. The project was created so as real web sites could be based on it. 26