HTML a CSS: Referát na web

Verze z: 15. března 2010

Obecné požadavky na HTML kód

Zpracujte jednoduché stránky na zadané téma. Rozsah je zhruba jedna až dvě stránky A4 textu. Stránky musí především splňovat technické požadavky. Hlavním cílem je předvést, že umíte psát ručně kód HTML.

Technické požadavky na stránky:

1. Vhodné použití elementů, které známe:
   • nadpisy,
   • odstavce,
   • seznamy s odrážkami a číslované,
   • obrázky,
   • odkazy,
   • tabulky.
2. Formátování pomocí kaskádových stylů:
   • nastavení formátu běžných elementů,
   • jsou použity vlastní styly (atribut class),
   • použití barev textu a pozadí,
   • použití orámování.

   • Nepoužívejte formátování pomocí jazyka HTML!

     Formátujte s využitím kaskádových stylů. Pro definici stylů použijte externí soubor.

Nezapomeňte uvést zdroje, ze kterých jste čerpali, použijte generátor odkazů ze stránek citace.com pro generování odkazu na literaturu ve správném formátu.

Osnovy tématu se přidržujte volně, text, který napíšete, by měl být souvislý, případně rozdělený do několika nadpisů.

Témata:

1. Porovnání tří „freemailových“ serverů (.)

   Uveďte tři servery, nabízející, zřízení mailové schránky zdarma. Popište jejich možnosti Srovnejte je z hlediska:
   • kapacity schránky,
   • zabezpečení,
   • vzhledu, přehlednosti,
   • možností antispamu,
   • podpory POP3, IMAP.
   Uveďte případné další argumenty.

2. Porovnání tří webhostingů (.)

3. Wikiweb (.)

   • Vysvětlete charakteristické rysy systémů pro tvorbu Wiki (například MediaWiki).
   • Vysvětlete vztah mezi systémem MediaWiki a Wikipedií

4. Redakční systém, systémy CMS (.)

   • Co je to redakční systém?
   • K čemu se typicky používá?
   • Uveďte příklady redakčních systémů (alespoň tři)

5. Server E-stránky.cz

   • Co nabízí?
   • Jak se postup tvorby stránek na tomto serveru liší od běžných free-hostingů?
   • Uveďte příklad postupu, jak vytvořit jednoduchý web.

6. Jak zacházet s heslem

   • Jak by mělo heslo vypadat?
   • Jaké postupy pro snadné zapamatování hesla se doporučují?
   • Jak by heslo určitě vypadat nemělo.
   • Pravidla pro práci s hesly (jak často měnit, na každou službu jiné,...).

7. Hoax

   Popište, co je to hoax. Najděte a uveďte příklady několika konkrétních poplašných zpráv.

8. Sdílení souborů, RapidShare a spol.

   Uveďte příklady služeb, které slouží ke sdílení souborů (typicky velkých souborů) v síti. Popište princip práce.

9. Firewall

   Popište, k čemu slouží firewall. Vysvětlete rozdíl mezi jednotlivými typy firewallů. Vysvětlete rozdíl mezi osobním firewallem a firewallem chránícím celou síť. Uveďte příklady konkrétních programů z&nbps;obou skupin.

10. Symetrické šifrovací algoritmy

    Uveďte příklady symetrických šifrovacích algoritmů, srovnejte je.

11. Statistické kompresní metody

    Vyberte jeden konkrétní algoritmus a popište, jak funguje.

12. Slovníkové kompresní metody

Charakterizujte, uveďte příklady, srovnejte. Které z nich se používají ve známých programech pro kompresi dat (ZIP, gzip, RAR, 7zip,...)?

13. Hashovací algoritmy

Charakterizujte, uveďte příklady, srovnejte. Které jsou dnes již zastaralé?

14. Virtual Desktop

    • Co to je?
    • Popište příklad práce s prostředím virtuální pracovní plochy.
    • Popište výhody a nevýhody ve srovnání s klasickou prací lokálně.

15. Portable Applications

    • Co to je?
    • Jaké programy tuto možnost nabízí?

16. Google Translator

    Co to je, kde ho najdeme, jak funguje. V čem se přístup Google Translatoru liší od ostatních podobných překladačů?

17. Projekt GNU

    Co je cílem, kdy vznikl, kdo ho založil.

18. Programy pro vypalování CD

19. DLNA

    K čemu se vztahuje projekt „domácích sítí“, jak by ve výsledku měla vypadat domácí síť. Kdy projekt vznikl, kdo stál u jeho zrodu. Jak je to s podporou DLNA dnes.

    Případně mohu poskytnout k pročtení článek v Computeru 4/2010.

Program pro úpravu ...: návod

Vyberte si jeden program ze zadané kategorie. Popište, jak je licencován, srovnejte základní výhody a nevýhody ve srovnání s konkurečními programy.

Popište jeden jednoduchý postup v daném programu.

20. zvuk

21. video

22. fotografie

23. vektorové obrázky

24. souborový manažer

Programovací jazyky

• Charakterizujte zvolený programovací jazyk, zmiňte stručně jeho historii.
• Jedná se spíše o skriptovací jazyk?
• Je interpretovaný, nebo kompilovaný?
• Jak silnou typovou kontrolu jazyk má?
• K čemu je daný jazyk určen především?
• Existují pro něj programovací nástroje zdarma?
• Kde si můžeme stáhnout interpret/překladač jazyka?

Uveďte příklad kousku kódu („Hello, world!“, jednoduchý cyklus,...).

25. Python

26. PHP

27. Ruby

28. C++

29. C#

30. Smalltalk

Zdroje:

1. GRIFFITHS, Patrick. HTML Dog : The Best Practice Guide To XHTML and CSS [online]. 2003, 2009 [cit. 2010-03-02]. Dostupné z WWW: http://www.htmldog.com.