Jiří Štěpánek

Novinky

TNPW1 předtermín 15.12.2011 Předtermín zkoušky z předmětu TNPW1 byl stanoven na úterý 20.12.2011 16:00 - 17:00 na uč... více »

TNPW1 - poslední 2 týdny semestru 12.12.2011 Poslední dva týdny semestru slouží cvičení jako prostor pro konzultaci závěrečných pro... více »



Ke stažení

Přednáška 6Přednáška 7Přednáška 8 Přednáška 9 Přednáška 10 Přednáška 11 Přednáška 12

Cvičení 1 Cvičení 2 Cvičení 3 Cvičení 4 Cvičení 5 Cvičení 6 Cvičení 7 Cvičení 8 Cvičení 9 Cvičení 10 a 11 - konzultace závěrečných projektů

Hodnocení

Body ze cvičení

Hodnocení projektů, aktualizováno 6.1.2010 12:24 Kompletní verze - všechny projekty, které mi přišly jsou opravené

TNPW1 - technologie pro publikování na webu 1

Náplní předmětu technologie pro publikování na webu 1 je podat studentům potřebné informace k tvorbě validních XHTML 1.0 Strict stránek. Není kladen důraz na dobré grafické zpracování, ale na čistý přehledný kód a použití kaskádových stylů, které dovolují oddělit formátování od obsahu. Předmět začíná vysvětlením základních principů WWW, protokolu HTTP, překladu symbolických doménových jmen na IP adresy apod. Dále se pokračuje praktickým zvládnutím XHTML a CSS v editoru Macromedia Homesite 5.

TNPW 1 je vyučováno v obou semestrech. V Zimním semestru je povinný pro AI3 a v letním pro IM3/IM5. V případě, že si student oboru, který nemá TNPW1 daném semestru povinně zapsaný, zapíše tento předmět, musí počítat s tím že jej nebude moci absolvovat z kapacitních důvodů.

TNPW1 je možno absolvovat ve zrychleném režimu. Stačí odevzdat závěrečný projekt dříve. Osobně ponechávám lhůtu 3 týdnů od začátku semestru, kdy je odevzdání "pokusné" a v případě nepřijetí projektu má student možnost odevzdat projekt v termínu řádném (konec semestru)

 

Závěrečný projekt - podmínka k získání zápočtu

Záverečným projektem student dokazuje osvojení praktických dovedností tvorby statických XHTML stránek. Základem úspěšného projektu je validní web splňující níže uvedená kritéria. Jako téma projektu je možné zvolit si cokoli, o čem je možné zpracovat minimálně 5 stran obsahu. Níže uvedená tabulka popisuje kritéria a jejich bodové hodnocení, kterým doporučuji věnovat pozornost.  V tabulce sou uvedeny i sankce (spodní a horní hranice - podle míry "prohřešku"). Projekty se budou odevzdávat do 23.12.2011 včetně. Mailem (na mou školní adresu) zašlete link na umístění projektu na webu, současně s ním také zabalený projekt. Tento způsob odevzdání je nutný k přijetí projektu. Chtěl bych upozornit, že zde neplatí kdo nic nedělá, nic nezkazí, proto se nebojte použít v projektu něco navíc, vyhrát si s formátováním. K tomuto bude samozřejmě pozitivně přihlíženo při hodnocení.

Očekávaný přístup k projektu je - jako kdyby byl navrhován pro konkrétního zákazníka, který požádá o zpracování statické webové prezentace na nějaké téma. Téma webu si lze vymyslet (osobní web, fiktivní společnost či fan-stránky nějaké kapely...). Informace poskytnuté na stránkách nemusí nutně reflaktovat realitu. Důležitý je přístup k tvorbě. Projekty, na kterých zůstalo kus práce, nad kterými se autoři zamýšleli, vypadají úplně jinak, než projekty, které byly stvořeny narychlo za účelem absolvování TNPW1. Tomu samozřejmě odpovídá i hodnocení.

 

tabulka kritérií

Skupina Kritéria
   
Rozsah, obsah  
 
  • Web je tématicky ucelený, s patřičným obsahem
  • Minimálně jeden článek v rozsahu jedné normostrany, správná sémantika nadpisů
    (na každé straně právě jeden h1, logické strukturování)
  • Fotogalerie (fotografie budou mít popisky)
  • Reprezentace dat pomocí tabulky (tabulka je správně definována)
  • Navigační menu využívající :hover a :focus
  • Každá stránka má základní meta tagy (author, description, keywords)
 Použité elementy  
 
  • Obrázky (samozřejmě vhodně použité, mimo fotogalerii,
    obrázky budou mít definovanou velikost odpovídající jejich rozměrům. Alt atributy
    obsahují text, ze kterého uživatel pochopí smysl obrázku, nikoli název obrázku)
  • Odstavce jsou vhodně rozvrženy
  • Nadpisy (dodržená sémantika, nepřeskakovat úrovně nadpisů)
  • Odkazy (viditelné, smysluplné pojmenování)
  • Alespoň jeden číslovaný nebo nečíslovaný seznam
  • Libovolné další elementy např. pro zvýraznění textu, citaci, formuláře apod. (vhodně ostylované)
  • Všechny elementy jsou správně použité vzhledem k jejich povaze
 CSS, Formátování  
 
  • Veškeré formátování je definováno v externím CSS souboru
  • Zvlášť je formátován tiskový výstup (schování menu a pro tisk nepotřebných prvků)
  • Selektory v CSS souborech jsou konstruovány tak, aby byly efektivně použitelné v
    XHTML dokumentu (vhodné použití formátování pro vnořené elementy apod.)
  • Použité elementy, které má smysl formátovat, budou formátovány (odstavce, nadpisy, odkazy, oddíly stránky atd..)
 Koncepce a použitelnost  
 
  • Stránky nebudou mít horizontální posuvník při rozlišení 800x600
  • Barevné schéma je vhodně zvolené, obzvlášť bary textů a pozadí jsou kontrastní
  • Web je použitelný a čitelný při výpadku CSS i obrázků
  • Layout se nerozsype při zvětšování písma
  • Celý web je validní podle normy XHTML 1.0 Strict
Celkové zpracování  
 
  • Web není jen kompilát dílčích úkolů ze cvičení ale je pečlivě a smysluplně zpracovaný
  • Z webu není znát, že se jedná o školní projekt vytvořený pouze pro účely TNPW1
  • K projektu se přistupuje jako by byl navrhován pro zákazníka
  • Vhodně zvolené ovládací prvky (ikdyž některé z nich mohou být nefunkční - pouze náznak či příprava pro web aplikaci)
  • Web je intuitivní a přehledný.
  • Každá stránka má optimální obsah. Není správné mít na stránce např. 3 strany textu a na další pouze tabulku.

Maximální bodový zisk je 50 bodů. Pro získání zápočtu je nutné dosáhnout minimálně 30b. Polovina bodů, které jsou nad hranicí nutnou pro zápočet se započítává do zkouškového testu. Příklad: Z ptojektu mám 40 bodů. Nad hranicí je 10b. Tedy 5 bodů je mi připočteno k dobru ke zkoušce. Zkouškový test je na 50b.

   
  
 Bodové sankce  
   Za pozdní odevzdání projektu (čím déle, tím více se přiblížíte horní hranici sankce) 1-15b
   Jazykové chyby, překlepy, chyby z nepozornosti 1-5b
   Nepřehledný kód XHTML nebo CSS 1-5b
   Obecně zásadní chyba 1-5b