Zkratka na hlavní stranu: Alt + Shift + horní 2(ě)
Linkedin FB e-mail Google Plus Twitter

Hledat na tomto webu

 
 

TNPW1 – Cvičení a projekty

 

Obecné požadavky k úkolům na cvičení

  1. Konkrétní zadání jednotlivých úkolů (požadované prvky) naleznete níže, v patřičné prezentaci v Materiálech ke cvičení
  2. Stránku umístěte na server (lide.uhk.cz)
  3. Na stránku vložte odkaz pro ověření validity http://validator.w3.org/check?uri=referer (jiný web, nový panel)
  4. Při plnění úkolu si průběžně ověřujte validitu stránky a odstraňujte případné chyby (vždy jen první ve výpisu chyb)
  5. Na závěr si zkontrolujte splnění zadání; ověřte si validitu stránky; odstraňte případné chyby
  6. Odkaz pošlete e-mailem
    • příjemce: martin.adamek na uhk
    • předmět zprávy: „TNPW cvičení č.” (číslo cvičení)
    • do konce cvičení
  7. Úkol můžete použít i jako součást semestrálního projektu
    • ale při cvičení se zbytečně nezdržujte vytvářením smysluplného obsahu stránky

Validita stránky musí být podle normy XHTML 1,0 Strict, případně podle mírně přísnější normy XHTML 1,1.
Validita podle normy HTML nebo podle normy XHTML 1,0 Transitional není dostačující.

Materiály ke cvičení

Prezentace

  1. Organizační úvod (Formát .pps 116 KiB)
  2. Hello world (Formát .pps 290 KiB)
  3. Nadpisy (Formát .pps 272 KiB)
  4. Seznamy, obrázky, tabulky (Formát .pps 95 KiB)
  5. SFTP, formuláře (Formát .pps 104 KiB)
  6. CSS (Formát .pps 454 KiB)
  7. Menu (Formát .pps 144 KiB)
  8. Sloupce (Formát .pps 129 KiB)
  9. Box-model a projekt (Formát .pps 1.3 MiB)
  10. Plovoucí fotogalerie, position:fixed a použitelnost webu (Formát .pps 291 KiB)
  11. Konzultace projektů

Další materiály

Semestrální projekt

Projekt bude odevzdávat každý svému vyučujícímu dle náležitosti ke cvičení.

Informace pro mé studenty

  • odevzdání
    • nejpozději do 6.5.2011 23:59:59,9
      • bodová penalizace za zpoždění (skokově rostoucí nelineární funkce času)
      • pro přístup na brzké zkouškové termíny je lepší odevzdat projekt raději dříve před termínem
    • zasláním odkazu, podobně jako u úkolů na cvičení
      navíc ale v případě projektu přiložte k mailu zip archiv s html stránkami a CSS styly (bez obrázků)
      • příjemce martin.adamek na uhk.cz
      • předmět zprávy: „TNPW - projekt
        • nedodržení předmětu bude penalizováno (použijte kopírování blokem)
      • nebude možnost opravy projektu!
         => správnou verzi pošlete už napoprvé!
  • požadavky naleznete v xls tabulce s hodnocením předmětu, ve dvou listech
    • projděte si řádek po řádku požadavky na listu „Projekty-hodnocení”, a projekt si sami zkontrolujte!
    • prolistujte si prezentace ze cvičení a z přednášek, a dodržujte v nich uvedené požadavky
    • hodnocení později naleznete v xls tabulce s hodnocením předmětu, ve dvou listech
  • zápočty se zapisují až po zkoušce, současně se známkou
  • Pár poznámek pro prevenci zbytečných chyb v projektech:
    • Alternativní text obrázku nesmí být např. „Logo” – alternativní text musí obsahovat konkrétní text, který je v obrázku uveden, aby při nezobrazení obrázků bylo možné z obsahu elementů „alt” pochopit smysl stránky a navigaci.
    • Pokud je obrázek použit jako nadpis, musí být element „img” vložen v patřičném elementu (např. h1, h2, h3).
    • Dbejte na to, aby na každé (pod)stránce byl právě jeden element „h1”, a obvykle by tam mělo být i několik elementů „h2”, příp. „h3”.
    • Dbejte také na smysluplnost nastavení fontů (aby v jedné definici nebyly neúčelně namíchány bezpatkové a patkové fonty).
    • Určitě si prostudujte přednášku (jiný web, nový panel) č. 11, ve které naleznete upozornění na nejčastější chyby v projektech.

V případě pochybnosti(í) ohledně autorství projektu (nebo v případě jistoty, že údajný autor není skutečným autorem) může být předkladatel projektu vyzván k dokázání autorství projektu, mj. např. jeho osobní prezentací.
Prohlášení cizího díla za své dílo je amorální, ilegální a trestuhodné.

Odevzdáním projektu student prohlašuje, že je jediným a výhradním autorem projektu. Pokud je student pouze spoluautorem, může projekt odevzdat pouze po předchozím projednání s vyučujícím a musí při odevzdání výslovně a jasně uvést, které části projektu jsou jeho práce.

Komentáře návštěvníků

Poskytovatelé diskusních služeb (Facebook, Disqus) si do cookies ve vašem prohlížeči ukládají různé údaje, čímž mohou narušit vaše soukromí. Načtením diskusí na vaši žádost s tím souhlasíte.
Na drtivé většině webů se plug-iny Facebooku, Googlu, Disqusu a jiných třetích stran načítají automaticky; a že u mě se to děje až na vaše výslovné přání (tedy většinou neděje), je moje specialitka pro ochranu vašeho soukromí.
Discussion plugins from 3rd parties (Facebook, Disqus) provide information about you to theirs providers, saving some information into cookies in your browser. If you will load discussion on your request, it means you agree with it.

