Tvorba www stránek - Jak hodnotí vítězné práce žáci SPŠE oboru grafika a webdesign?



Podobné dokumenty
MANUÁL PRO REDAKČNÍ SYSTÉM WEBOVÝCH STRÁNEK OBSAH

Přehled základních html tagů

Dokumentace k projektu

David Tejzr I.2.C Společnost TzComp.cz

Nástrojová lišta v editačním poli

Tvorba fotogalerie v HTML str.1

-menu: dává přístup k funkcím programu. v návodech, pokud chceme říct "klikněte na Soubor a pak na volbu Nový", to zapisujeme jako: Soubor / Nový

Administrace webových stránek

KAPITOLA 3 - ZPRACOVÁNÍ TEXTU

Počet odpovědí: 39. Souhrn. Stránky navštěvuji: Stránky nejčastěji navštěvuji: Ná stránky přistupuji jako:

Webová grafika, struktura webu a navigace, použitelnost a přístupnost

SKUPINA ČEZ GRAFICKÝ MANUÁL PRO WEBOVÉ STRÁNKY SKUPINY ČEZ / VERZE 06/2014

DESETIMINUTOVKY CSS - DOVEDNOSTI TÉMATA:

Manuál pro obsluhu Webových stránek

Manuál Redakční systém

manuál vizuální komunikace

NÁVOD NA OBSLUHU INTERNETOVÉ PREZENTACE. Ataxo Czech s.r.o.

Karel Punčoch Jan Sequens. Moderní trendy webdesignu

Mgr. Vlastislav Kučera Header, footer, navv, article, section, boxy, margin, padding, border

1. Otevřete dokument, který chcete číst. 2. Na kartě Zobrazení klikněte ve skupině Zobrazení dokumentů na položku Čtení na celé obrazovce.

DESETIMINUTOVKY HTML - DOVEDNOSTI TÉMATA:

V. Dům přírody GRAFICKÝ MANUÁL AGENTURY OCHRANY PŘÍRODY A KRAJINY ČESKÉ REPUBLIKY

1. VSTUP do e-learningu

STRUČNÝ POPIS REKLAMNÍCH PRODUKTŮ CHYTRÉHO BYDLENÍ

Název: VY_32_INOVACE_PG4113 Relativní pozicovaní a jeho využití

Redakční systém IPO manuál

METODICKÝ POKYN PRÁCE S MS Word MÍRNĚ POKROČILÍ. Tento projekt je spolufinancován Evropským sociálním fondem a státním rozpočtem České republiky.

Návrh stránek 4IZ228 tvorba webových stránek a aplikací

Tvorba článků na knihožroutu: Slovo úvodem... 2 Přihlášení... 3 Tvorba tabulky... 5 Vložení obrázků... 8 Vložení hypertextového odkazu...

Uživatelská příručka pro portál ecardio

Příručka Vzdělávacího střediska Konero ke kurzu Milan Myšák

Nová struktura souborů a složek

Střední průmyslová škola Ostrov. Tvorba webových stránek. Petr Pistulka I CC - BY NC SA3.0. Klínovecká Ostrov

Základní škola Hluk výukové texty MS Word 2007

Ovládání Open Office.org Calc Ukládání dokumentu : Levým tlačítkem myši kliknete v menu na Soubor a pak na Uložit jako.

Uživatelská příručka 6.A6. (obr.1.)

Photoshop Elements 11 písmo v reklamě banner

RSS NÁVOD K POUŽITÍ. Na internetu lze najít spoustu jednoduchých RSS čteček. Níže pár samostatných specializovaných programů:

Pro správné zobrazení mapové aplikace je potřeba mít nainstalovaný zásuvný modul Flash Adobe Player.

Google Apps. weby 1. verze 2012

K 2 - Základy zpracování textu

Použitý operační systém. Použitý textový procesor

GRAFICKÝ MANUÁL PIKTOGRAMY IROP

Práce s MS Excel v Portálu farmáře a využití pro stažení dat KN z LPIS a sestav z EPH

