TNPW1 Technologie pro publikování na webu

Slides:



Advertisements
Podobné prezentace
© 2000 VEMA počítače a projektování spol. s r. o..
Advertisements

TNPW1 Technologie pro publikování na webu
Připojení k internetu.
TNPW1 Technologie pro publikování na webu Cvičení č. 8 Obtékání a sloupce Martin Adámek.
Tvorba webových stránek
Tvorba WWW stránek ÚVOD
TNPW1 Technologie pro publikování na webu Přednáška č. 4 seznamy seznamy tabulky tabulky jejich sémantika jejich sémantika Ing. Martin Adámek Katedra informačních.
VY_32_INOVACE_4.3.IV1.02/Ku Html dokument a jeho struktura Autorem materiálu a všech jeho částí, není-li uvedeno jinak, je Mgr. Pavla Kubínková CZ.1.07/1.5.00/
TVORBA WEBOVÝCH STRÁNEK
Internet Název školyGymnázium Zlín - Lesní čtvrť Číslo projektuCZ.1.07/1.5.00/ Název projektuRozvoj žákovských kompetencí pro.
Základy informatiky Internet Ing. Roman Danel, Ph.D. Institut ekonomiky a systémů řízení Hornicko – geologická fakulta.
Tvorba webových aplikací
TNPW1 Technologie pro publikování na webu Cvičení č. 5 SFTPFormuláře Martin Adámek.
TNPW1 Technologie pro publikování na webu
Elektronická pošta Elektronická pošta ( ) je obdobou běžné pošty a umožňuje přijímat a distribuovat dokumenty v textové podobě na jednu nebo více.
TNPW1 Technologie pro publikování na webu Cvičení č. 3 Nadpisy Martin Adámek.
Adresářová služba Active directory
Informatika Internet.
WWW stránky – Struktura, adresování, hosting Mgr. Lenka Švancarová.
David Škaroupka S49 FSI VUT Brno Systém DNS (Domain Name System) (v rámci cvičení VPN)
TNPW1 Technologie pro publikování na webu Cvičení č. 4 Nejen textem živ je web – seznamy, obrázky a tabulky Martin Adámek.
Návrh a tvorba WWW Přednáška 1
PHP – Základy programování
Aplikace VT v hospodářské praxi internetové technologie Ing. Roman Danel, Ph.D. VŠB – TU Ostrava.
TNPW1 Technologie pro publikování na webu Cvičení č.1 Organizační úvod Subjektivní kvalita webu Martin Adámek.
Doména Pro připojení do internetu musí mít každý počítač přidělenu tzv. IP adresu, která se skládá z dekadických čísel. Pro připojení do internetu musí.
Číslo projektuCZ.1.07/1.5.00/ Číslo materiáluVY_32_INOVACE_257 Název školyGymnázium, Tachov, Pionýrská 1370 Autor Ing. Roman Bartoš Předmět Informatika.
VY_32_INOVACE_4.3.IVT1.12/Oc Autorem materiálu a všech jeho částí, není-li uvedeno jinak, je Ing. Jaroslav Ochodek CZ.1.07/1.5.00/ Tvorba webových.
Klára Pospíchalová 5. A.  Propojení počítačů  Komunikace, sdílení a předávání informací  Uzly  IP adresa.
Protokoly a adresy na internetu
Maturitní okruh 22: Úvod do HTML. Značkovací a klasické jazyky Klasické: převládá strukturovaný text (programovací kód), skripty jsou prováděny na straně.
Manažerské informační systémy Ing. Dagmar Řešetková
CSS styly Kaskádové styly (CSS – Cascading Style Sheets) jsou prostředkem, který zajišťuje jednotný vzhled publikovaných stránek. Technologii CSS podporují.
Internet.  Celosvětový systém propojených počítačů  Funkce  Sdílení dat  Elektronická pošta.
WWW – hypertextový informační systém
HTML editory HTML editory se dělí na dva základní typy:
AJAX nejmodernější webová technologie… seminář pro učitele ZŠ a SŠ Mgr. Marek Osuchowski Ostravská univerzita © 2011.
WWW stránky – Úvod Mgr. Lenka Švancarová.
TNPW1 Technologie pro publikování na webu Cvičení č. 2 Překlad URL na fyzickou adresu stránky Editor Macromedia Homesite „Hello world“ v XHTML (úvod do.
URL v HTML URL - Unique Resource Locator Příklad:
Gymnázium, Obchodní akademie a Jazyková škola s právem státní jazykové zkoušky Hodonín Internet Historie, adresy serverů.
POČÍTAČOVÉ SÍTĚ ADRESA. Identifikace v síti  IP adresa - je jednoznačná identifikace konkrétního zařízení (typicky počítače) v prostředí sítě (Internetu).
Základní pojmy (1) Nejpoužívanější internetové prohlížeče: Google Chrome (32.0.x), Mozilla Firefox (27.0), Internet Explorer (11.0.2), Opera (19.0.x),
Jak vytvořit webovou stránku HTML Je základ každé webové stránky. Naučit se jej není složité a můžete říct „tento web jsem udělal/a já“
Tvorba statických stránek Mgr. Lenka Švancarová. Tvorba statické stránky Volba Uložit jako XHTML Editor Vizuální Frontpage Nevizuální PSPad Poznámkový.
Shrnutí Chceme–li připojit PC k Internetu musíme: 1.Zadat adresu DNS serveru (začne pracovat převod IP adresa  symbolické jméno), prakticky začne fungovat.
Internetové publikování Doc. Ing. Petr Zámostný, Ph.D. místnost: A-72a tel.: 4222, 4167 (sekretariát ústavu 111)
Internet.
Školení WordPress a publikování na webu Mgr. Pavel Krejčí
INTERNETOVÁ DOMÉNA V této prezentaci se dozvíte něco málo o internetových doménách…
INTERNET.
PHP Programy pro tvorbu WWW stránek - 01
Pavel Olšan & Ondřej Mrzena.  Co je server  Funkce  Verze Windows a instalace  Active Directory  Účty  DNS  DHCP  .
Tvorba www stránek.
Jak fungují webové stránky Úvod do HTML (1). Projekt: CZ.1.07/1.5.00/ OAJL - inovace výuky Příjemce: Obchodní akademie, odborná škola a praktická.
Tvorba WWW stránek. Hyperlink Odkaz, bývá označený jinou barvou a podtržený Odkaz, bývá označený jinou barvou a podtržený Reaguje na událost myši – Reaguje.
INTERNET Gymnázium a Jazyková škola s právem státní jazykové zkoušky Svitavy Ditta Kukaňová.
Internet. je celosvětový systém navzájem propojených počítačových sítí („síť sítí“), ve kterých mezi sebou počítače komunikují pomocí rodiny protokolů.
 = jedná se o vzájemné propojení lokálních počítačových sítí pomocí vysokorychlostních datových spojů  vznikl spojením mnoha menších sítí  v každé.
Internet (služby Internetu, WWW) Služby Internetu WWW (World Wide Web) – dnes nejrozšířenější služba; spoustě lidí splývá s Internetem jako takovým WWW.
Zahradnická fakulta v Lednici S4U – Seminář o Univerzitním informačním systému 23. – 25. dubna 2008 S 4 U – Seminář o Univerzitním informačním systému.
ŠKOLA: Gymnázium, Chomutov, Mostecká 3000, příspěvková organizace AUTOR:Mgr. Martin Jiřiště NÁZEV:VY_32_INOVACE_08C_17_uvod_do_html TEMA:Multimédia a grafika.
Anotace Materiál je určen pro 1. ročník studijního oboru M/01 PROVOZ A EKONOMIKA DOPRAVY, předmětu Informační a komunikační technologie, inovuje.
Internet Historie, adresy serverů
Internet – pojmy, služby
Průvodní list Šablona: III/2 Inovace a zkvalitnění výuky prostřednictvím ICT   Vzdělávací materiál: Prezentace – zápis pro žáky Určen pro: 4. ročník oboru.
Číslo projektu OP VK Název projektu Moderní škola Název školy
Adresace v Internetu (1)
Digitální učební materiál
Informatika Internet.
Transkript prezentace:

TNPW1 Technologie pro publikování na webu Přednáška č. 2 Architektura internetu, DNS servery (X)HTML editory Ing. Martin Adámek Katedra informačních technologií FIM UHK

Přednáška TNPW1 – Martin Adámek IP x DNS IP adresa (Internet Protocol) fyzická adresa „zásuvky“ v síti nepěkná (číslice a tečky) ~ telefonní číslo pevné linky v jednotné telefonní síti DNS (Domain Name System) symbolická jména zastupující IP adresu doména a doménové jméno zástupný řetězec znaků (písmen, ...) předmětem spekulací a soudních sporů doména oproti IP adrese lze přenést k jinému poskytovateli, nemění se při stěhování webu se lépe pamatuje Přednáška TNPW1 – Martin Adámek

Přednáška TNPW1 – Martin Adámek DNS – koncepce Systém zahrnuje pravidla tvorby jmen databázi symbolických jmen a odpovídajících IP adres převodní mechanismy Distribuované řešení z hlediska Rozmístění dat (uchovávání dat blízko místa jejich vzniku) Pravomocí (přidělování nových jmen) Funkčnosti (nesmí existovat jeden centrální prvek) Důraz na efektivitu převodních mechanismů Např. využívání cache paměti Velké procento dotazů směřuje na stejné místní uzly nebo na stejná symbolická jména Využití cache zvyšuje rychlost překladů a odlehčuje zátěž systému překladu po „koupi“ domény a nastavení hostingu cca. 1 den zpoždění (vznik počátkem 80.let, ARPANET) Přednáška TNPW1 – Martin Adámek

(DNS – plochý jmenný prostor) V rámci systému jsou všechna jména s plochou strukturou (tzv. jednorozměrná) Např. Server01, PC07UHKCZ, … Dostupných doménových jmen je konečný (omezený) počet Potřeba ověření existence jména při jeho vytváření Nutná centrální správa Řada nevýhod (nepružnost, náročnost organizace, …) Přednáška TNPW1 – Martin Adámek

DNS – hierarchický jmenný prostor Hierarchizace v podobě stromové struktury Dílčí jmenné podstromy = domény, subdomény, … Např. oliva.uhk.cz, obchod.papirnictvi.cz Jednoduchá a efektivní pravidla Správa dílčího prostoru pod určitou doménou je v kompetenci vlastníka dané domény V jedné doméně lze jedno symbolické jméno použít jen jednou (pod doménou uhk.cz může jen 1x existovat subdoména oliva) Nehrozí riziko kolize doménových jmen (nemůže 2x existovat doména se stejným názvem) Pod každou doménou lze vytvořit www.domena Velké výhody (pružnost, decentralizovaná správa, zapamatovatelnost, …) Přednáška TNPW1 – Martin Adámek

DNS – hierarchický jmenný prostor Tečková notace: domény jednotlivých úrovní se v rámci celého doménového jména oddělují tečkami Subdoména se zapisuje vždy vlevo od domény vyšší úrovně Jednotlivá část může mít max. 63 znaků Celé doménové jméno může mít max. 255 znaků Není vhodné používat dvoupísmenný název subdomény (pod některými národními doménami přímo zakázané) Přednáška TNPW1 – Martin Adámek

Přednáška TNPW1 – Martin Adámek DNS - domény Doména: součást hierarchického jmenného prostoru Doména nejvyšší úrovně – TLD – Top Level Domain ccTLD = národní domény (.cz, .sk, .de) gTLD = generické domény (.com, .org, .net) Doména druhého řádu např. uhk.cz, seznam.cz, adamek.cz, google.com Subdoména členění nadřazené domény věc vlastníka nadřazené domény obvykle existuje alespoň „www“ www.uhk.cz, isit.uhk.cz, fis.uhk.cz, oliva.uhk.cz, posta.uhk.cz, lide.uhk.cz, ... u dobrého webmastera je slušností nastavení přesměrování z http://domena.cz na http://www.domena.cz Přednáška TNPW1 – Martin Adámek

Přednáška TNPW1 – Martin Adámek Doména, doménové jméno Pro pohodlí uživatele někdy skupovány další domény email.cz ~ email.seznam.cz technet.cz ~ technet.idnes.cz přesměrování mezi různými doménami, nikoliv hierarchie Povolené znaky: Písmena (bez diakritiky) diakritika se připravuje omyly, záměny domén (problém především u mailu) phishing problém s psaním z ciziny či cizích znaků (Alt Gr) Pomlčka (ne na začátku nebo na konci) Číslice Doména se prodlužuje, není na vždy říká se „koupit“ doménu de facto jde o pronájem Doména není na vždy – i důl se dá vzít, a to je to jen díra do země. Přednáška TNPW1 – Martin Adámek

Přednáška TNPW1 – Martin Adámek (Národní domény a MPZ) národní TLD někdy stejná jako automobilová MPZ CZ, PL, SK, SU TLD 2 písmena vs. MPZ 1 až 3 písmena D x de, A x at BiH x ba, USA x us, RUS x ru některé státy mají podobná označení: E (es) x S (se); LT x LV rychlá změna MPZ na jednom území YU, SCG, SRB ČS a ČR: CS->CZ (nikoliv CR); kód českého jazyka (web, klávesnice) „CS“ národní jazyk, nebo angličtina D (de) x A (at) úplně jiná zkratka GB x uk nedostupnost domény druhého řádu pod některými TLD adamek.co.uk , dokonce i google.co.uk jinde na výběr doména druhého, nebo třetího řádu (rozdílná cena) wesem.com.pl , wesem.pl CZ: 10E6 obyvatel x PL: 40E6 obyvatel Přednáška TNPW1 – Martin Adámek

Přednáška TNPW1 – Martin Adámek (DNS – zóny) Zóna = skupina domén, nad kterou má autoritu stejný subjekt Autorita = právo nakládat s doménou (a tím i s jejími subdoménami) Velikost zóny se mění: Získáním / ztrátou autority nad nějakou doménou Vznikem / zánikem subdomén Zone file = soubor informací od doménách v dané zóně Přednáška TNPW1 – Martin Adámek

Přednáška TNPW1 – Martin Adámek DNS – name server Name Server = počítač, který zná data dané domény Provádí převod symbolické adresy na IP adresu Stejná hierarchická struktura jako u doménových jmen Každá doména má svůj nameserver Z důvodu dostupnosti se nameservery duplikují (primární a sekundární DNS) Jedno PC (server) může plnit funkci nameserveru pro řadu domén Při dotazu uživatele na sebe nameservery postupně odkazují od kořene (root DNS server) až po nejbližší nameserver (nameserver nejnižší úrovně) Př: Do prohlížeče zadán dotaz na „isit.uhk.cz“ root DNS server (TLD) cz uhk isit IP počítače překlad DNS na IP: a lá Kohoutek a slepička Přednáška TNPW1 – Martin Adámek

Překlad URL (převod na IP) 1. topdoména (TLD) když nepočítáme lomítka za protokolem, tak je před prvním lomítkem, za poslední tečkou DNS server (domain name server) pak postupně stále doleva doména obvykle přibližně ~ „server“ subdoména uživatel webhostingového serveru (konkrétní web) část webu, část serveru, server (lide.uhk.cz, isit.uhk.cz, technet.idnes.cz, auto.idnes.cz) Přednáška TNPW1 – Martin Adámek

Překlad URL (převod na IP) 2. pak cesta doprava od prvního lomítka za TLD příp. uživatel serveru lide.uhk.cz/fsadamm2 adresářová struktura a konkrétní soubory jednoho webu pro uživatele hostingu lide.uhk.cz: obsah disku W Přednáška TNPW1 – Martin Adámek

Překlad URL (převod na IP) 3. konkrétní soubor není nutný když URL končí adresářem, hledá se: index.htm(l) nebo .php, příp main.htm(l), main.php priorita se nastavuje na serveru, některé webhostingy ji ani neumožní nastavit když takový soubor není, tak podle nastavení webhostingu buď je automaticky generován index adresáře http://www.adamek.cz/kolo/okolocr/fotky/ v časové nouzi využitelné pro odbytí fotogalerie či stahování souborů (ne v projektu TNPW1) nebo je zobrazena chyba http://adamekma.sweb.cz/kolo/okolocr/fotky/ na „lokálu“ (na HDD domácího PC) je index adresáře generován webovým prohlížečem, pak funguje jako správce souborů poslední lomítko v URL není nutné (www.adamek.cz/kolo nebo www.adamek.cz/kolo/ ) Přednáška TNPW1 – Martin Adámek

TLD DNS (DNS servery pro překlad toplevel domén) www.root-servers.org zajištění funkce internetu geografickým rozprostřením mapa rozmístění fyzická ochrana objektů Nasa, US army, ... Přednáška TNPW1 – Martin Adámek

(X)HTML editory – WYSIWYG WYSIWYG (What you see is what you get) rozhraní typu „kancelářských editorů“ (a lá MS Word) Uživatel tvoří přímo to, co chce vidět – ne kód stránky HTML kód generuje editor automaticky Uživatel má možnost kód ručně upravovat Výhody Není nutná znalost (X)HTML Rychlé vytvoření malých webů Umožňuje vytvořit web bez odborných znalostí Přednáška TNPW1 – Martin Adámek

(X)HTML editory - WYSIWYG Nevýhody nepořádek v kódu nepřehledný, nadbytečný, neoptimalizovaný kód nevalidní kód (nerespektuje normy) obsah neoddělen od struktury a grafiky formátování přímo v HTML místo CSS obtížné aktualizace větších webů známka amatérismu Příklad MS FrontPage, MS FrontPage Express, MS Word Přednáška TNPW1 – Martin Adámek

(X)HTML editory – non WYSIWYG Uživatel vidí pouze kód stránky K zobrazení nutný externí nebo integrovaný webový prohlížeč Vyžadují znalost (X)HTML Jsou zaměřeny hlavně na podporu psaní (X)HTML Usnadňují vkládání veškerých tagů, definici atributů Podporují psaní skriptů Barevné rozlišení tagů, kolorování příkazů při psaní skriptů, příp. prediktivní vkládání kódu, … Obsahují různé pomůcky (vkládání barev, psaní CSS, validace) např. Macromedia Homesite, PSPad Přednáška TNPW1 – Martin Adámek

(X)HTML editory – non WYSIWYG Výhody: Rychlé a přesné vytváření stránek bez ohledu na rozsah Průvodce, dialogy, našeptávače syntaxe Vláda autora webu nad kódem stránky Kód může být čistý, přehledný a validní Nevýhody: Nutnost „něco umět“ Pomalejší při tvorbě extrémně triviálních HTML stránek, kdy není vyžadováno použití stylů, není sledována čistota kódu Přednáška TNPW1 – Martin Adámek

Přednáška TNPW1 – Martin Adámek Příště Úvod do XHTML Nadpisy a jejich sémantika Odkazy relativní, absolutní, různé cíle; kotvy Obrázky a jejich přístupnost Přednáška TNPW1 – Martin Adámek