TNPW1 – přednáška1 Úvod, WWW, DNS, Editory

1. TNPW1 – přednáška1Úvod, WWW, DNS, Editory Ing. Jiří Štěpánek

2. Úvodní informace • Ing. Jiří ŠtěpánekKatedra informačních technologiíjiri.stepanek@uhk.czbudova J, místnost 344www.jiristepanek.cz – informace o předmětu, přednášky, cvičení, aktuality a novinky (případná zrušená cvičení, zadání práce na tato cvičení atp.)

3. Náplň předmětu • Smyslem předmětu TNPW1 je osvojit si: • Teoretické znalosti • Fungování webu • Služby www, DNS, protokol HTTP, FTP • Zásady psaní čistého kódu • Zásady moderního webdesignu • Praktické dovednosti • Tvorba statických stránek ve standardu XHTML 1.0 Strict • Nové vlastnosti jazyka HTML5 • Formátování stránek pomocí CSS • Optimalizace stránek z hlediska SEO, přístupnosti…

4. Výuka • Přednášky • 1hod. Účast je nepovinná, avšak vřele doporučená. Teorii z přednášek není čas vysvětlovat znovu na cvičeních. • Cvičení • Praktické procvičování jednotlivých částí problematiky tvorby statického webu. • Body ke zkoušce • Poslední cvičení věnována konzultaci semestrálních projektů

5. Semestrální projekt • Statický web splňující patřičné standardy • Hodnotí cvičící • Kritéria projektu jsou též sdělena cvičícím • Max. bodů z projektu je 50. Zápočet za 30 a více. • Polovina bodů, které přesáhnou hranici 30 se připočítává ke zkouškovému testu (max. 10)

6. Rychloabsolvování • V prvních 3 týdnech semestru je na cvičení možno odevzdat vyhovující projekt. • Při úspěšném odevzdání není nutné docházet na cvičení. Zkouška spolu s ostatními • Při neúspěchu – normální průběh (žádné penalizace)

7. WWW • Systém pospojovaných (prolinkovaných) dokumentů přístupný pomocí sítě internet. • Nejrozšířenějším dokumentem – www stránka – psaná jazykem (X)HTML • WWW stránka je interpretována (vykreslena) prohlížečem • Platformě nezávislé řešení

8. Protokoly • HTTP • HyperTextTransferProtocol – přenášení informací mezi klientem a serverem, nepersistentní spojení. • HTTPS • HyperTextTransferProtocolSecure - přenos dat je šifrován • FTP • File transfer protocol – přenos souborů mezi serverem a klientem. • Protokolů sítě internet je nesčetné množství (pošta, komunikace, přenosy dat…)

9. URL • UniformResourceLocator • Jednoznačná lokalizace nějakého dokumentu v síti internet • syntaxe: protocol://domain:port/path?query_string#fragment_id • Například • http://www.seznam.cz/pocasi • http://webpage.pace.edu/ms16182p/networking/protocols.gif

10. HTML • HyperTextMarkupLanguage • Značkovací jazyk sloužící k vytváření www stránek. • Soustava značek (tagů) a jejich atributů • <p>Text odstavce</p> • <a href=“www.seznam.cz“>jít na seznam</a> • Různé verze jazyka mají povoleny různé atributy a tagy. • V současnosti se používá XHTML (kombinace HTML a XML) kvůli čistotě kódu. Stejně tak HTML 4.01, Koncept HTML5

11. DNS – domainnamesystem • Hierarchický systém doménových jmen • Příčina vzniku – převod doménového jména na IP adresu • IP adresa • Adresa v číselném tvaru identifikující zařízení v síti. V síti internet jsou těmito zařízeními zpravidla servery poskytující služby (WWW…) • Doménové jméno • www.seznam.cz • Cz – TLD (top leveldomain) Národní (cz) x Generická (com) • Seznam – doména druhého řádu • www – doména 3. řádu (např. ISIT.uhk.cz)

12. DNS • Pravidla tvorby jmen • Databázi doménových jmen a k nim příslušnou IP adresu • Distribuované řešení • DNS serverů existuje mnoho, při výpadku jednoho lze získat překlad od jiného. • Při převodu je využívána cache, pokud server překlad nezvládne, ptá se automaticky jiného. • Celková efektivita mechanismu

13. DNS • Hierarchický jmenný prostor • Vlastník domény má právo nakládat se subdoménami – např pokud si uživatel zaregistruje jannovak.cz, má právo libovolně tvořit domény 3. řádu (blog.jannovak.cz) • Domény • Každá část dom. Jména max. 63 znaků • Celkem max. 255 znaků • Písmena bez diakritiky, číslice, podtržítko, pomlčka (ne na začátku nebo na konci názvu)

14. DNS – name server • Stroj (počítač) který zná data dané domény, provádí převod z dom.jm -> IP • Do prohlížeče je zadána adresa isit.uhk.cz • Root DNS server (TLD) • Cz • Uhk • Isit • IP počítače

15. Editory • WYSIWYG • Pohodlné skládání stránky pomocí komponent, visuální editor, v podstatě více klikání než psaní kódu. Výsledný kód je generován. Velkou nevýhodou je velké množství nadbytečného kódu a prakticky žádná možnost optimalizace. Není nutná znalost HTML. Např. MS FrontPage • Textové • Uživatel píše pouze kód stránky s možností náhledu. Moderní IDE proces tvorby stránek plně podporují od barevné syntaxe až po intellisence. Profesionální tvorba www stránek tento postup přímo vyžaduje kvůli kontrole nad kódem a možnostmi optimalizace.