ŠKODA Portal Platform

Práce v programu Word 2003

Formulář pro křížový filtr

Soukromá střední odborná škola Frýdek-Místek, s.r.o. VY_32_INOVACE_92_IVT_HTML_12_nase_www

Úloha Mapa. Kategorie programování webu. 22. až 24. června Soutěž v programování 32. ročník. Celostátní kolo 2017/2018

Bible Quote 6.5 Okno programu

Práce s administračním systémem internetových stránek Podaných rukou

ROČNÍKOVÁ PRÁCE. Střední průmyslová škola Ostrov. Webové stránky na téma Město, ve kterém žiji. Třída I2 Tadeáš Seemann

Gymnázium Ostrava Hrabůvka, příspěvková organizace Františka Hajdy 34, Ostrava Hrabůvka

PREZENTACE ÚPRAVA POZADÍ SNÍMKU

Microsoft Office Word 2003

WEBOVÉ STRÁNKY ŠKOLY A REDAKČNÍ SYSTÉM

Naučte se víc... Microsoft Office PowerPoint 2007 PŘÍKLADY

Stručný manuál pro webový editor. Ukládáni základních informací, tvorba menu

Bakala ř i - manua l. Obsah

Zdokonalování gramotnosti v oblasti ICT. Kurz MS Excel kurz 4. Inovace a modernizace studijních oborů FSpS (IMPACT) CZ.1.07/2.2.00/28.

INFORMATIKA WORD 2007

Soukromá střední odborná škola Frýdek-Místek, s.r.o. 4 Forma denní, 5 Forma dálková

O CSS podrobněji. Box model Document flow Layout


Formuláře. Téma 3.2. Řešený příklad č Zadání: V databázi formulare_a_sestavy.accdb vytvořte formulář pro tabulku student.

Registrace a nastavení účtů do Vodafone OneNet Samoobsluhy, Vodafone evyúčtování.

Jak na TV vysílání se set-top boxem Di-Way AND1?

INTERSTENO 2011 Paris World championship professional word processing

PRÁCE S TEXTOVÝM EDITOREM 6.4 TEXTOVÉ POLE

52 nd INTERSTENO congress Cagliari, July 2019

Práce s plátnem. Vrácení se o krok zpět CTRL+Z Vrácení se o krok vpřed SHIFT+CTRL+Z Duplikace objektu CTRL+D

Office Arena 2017 Krajské kolo

Vytváření DVD s DVDStyler

tvoříme web HTML/CSS

MS Word. verze Přehled programů pro úpravu textu

22. Tvorba webových stránek

Inovace výuky prostřednictvím šablon pro SŠ

František Hudek. leden Informační a komunikační technologie ZONER Práce s textem. Tvorba a editace odstavcového a uměleckého textu.

WORD 2007 grafický manuál

Microsoft Office Word 2003

PŘÍRUČKA PRO REDAKTORY UNIVERZITY PARDUBICE

Textové editory. Ing. Luděk Richter

Microsoft Office PowerPoint 2003

Multimediální prezentace MS PowerPoint I

Existuje celá řada volně dostupných nástrojů, které jsou pro účel projektu vhodné, např.

Návod na tvorbu časové přímky v programu Microsoft PowerPoint 2013

STRÁNKA BY NEMĚLA BÝT POUZE VIZITKOU, ALE MĚLA BY BÝT PRODEJCEM

Word základní ovládání a práce v programu I.

Webové stránky. 4. Tvorba základní HTML webové stránky. Datum vytvoření: str ánk y. Vytvořil: Petr Lerch.

Informace o zdroji učebního textu a poučení o jeho užívaní. Petr Broža, Libor Kříž, Roman Kučera, Pavel Nygrýn

Použití prezentací. K heslovitému sdělení informací. Oživení obrázky, schématy, tabulkami, Nevhodné pro dlouhé texty. Doprovodná pomůcka při výkladu

Údržbové prostředí Rebeca44

Odpadové hospodářství v ORP Ústí nad Labem

