Internet WEB stránky HTML, Hypertext MarkUp Language - nadtextový jazyk - Místo příkazů obsahuje tagy - značky

Transkript

1 Internet WEB stránky HTML, Hypertext MarkUp Language - nadtextový jazyk - Místo příkazů obsahuje tagy - značky

2 Fungování internetu je celosvětový systém navzájem propojených počítačových sítí ve kterých mezi sebou počítače komunikují pomocí protokolů TCP/IP. Společným cílem všech lidí využívajících Internet je bezproblémová komunikace (výměna dat). jsou volně propojenépočítačové sítě, které spojují jeho jednotlivésíťové uzly. Uzlem může být počítač, ale i specializované zařízení (například router). Každý počítač připojený k Internetu má v rámci rodiny protokolů TCP/IP svoji IP adresu. Pro snadnější zapamatování se místo IP adres používají doménová jména Rodina protokolů TCP/IP obsahuje sadu protokolů pro komunikaci v počítačové síti a je hlavním protokolem celosvětové sítě Internet. IP adresa je v informace číslo, které jednoznačně identifikuje síťové rozhraní vpočítačové síti např ), protokol IPv4 a nové IPv6

3 Fungování internetu Připojení k konkrétnímu serveru zadání (IP adresy) serveru doménového jména. Identifikace v iternetu. Adresa: http- HyperText Trasfer Protocolpoužívá u naprosté většiny stránek, prohlížeč doplní automaticky https Secure) je nadstavba síťového protokolu HTTP, která umožňuje zabezpečit spojení mezi webovým prohlížečem a webovým serverem před odposloucháváním, podvrhem) následuje vždy ://. Prohlížeče si ho doplní sami automaticky. www- world wide web adresa může být i bez www celosvětové sítě .seznam.cz cz, com doména první úrovně Informace o doménách 1. řádu

