YMUSY1 – přednáška1+cvičení1 Úvod, WWW, DNS, Editory

1. YMUSY1 – přednáška1+cvičení1Úvod, WWW, DNS, Editory Ing. Monika Šimková

2. Úvodní informace • Ing. Monika ŠimkováKatedra pomocných věd historických a archivnictvímonika.simkova@uhk.czhttp://edu.uhk.cz/~simkomo1 – informace o předmětu, přednášky, cvičení.

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. Semestrální projekt • Statický web splňující patřičné standardy • Pro uznání musí projekt splňovat požadavky kladené na projekt • Min. 60% úspěšnost

5. 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í

6. 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…)

7. 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

8. 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

9. 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)

10. 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

11. 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)

12. 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

13. 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.