Osnova. Koncept a použití prezentací. Seznámení s pracovním prostředím MS Word Režimy zobrazení. Užitečná nastavení. Základní práce s dokumenty

František Hudek. březen ročník. Informační a komunikační technologie OS WINDOWS Hlavní panel

Uživatelský manuál Radekce-Online.cz

GIS Mikroregionu Telčsko

Název a registrační číslo projektu: Číslo a název oblasti podpory: Realizace projektu: Autor: Období vytváření výukového materiálu: Ročník:

Inovace a zkvalitnění výuky prostřednictvím ICT Databázové systémy MS Access formuláře a sestavy - vytváření Ing. Kotásek Jaroslav

Výukový materiál zpracovaný v rámci projektu

Transkript:

Tvorba www stránek - Jak hodnotí vítězné práce žáci SPŠE oboru grafika a webdesign? 1. místo + kombinace barev šedé a modré + částečná responzivita webu + pěkné okno citace + dobrý nápad s hoverem u navigace + responzivní galerie + web na plnou šířku okna - hlavička příliš chudá - zarovnání textu - příliš malé odsazení u tabulky - neresponzivní obrázek - příliš nízké odsazení řádků u odstavcového textu -příliš malý dolní margin u nadpisů + parallax efekt + skvělá 100% height nadpisová zóna + pěkné barvy + pěkné nadpisy + zarovnání textu do bloku + super patička - nefunkční responzivita - zvláštní odsazení (nahoře a dole jiný margin apod.) - text u odrážek příliš blízko - zvláštní hover efekty - proč má hover u nadpisů? - tlačítka v navigaci strašně daleko od sebe + gaussian blur pozadí + poloprůhledné divy + barvy + pěkný červená border-top + zarovnání do bloku - příliš malé vnitřní odsazení - border radius u headeru - margin u body nahoře je a dole se div dotýká stránky - galerie špatně řešená - titulek u všech podstánek stejný + barvy + pěkně řešené tabulky + změna barvy u výběru - web je na podstránkách větší než okno prohlížeče - zvláštní efekty obrázků na pozadí - odsazení tam, kde se to nehodí (viz obrázky u hlavní stránky) - nehezká tlačítka a jejich '>>' odrážky - web je i vyšší než by měl být; oranžové pole prázdnoty pod obsahem? - nevalidní zakončování tagů

1. Místo a) Snaha o respozivitu, web se zdá být responzivní, mohlo by to být lepší, ale za dvě hodiny výborná práce. b) Grafické zpracování také není špatné, nepřehnal to s barvami, ladí to k sobě c) Eventy při najetí myši d) Zarovnání textu e) Footer hezky zpracovaný, zafixovaný f) Border na levé straně u několika článků je hezký nápad jak zkrášlit web a) Odsazení h1 "Velká Pardubická" od vrchu, nepůsobí to moc úhledně, možná by bylo lepší, kdyby byl text vertikálně uprostřed b) Obrázky ve fotogalerii, mohly by být všechny stejně velké, žádný efekt při najetí, suché 2. Místo a) Hlavní stránka, která se zobrazí hned při najetí, hezky provedeno. b) Celkové grafické zpracování na dobré úrovni c) Eventy při najetí myši na odkazy v menu, na obrázky d) Hezky zpracovaná galerie e) Hezký footer a) Po výborném dojmu z mainpage kliknu na tlačítko "dolů" a objeví se mi tam otřesná jezdící galerie, která jede trhavým pohybem, na obrázky nejde kliknout, aby se zvětšili. Na můj vkus zbytečné, přeplácané b) Ve fotogalerii funguje "smrštění" fotky jen občas c) V seznamu překážek špatná čitelnost textu než se na něj najede myší d) Pokus o responzivitu, bohužel to moc nevyšlo, nefunguje tak jak by mělo. 3. Místo a) Barevné zpracování b) Event při najetí myši, transition c) Obrázky na úvodní stránce, hezky se to mění a) Příšerná úvodní stránka b) Nesmyslné dvě menu c) Prostor dole pod stránkou, pevná výška stránky d) Špatně nastavená full-width e) Chybí fotogalerie 4. Místo a) Graficky pěkné b) HTML5 c) Dělal to kluk z Litomyšle z mé bývalé základky a) Málo textu, úprav b) Špatně zpracovaná galerie, obrázky nejdou zvětšit, rozkliknout, při najetí "skáče" c) Prostor dole pod stránkou, pevná výška stránky d) Obdélník s hlavičkou má zaoblené rohy, obdélníčky v menu už ne, dělá to špatný dojem e) Chybí footer 5. Místo a) Dělal to borec z Litomyšle z mé bývalé základky a) Z poloviny HTML5, z poloviny HTML4 b) Špatně zpracovaná galerie, obrázky nejdou zvětšit, rozkliknout, při najetí "skáče" c) Graficky nic moc zpracované d) Menu nepřehledné, hrozná barva, font, špatně zarovnané e) Na pozadí stránky je hezké možná to, jak je to černobílé