4 Co je www stránka 1991 Worl Wide Web standard pro přenos hypertextových a grafických informací. Velice explozivní rozšíření internetu do všech oblastí a celého světa (tlačítková lišta, prostor pro text a obrázky a hypertextové odkazy, reklamní bannery Hypertext odkaz na jiné internetové stránky Celá struktura stránek je založená na vzájemných odkazech Informace z Internetu do PC napsáním adresy do příkazového řádku, putuje informace rozdělená do paketů. ( Každý paket má informaci odkud a kam míří a snaží se najít nejrychlejší (nemusí být nejkratší) cestu k cíli a zpět do našeho PC.

5 Popis web stránky HTTP(https)- hypertext transfer protokol www-world wide web Seznam-doména 2. třídy Cz, org, eu- domény 1. třídy DNS- domain name server- server obsahující databázi IP adres a jmen jednotlivých serverů ( počítačů) FTP- protokol pro transport web stránky k poskytovateli poskytovatel web služeb, evidence doménových jmen Webhosting- poskytování prostoru a služeb pro umístění Vašich web stránek Index.html- název první web stránky z které se volají další pomocí hypertextových odkazů

6 Tvorba webové stránky Proč? Kdo není na webu jako kdyby nebyl. Jak? 1. Pomocí šablon-jednoduché a rychlé. 2. Pomocí redakčních systémů např FrontPage. 3. Programování HTML, CSS, PHP, JavaScript

7 Historie vzniku jazyka HTML V roce 1989 spolupracovali Tim Berners-Lee a Robert Caillau na propojeném informačním systému pro CERN, výzkumné centrum fyziky poblíž Ženevy ve Švýcarsku. Berners-Lee si uvědomoval, že potřebují něco jednoduššího a v roce 1990 byl tedy navržen jazyk HTML. Protokol pro jeho přenos v počítačové síti HTTP (HyperText Transfer Protocol přenosový protokol hypertextu). Tim Berners-Lee napsal první webový prohlížeč, který nazval WorldWideWeb. V roce 1991 CERN zprovoznil svůj web. Současně organizace NCSA (National Center for Supercomputer Applications) vybídla Marca Andreessena a Erica Binu k vytvoření prohlížeče Mosaic; ten vznikl v roce 1993 ve verzích pro počítače IBM PC a Macintosh a měl obrovský úspěch. Byl to první prohlížeč s grafickým uživatelským rozhraním. Následoval rychlý rozvoj webu, takže bylo nutné pro HTML definovat standarty.

8 HTTP-Hypertext MarkUp Language-obsahuje značky tagy Prohlídnutelný v jakémkoliv prohlížeči(ie, Mozilla, Chrome) Přizpůsobivý jakýmkoliv PC, OS (Linux, Windows, Macintosh) Mezávislý na HW Zobrazuje stránky s koncovkou.html nebo.htm První stránka se jmenuje index.html a další se volají hypertextovými odkazy z ní Pomocí FTP se umísťují naše web stránky s poskytovateli - provider

9 Co může HTML dokument obsahovat? Běžný formátovaný text Seznamy (číslované, nebo nečíslované) Odkazy ( hyperlink) na jiné stránky Tabulky v nejrůznějších podobách Obrázky v různých a formátech, tlačítka, videa, flash animace Formuláře- pro vstupní dialog dat Dnes obsahuje i nastavbové prvky JavaScript, styly CCS- kterými se formátují texty PHP- dynamické HTML- vazba na databáze My SQL nebo jiné

10 Tagy- < značky kterou se HTML řídí > <Např zarovnej doprava, zapiš tučně> tagy se uzavírají do závorek: < > Např pokyn pro tučné písmo: <B > Pokyn pro vložení obrázku: <IMG SRC= obr1.jpg align= left > Rady: Používat jakýkoliv editor Notepad, PSPAD Ukládat v formátu HTM, HTML Kontrolovat správnost formátu psaní na Použít (Jak vytvořit web pomocí šablon: _p=w3c.com&trc_cr= &trc_cp=czdisplay1&gclid=cjcq2ysf5bqcf W3MtAodlHMAhw

11 Rady pro tvorbu HTML stránek Používat jednoduché textové editory-notepad, PSpad Ukládat HTM, HTML Informační charakter Název krátký bez diakritiky (umístění na unixový server) Kontrolujte zobrazení v různých prohlížečích IE, Chrome.. Dodržujte normy jazyka HTML a PHP První stránka kterou voláme se standartně jmenuje: index.html Z ní jsou volány další stránky tzv hypertextovými odkazy

12 Ukázka struktury souboru HTML <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <meta http-equiv="content-type" content="text/html; charset=windows- 1250"> <meta name="generator" content="pspad editor, <title> Moje1. stránka</title> </head> <body> Moje první stránka pokus 1 </body> </html>

13 Struktura vygenerovaná PSpad

14 1.Tvorba WEBu pomocí šablon (Jak vytvořit web pomocí šablon-např: tm_term=&trc_p=w3c.com&trc_cr= &trc_cp=czdisplay1 &gclid=cjcq2ysf5bqcfw3mtaodlhmahw Tvorba stránek: Aktuální ukázka stránky:

15 2.Tvorba WEBu pomocí šablon

16 Tvorba WEB pomocí redakčního programu např. FrontPage Program na tvorbu internetových stránek. Všechny internetové stránky jsou psány jazykem HTML. Je nutno si uvědomit, že FrontPage neumí nic víc, než vytvářet soubory v HTML. Co nejde udělat v HTML (ankety, počítadlo, hledání), to nedokáže ani FrontPage. P 2000 je součástí balíku Microsoft Office 2003 Premium

17 Práce v FrontPage-výhody Návrh lze udělat v jakémkoliv programu (Word). Zobrazí se návrh, HTML jazyk, a zobrazení v IE (pozor každý prohlížeč může specielní znaky zobrazovat jinak). Práce je rychlejší a komfortnější, ale jsou tam omezení jako v HTML. Jsou to práce s databází, matematické operace, dotazníky atd, které se musí dělat jinými prostředky PHP ( dynamické HTML), nebo pomocí pomocí programovacích jazyků.