Pokud máte účet na Facebooku

(nebo jiném z několika podporovaných serverů)

Chovejte se tady jako doma, ať vidíme, jak to u vás vypadá.
[nápis v linkovém autobusu]

A priori upřímně doufám, že mě obsah a forma příspěvků nedonutí k žádným moderátorským zásahům,
ale právo zásahu si vyhrazuji, protože tyto komentáře jsou přístupné komukoliv, kdo se zaregistroval na FB, a já netuším, co se tu může objevit.

V souvislosti s vkládáním odkazů na Vaše weby do komentářů nejsem hysterický. Odkaz na nekomerční web s relevantním obsahem, který může pomoci ostatním návštěvníkům, uvítám.

 
Načíst sem facebookové komentáře
pro čtení (aktuální počet: 0)
nebo přidání vlastního

(vyžadován javascript)
 
Komentáře se záměrně nenačítají samy, aby až do jejich načtení:
Facebook nevěděl, že jste tady právě vy,
nezkazila se přizpůsobivost webu a kvalita kódu
a nezvyšoval se datový tok.
 
Facebook ví, že tuto stránku teď někdo navštívil, ale na rozdíl od řešení obvyklého na drtivé většině jiných webů s FB pluginy tady díky mému způsobu realizace nepoznal, že jste to byli právě vy.

 

Pokud nemáte účet na Facebooku

Komentářový plugin Facebooku umožňuje vkládat komentáře i prostřednictvím účtů na několika dalších serverech (i když u nás nejsou moc používané).

Pokud nemáte žádný účet, prostřednictvím kterého byste sem mohli napsat komentář, neberte to jako diskriminaci. Zkrátka jsou tu komentáře alespoň pro uživatele FB a pár dalších serverů, což je lepší, než kdyby tu nebyly vůbec.

Kromě zjevné nevýhody má toto řešení i své výhody:

  • Při použití své FB identity by se většina uživatelů mohla zamyslet, co vypouští z prstů.
  • Odkaz na komentovanou stránku se může šířít Facebookem.
  • Ve výchozím nastavení se přednostně zobrazují komentáře zanechané návštěvníkovými facebookovými známými, což v důsledku podporuje obě předchozí výhody.

Navíc většina neuživatelů FB zůstává mimo FB ze svého vlastního rozhodnutí, takže jim neužívání Facebooku přináší různé pro ně důležité výhody (soukromí, čas), které snad vykompenzují nemožnost sem něco napsat.
Případně je možné jako náhradní možnost použít návštěvní knihu společnou pro celý web.
Časem třeba napíšu nebo nasadím nějaký jiný komentářový systém, který bude mít menší omezení pro komentátory, ale teď je tu alespoň toto.

Ale i tak si můžete alespoň přečíst komentáře od ostatních.

Strukturovaný opis komentářů

Pro:

  • paranoidní jedince, kteří nechtějí, aby FB věděl, že právě oni navštívili tuto stránku,
  • programátory, kterým se ta struktura vnořených polí bude líbit,
  • uživatele mobilních zařízení, kteří nechtějí, aby FB pokazil přizpůsobivost webu,
  • případný prohlížeč bez javascriptu
  • webový archiv, který si je takto uloží jako statický text dostupný v budoucnu i bez spolupráce Facebooku.
Array
(
    [error] => Array
        (
            [message] => (#4) Application request limit reached
            [type] => OAuthException
            [is_transient] => 1
            [code] => 4
            [fbtrace_id] => BEDqoXLfHQw
        )

)

Komentáře Disqus

Sem se javascriptem vkládají komentáře Disqus, teď Vám ale asi javascript nefunguje.
System for comments Disqus doesn't work without javascript.

Skok nahoru na: Navigační menu (klávesová zkratka „5”)

Zaujala Vás tato stránka?

  • Přidat do záložek (Ctrl+D)
  • Sdílet odkaz (vysílačka)Skok nahoru na:
  • Vytisknout (Ctrl+P)
  • Citovat podle ČSN ISO 690

    Tuto stránku

    ADÁMEK, Martin. TNPW1 – Cvičení a projekty. Martin Adámek [online]. Náchod [cit. 2017-10-24]. Dostupné z: http://www.adamek.cz/fim/tnpw1/c

    Celý web

    ADÁMEK, Martin. Martin Adámek [online]. Náchod [cit. 2017-10-24]. Dostupné z: http://www.adamek.cz

 

 
 

Národní kulturní dědictví

Stránky archivovány Národní knihovnou ČR Tyto stránky jsou pravidelně archivovány Národní knihovnou ČR pro svou kulturní, vzdělávací, vědeckou, výzkumnou nebo jinou informační hodnotu za účelem dokumentace autentického vzorku českého webu. Jsou součástí kolekce českých webových stránek, které NK ČR hodlá dlouhodobě uchovávat a zpřístupňovat pro budoucí generace. Jejich záznam je součástí České národní bibliografie a katalogu NK ČR.  

 

 
 

Pro rozptýlení

- Jak se máš?
- Super, jen mě hrozně bolí prsty.
- A co se stalo?
- Včera jsme na chatu měli oslavu a celou noc jsme zpívali.

 

Pro zamyšlení

Jsou tři druhy lží:
Lži, proklaté lži a statistiky.

[Benjamin Disraeli]