1. místo - dobrá volba fontu - dobré barvy - jednoduchý efektivní design -přehlednost - responsivita - obsah je možná zbytečně úzký - moderní vzhled webu - dobrá volba fontu - dobrá kombinace barev - přehlednost - nelíbí se mi "jezdící" obrázky - zbytečně velké rozestupny mezi divy v menu - málo obsahu, ale to je spíš jen "kosmetická" vada - zbytečně moc hoverů - kategorie O Velké Pardubické je pěkná, využívá pěkné barvy a fonty (ale má oranžový levý okraj...nevím proč) - kategorie Domů je celkem nesmyslná a nefungující - celý web má z nepochopitelného důvodu dole oranžovou a není správně vycentrovaný - přehledný web - zajímavé pozadí - web není ničím originální, je obyčejný - volba celkem nešťastných barev - nelíbí se mi vržený stín při najetí na obrázky v galerii - bohužel jsem asi nenašel žádné - nevhodné barvy - nevhodný font - opakující se pozadí - menu není srovnané s obsahem - patička je z nepochopitelného důvodu odsazená od dolního okraje obrazovky - hover u obrázků v galerii - seznam překážek má vycentrované překážky, ale jejich čísla jsou nalevo

1. - se mi celkový layout stránky, modrý bar/čára při najetí na odkazy a má hezky zarovnaný text, obrázky. Moc se mi nelíbí použitý font v článku, přijde mi nepřehledný. 2. - Zde se mi líbí odkazy, které zůstávají i při scrollování a tlačítko "Dolů". Tlačítko by však mělo mít "transition", protože když na něj člověk klikne, neví, kde se octl. Je hezké, že si pohrál s efektama, ale web mi přijde až moc interaktivní, je celý chaotický (odjedu kurzorem z "navu" a zmizí obrázek na pozadí atd.). Dále mi web přijde hodně hranatý (odkazy, obrázky). 3. - Zde se mi líbí layout webu a header s obrázkem, který tomu dodává život. Úvodní stránka se mi však nelíbí a vůbec bych ji tam nedával. Je chaotická, obrázky jsou moc velké a je to nepřehledné. Když člověk klikne na nějaký odkaz, tak mu to přijde, jak když se objevil na úplně jiném webu. Dále jsou zde nesmyslná místa, která zůstala prázdná. 4. - Web je velice přehledný a bloky jsou pěkně udělané/rozmístěné. Červené tečky kolem nadpisu se mi moc nelíbí a barevně to vypadá jako na pohřbu. Galerie se mi ale celkem líbí, má zajímavé efekty. 5. - Zde opravdu nevím, celé je to takové nedodělané a chaotické. se mi otevření úvodní stránky při kliknutí na nadpis, ale to je asi vše. 1. místo - Na stránce se mi líbí menu, při najetí se změní barva podtržení, a když jste na té stránce, tak tam ta barva zůstane. Jediný co bych vytkl je header, nechápu proč ho má tak velký, mohl by být o trošku menší a název Velká pardubická být uprostřed. To samé o footer,text by mohl být uprostřed, ale jinak dobrý nápad, že footer zůstává pořád dole i když jedu kolečkem dolů. Plus za responzivní web. - Na stránce si hodně pohrál s efektama, na můj v kus je jich tam až moc. Jediný co se mi líbí, je ten nápad s obrázkem na pozadí, když najedu na menu, obrázek je vidět a když najedu na article tak z obrázku se stane bílá barva a text je k přečtení. Plus za responzivní web. - Na stránce jsou nesmyslná místa, která by tam nemusela být. Hlavní stránka - po otevření jsem se lekl velkých obrázků přes celou stránku, ale zase plus je, že obrázky se mění po najetí a mají nějakou animaci, aspoň to je na hlavní stránce dobrý. Po kliknutí na "O Velké pardubické" na mě stránka začala působit profesionálně. Klasické rozvržení stránky, efekt na obě menu jsou hezké, a hodně se mi líbí rozvržení articlu, ale po najetí dolů zase nesmyslná mezera která by tam být nemohla. A hlavně mínus za nedodělání stránky Fotogalerie. - Klasická stránka, na mě moc červené. Efekt u fotogalerií by mohl být jenom to zesvětlení obrázku a ne zesvětlení a k tomu červený stín. Stejné u menu - nemusel být červený text a taky stejné u articlu - nahoře by nemusel být červený proužek. 5.místo - Jediné co se mi líbí, že zvolil u efektu zelenou barvu. 1. místo: Hlavička se mi zdá zbytečně velká a nezaplněná, líbí se mi patička, která je stále vidět. Jednoduché a stylové menu, celkově ale není na první pohled poznat, o co se jedná. Responzivní. : Pěkné transparentní pozadí, obrázky na úvodní stránce bych nerozpohybovával, nedá se to pořádně prohlédnout. Responzivní. : Úvodní stránka je přeplácaná, ale zbytek webu je designově perfektní. : Hezké pozadí, i když tady bych také na první pohled nepoznal, o čem stránka je. V indexu je toho hrozně málo, rámeček u hoveru obrázku bych tam nedával, nebo bych ho dal méně decentní. Při zmenšení stránky blbne pozadí. : Pozadí vypadá neprofesionálně, font se tam nehodí, ani ta zelená barva. 1. líbí se mi jednoduché zpracování(barvy, layout,responzivita), nelíbí se mi galerie (různé velikosti obrázků) 2. nelíbí se mi barvy webu, nepřehledné (responzivní) 3. hezký design, ale nedodělané (Škoda líbí se mi asi nejvíc) 4. jednoduché přehledné, ale když má 1 blok zaoblené rohy tak je mají zaoblené buď všechny nebo žádný.(responzivní) 5. Přehledné, jednoduché jen ta zelená bije do očí.

