Internet WEB stránky HTML, Hypertext „MarkUp Language“- „ nadtextový jazyk“- Místo příkazů obsahuje „tagy“- značky
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 www.wikipedie.cz 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ř. 192.168.0.100.), protokol IPv4 a nové IPv6
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://www.google.cz 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ě” email.seznam.cz cz, com doména první úrovně Informace o doménách 1. řádu
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 www.seznam.cz)
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.
Popis web stránky
http://www.seznam.cz 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 www.forpsi.cz – 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ů
Tvorba webové stránky 1. 2.
3.
Proč? „Kdo není na webu jako kdyby nebyl.“ Jak? Pomocí šablon-jednoduché a rychlé. Pomocí redakčních systémů např FrontPage. Programování HTML, CSS, PHP, JavaScript
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.
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
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é
Tagy- < značky kterou se HTML řídí >
tagy se uzavírají do závorek: < > Např pokyn pro tučné písmo: Pokyn pro vložení obrázku: 
Rady:
Používat jakýkoliv editor Notepad, PSPAD Ukládat v formátu HTM, HTML Kontrolovat správnost formátu psaní na www.W3C.org Použít www.jakpsatweb.cz
(Jak vytvořit web pomocí šablon: http://www.w3c.com/)
http://www.webnode.cz/?utm_source=Content&utm_medium=ppc&utm_term=&trc _p=w3c.com&trc_cr=22619975622&trc_cp=czdisplay1&gclid=CJCQ2YSF5bQCF W3MtAodlHMAhw
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“
Ukázka struktury souboru HTML <meta http-equiv="content-type" content="text/html; charset=windows1250"> <meta name="generator" content="PSPad editor, www.pspad.com"> Moje1. stránka Moje první stránka pokus 1
Struktura vygenerovaná PSpad
1.Tvorba WEBu pomocí šablon
(Jak vytvořit web pomocí šablon-např: http://www.w3c.com/)
http://www.webnode.cz/?utm_source=Content&utm_medium=ppc&u tm_term=&trc_p=w3c.com&trc_cr=22619975622&trc_cp=czdisplay1 &gclid=CJCQ2YSF5bQCFW3MtAodlHMAhw Tvorba stránek:
http://www.webnode.cz Aktuální ukázka stránky: http://materialy5.webnode.cz/
2.Tvorba WEBu pomocí šablon
http://www.svet-stranek.cz/
http://cestovani77.svet-stranek.cz/novastranka-224880/ http://cestovani77.svet-stranek.cz/uvodnistranka/
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
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ů.