1. místo - celkove rozlozeni stranky - kdyz jsem treba v Historii tak to mam nahore v menu je podtrzene, takze se porad orijentuju kde se na te strance nachazim - nadpis "Velká pardubická" mi prijde ze je moc maly a je kolem nej zbytecne moc mista - kdyz jdu do fotografii tak je videt, ze kazda ta fotka je jinak velka a potom to vypada, ze to je neusporadane a kazi to ten jednotny styl nebo rad te cele stranky - kdyz kliknete na nejakou fotku tak nemuzete listovat mezi ostatnimi ale musite kliknout na sipku zpet a pak az se dostanete na dalsi stranku, zbytecne vam to pridelava praci a lidem co maji pomaly net se to bude akorat dlouho nacitat a budou z toho nervni - kdyz se koukame na fotky nebo na seznam prekazek a najedeme na ne, tak se zvetsi - kdyz jste na hlavni strance tak je jakoby ta hlavicka pres celou vasi obrazovku a musite sjet dolu kde vam pomalu prejizdeji fotky, takze to "Domů" je vlastne jen o tom, ze se podivate na nadpis a to je vsechno - menu je skoro stejne zelene jako pozadi, a proto pak zanika na te strance - pekne usporadana stranka - "Domů" napsal na konci s carkou - ta hlavni stranka je cela takova divna, proc je je menu az ve spodu na te strance?! - da se rict ze je tam to menu vlastne dvakrat, jednou ve spodu a podruhe na leve strane... to mi prijde zbytecne - v galerii se vam kazda ta fotka jakoby zvyrazni a ohranici na druhou stranu kdyz na ni nenajedete mysi tak ji vlstne neuvidite plne barevnou - na prvni pohled ta stranka vypada celkem pekne a usporadane - kombinace barev, je to moc takove jako zastarale nebo jak bych to rekla, ta stranka vypada spis tak jako smutne - cerno-bile pozadi vypada moc hezky - ta zelena hrozne bije do oci a nejvic kdyz se koukate na tu tabulku - menu by jsem usporadala trochu jinak...rozhodne by sem nedala prvni fotky a posledni teprve text, prijde mi ze to uplne narusuje rad webovych stranek 1. místo se mi jednoduchost webu a přehlednost. se mi vzhled a typ písma + pár věcí ve fotogalerii. Celkově se mi nelíbí. se mi vzhled stránky. se mi chyby v textu a nedokončená práce. se mi vzhled, text, barvy stránky; asi nejlepší ze všech pěti. se mi bílé okraje a zelená barva písma, jinak všechno ostatní je vcelku v pohodě.

1. místo: Tato práce není tak propracovaná, přesto najdu to, co hledám a neztrácím se v tom. : Nejpropracovanější práce ze všech, až na to zelené pozadí na začátku, tak stránka působí efektivně a graficky pěkně. (Myslím tím efekty u obrázků, písma apod.) : Nedodělaná práce a musím si jí přizpůsobit na obrazovku, jinak hezká práce. : Nepropracované, ale přesto uspořádané, (když kouknu, vidím a najdu) : Stránku si musím přizpůsobit, ale je přehledná. 1. - se mi barvy i rozložení, ale nelíbí se mi fotogalerie kde se fotografie zobrazují na jiné stránce. Lepší by bylo, aby se obrázky otevíraly v popředí. 2. - se propracovanost stránky- statické pozadí a pohyblivé popředí, ale nelíbí se mi barva fotografie, na pozadí asi bych zvolil bílý poloprůhledný filtr. 3. - se mi zajímavé rozložení stránky, ale stránka má spoustu chyb např.: se musí zmenšit, aby se dala přečíst anebo deformace obrázků na domovské stránce. 4. - se mi rozostřené pozadí stránky a fotogalerie, ale v celé stránce je málo obrázků, celkový hranatý design ruší zaoblená hlavička. 5. -Stránka by se mi líbila nebýt špatně zvolené barvy nadpisu a písma, asi bych zvolil jednodušší písmo a také se mi nelíbí bílé okraje. 1, - líbí se mi přehlednost a jednoduchost stránky, text je trošku nepřehledný 2, - nelíbí se mi styl stránky, moc velké záhlaví a přehrávání obrázků dle mého trvá strašně dlouho, líbí se mi snaha o originalitu. 3, - nelíbí se mi úvodní stránka, chyby v textu 4, - vzhled nijak nezaujme, změnila bych barvu, protože mně k sobě kombinace hnědé a červené nejde 5, - dobrý nápad, zajímavá fotka pozadí, nelíbí se mi zelené písmo 1.: se mi jednoduchost 2.: nelíbí se mi ta jezdící galerie nelíbí se mi, že na najetí nadpisy a obrázky se zvýrazní, nutí mě na to kliknout a myslet si že je to odkaz 3.: se mi menu, až na ty obrázky 4 : Málo obrázků, nelíbí se mi to ohraničení toho nadpisu a taky červené písmo 5: špatné barvy na tabulky, obrázky se zvýrazňují při najetí líbí se mi ten černobílý obrázek v pozadí, ale nemusel by se opakovat