Kontakt Martin Klíma Místnost: KN-E319a Tel Konzultační hodiny v pondělí od 16:00
|
|
|
- Jindřich Konečný
- před 7 lety
- Počet zobrazení:
Transkript
1 Přednáška č. 1 Martin Klíma
2 Kontakt Martin Klíma Místnost: KN-E319a Tel Konzultační hodiny v pondělí od 16:00
3 Cíl a náplň předmětu Cíl předmětu: Absolvent předmětu bude schopen navrhnout, realizovat a spravovat klientskou i serverovou část webové aplikace. Náplň předmětu: programování na straně webového klienta programování na straně webového serveru návrh webové aplikace (architektura, technologie, vzory)
4 Organizace přednášek 1 Základy Internetu, protokol HTTP, jazyk (X)HTML 2 Přednáška CSS 3 Skriptování na straně klienta 4 Jazyk PHP 5 Obsluha fomulářů, udržení stavu aplikace (sezení) 6 PHP a databáze 7 Objekty, vzory (db,...) 8 MVC, Smarty 9 AJAX a PHP 10 Autentizace a autorizace 11 Bezpečnost aplikací vyvíjených v PHP 12 Knihovny a frameworky - PEAR, Zend Framework 13 Aplikační servery 14 Rezerva
5 Organizace předmětu Zápočet + zkouška Body ze semestru
6 Celkové hodnocení A (výborně) >= 99 B (velmi dobře) 78 až 88 C (dobře) 67 až 77 D (uspokojivě) 56 až 66 E (dostatečně) 56 až 55 F (nedostatečně) < 55
7 Internet základní principy Počítačová síť tvořená počítači a routery Jednotlivé prvky jsou na sobě nezávislé Datagramová síť (posílání packetů) Packet obsahuje adresu zdroje a cíle Doručení packetu není zaručeno Není žádná centrální autorita, která by řídila provoz v síti Packet - elementární datová jednotka procházející přes síť Základní protokoly: Internet Protocol (IP) a Transmission Control Protocol (TCP)
8 Přenos paketů
9 IP protokol Základní přenosový protokol Internetu (směrování) Protokoly vyšších vrstev na něm staví Každé síťové rozhraní má jednu IP adresu Adresa má 4 byte u IPv4 Adresa má 16 byte (u IP verze 6) Nezaručuje doručení paketů Nezaručuje pořadí doručení paketů Packet obsahuje adresu zdroje a cíle Packet se dělí na Hlavičku (min 20 byte) Tělo (max 2 16 byte)
10 IP adresa a DNS DNS = Domain Name System Překládá textově zapsaná jména na IP adresy Celosvětově distribuovaná databáze jmen Tabulka: Jméno IP adresa Např.: webing.felk.cvut.cz Jména: Tečková notace Case insensitive Systém domén a subdomén (webing.felk.cvut.cz)
11 TCP protokol TCP (Transmission Control Protocol) Zavádí porty (16 bit). Aplikace poslouchá na IP adrese a TCP portu. Vytváří virtuální okruhy Zaručuje doručení data, v případě ztráty paketu Zaručuje pořadí doručení paketů Je základním protokolem pro většinu aplikací Další protokol nad IP je UDP (User Datagram Protocol): Nezaručuje doručení dat a pořadí Vhodný pro aplikace typu video streaming, voice over IP
12 World Wide Web (WWW) Počátek služby v roce 1989 Jednoduché principy + nízké náklady = masové rozšíření Bouřlivý rozvoj: mnoho rozšíření a aplikací Základní prvky: HTTP protokol pro komunikaci (klient/server) URL schéma pro lokalizaci zdrojů HTML jazyk pro zápis hypertextových dokumentů
13 HTTP Základní protokol pro službu WWW Postaven na TCP/IP Textový protokol Dotaz (HTTP request) / odpověď (HTTP response) Bezestavový (nepamatuje si stavy)
14 HTTP dotaz dotazovací řádek (hlavička, cesta, protokol) hlavičky blíže popisující dotaz prázdný řádek tělo dotazu Hlavičky: GET POST PUT HEAD... GET /index.html HTTP/1.0 Accept: */* Accept-Language: cs Accept-Encoding: gzip, deflate User-Agent: Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.1;...) Host: Connection: Keep-Alive Cookie: PREF=ID=6ce8e13:... * prázdný řádek *
15 HTTP odpověď stav informace prázdný řádek tělo odpovědi (HTML dokument) Stavy: OK 403 Forbidden Not found... HTTP/ OK Cache-Control: private Content-Type: text/html Content-Encoding: gzip Server: GWS/2.1 Content-Length: 1385 Date: Mon, 28 Feb :11:05 GMT * prázdný řádek * <html><head><title>webing</title></head> <body>... </body> </html>
16 URL (Uniform Resource Locator) Identifikace zdrojů uložených na serverech Syntax definována v RFC 1738 jako podmnožina Uniform Resource Identifier (URI) Obecná syntaxe: <scheme>:<scheme specific part> Možná schémata (<scheme> <scheme>): ftp, gopher, http, mailto, news, nntp, telnet, wais... <scheme specific part>: //<user>:<password>@<host>:<port>/<url-path> <user> & <password> jsou nepovinné a Syntax pro <url-path> závisí na schématu
17 URL pro HTTP (tj. pro web) <host>:<port> <port>/<url-path> <schema>: http (případně https) <host> - adresa (IP alebo domain name) serveru, na kterém je zdroj <port> - obykle 80 <url-path> - cesta k zdroji na webovém serveru ://webing.felk.cvut.cz/pictures/foto.jpg
18 Architektura Webové Aplikace
19 Architektura web aplikace požadavek HTTP Tenký klient (HTML) odpověď Server
20 Architektura web aplikace: statický web Tenký klient (HTML) požadavek HTTP odpověď zpracování požadavku/ odeslání odpovědi Server Stránka Stránka 2 3 Stránka 1 Toto je xx xxx Toto je xx x xx xxx xxx Toto je statická xx x xx xx x xxx xx xx xx x xx xx xx xxx stránka xx x x xx xx xx xx xxx xx xxxx xxx xx. xx xx xx xxx xxx xxxx xxx xx. xxxx xx.
21 Architektura web aplikace: dynamický web požadavek Tenký klient (HTML) HTTP odpověď zpracování požadavku/ odeslání odpovědi Stránka 1 Toto je dynamicky generovaná stránka x xxxx xx. generátor HTML stránek Server Data
22 Architektura web aplikace: dynamický web požadavek model (JavaBean) Tenký klient (HTML) HTTP odpověď zpracování požadavku/ odeslání odpovědi Stránka 1 Toto je dynamicky generovaná stránka x xxxx xx. Server view (HTML) generátor HTML stránek Data
23 Architektura web aplikace: dynamický web validace požadavek model (JavaBean) logika na klientovi HTML prohlížeč zpracování událostí Tenký klient (HTML) HTTP odpověď zpracování požadavku/ odeslání odpovědi Stránka 1 Toto je dynamicky generovaná stránka x xxxx xx. Server view (HTML) generátor HTML stránek Data
24 Architektura web aplikace: dynamický web I. presentační vrstva II. vrstva webu III. vrstva aplikační logiky IV. datová vrstva validace požadavek model (JavaBean) logika na klientovi HTML prohlížeč zpracování událostí Tenký klient (HTML) HTTP odpověď zpracování požadavku/ odeslání odpovědi Stránka 1 Toto je dynamicky generovaná stránka x xxxx xx. Server view (HTML) generátor HTML stránek Data
25 Architektura web aplikace: problémy duplicitní validace validace validace požadavek model (JavaBean) logika na klientovi HTML prohlížeč zpracování událostí Tenký klient (HTML) HTTP odpověď zpracování požadavku/ odeslání odpovědi Stránka 1 Toto je dynamicky generovaná stránka x xxxx xx. Server view (HTML) generátor HTML stránek Data
26 Architektura web aplikace: problémy duplicitní validace validace validace požadavek model (JavaBean) logika na klientovi HTML prohlížeč zpracování událostí Tenký klient (HTML) HTTP odpověď zpracování požadavku/ odeslání odpovědi Stránka 1 Toto je dynamicky generovaná stránka x xxxx xx. Server view (HTML) generátor HTML stránek Data Formulář jmeno_krestni jmeno_prijmeni odlišný datový model Datový objekt jmeno krestni prijmeni
27 JAZYKY
28 Co je dnes k vidění HTML XML XSD XSLT CSS HTML 5 DTD XHTML XSL
29 HTML a jeho vztah k ostatním jazykům formátuje a transformuje DSSSL SGML aplikace SGML HTML podmnožina formátuje CSS XML definuje DTD XSD aplikace XML Vyjadřovací jazyky XHTML formátuje a transformuje XSL XSLT Formátovací a transformační jazyky
30 Historie 1997 XML 1992 HTML WWW 1986 SGML 1960 Generalized Markup Internet
31 Související technologie 1960 GML (General Markup Language) vyvinut v IBM pro přenos dokumentů mezi různými platformami 1986 SGML (Standard General Markup Language) přijato jako ISO standard. Umí reprezentovat téměř všechny dokumenty, značně složitý 1992 HTML (Hypertext Markup Language) vyvinuto v CERNu, je to aplikace SGML (definováno pomocí DTD) 1997 XML (extensible Markup Language) zjednodušení SGML pro praktické použití konzorciem W3C
32 HTML verze HTML 2.0 První ucelená specifikace HTML, definuje jej jako podmnožinu SGML HTML 3.0 Nikdy nebyla přijata, protože byla příliš složitá HTML 3.2 Novinky: tabulky, zarovnání a obtékání textů HTML 4.0 Novinky: podpora jazyků, oddělení struktury a designu (zavádí CSS), vylepšeny tabulky, formuláře a Java scripty a mnoho dalšího Definuje podverze: strict, transitional, frameset HTML 4.01 Současná verze, byly opraveny některé chyby HTML 5
33 HTML 4 klíčové vlastnosti oddělení obsahu od prezentace (CSS) vylepšení formulářů accesskey, sémantické slučování řídících prvků, labels, inkrementální načítání zlepšení přístupnosti ve speciálních situacích alternativní prezentace dat (<object>) horké klávesy (accesskey) bohatší popisy elementů popis a jazyk u všech elementů (title, lang) podpora zkratek a akronymů (<abbr>, <acronym>) tabulky: nadpisy, souhrnný popis podrobný popis tabulek, obrázků a rámů <longdesc>
34 Struktura HTML dokumetu HTML 4 verze Frameset + deprecated + frames Transitional + deprecated frames Strict deprecated frames
35 HTML způsob zacházení Server poskytuje textovou formu HTML dokumentu Klient čte a parsuje tento text Staví si DOM DOM = Document Object Model Reprezentace modelu HTML dokumentu v paměti DOM je následně vykreslen v grafické podobě Rendering
36 Struktura HTML dokumentu strom <html> <head> <body> <title> <div> <a>......
37 Zpětná kompatibilita Problém s korektností HTML a se zpětnou kompatibilitou Standard Pseudo-standard Quirk
38 Standard a Quirk mód Týká se moderních prohlížečů IE >=5.5, FF, Netscape, Opera Prohlížeče hrají dvojí hru Snaží se správně interpretovat historické HTML dokumety včetně jejich chyb Snaží se dodržovat standardy => tyto dvě věci jsou v zásadě kontradikce Východisko: 2 (resp. 3) režimy činnosti Standard = dodržuje specifikaci Quirk = zpětně kompatibilní, nedodržuje specifikaci, snaží se nalézt východiska z problematických situací Standard chceme, je rychlý a správný Quirk nechceme, je pro špatné programátory, také je daleko častější
39 V čem se quirk a standard mód liší? BOX model v IE známá chyba jen v Quirk módu <body> <div> Nějaký text </div> </body> div { width: 100px; padding: 10px; border: 5px solid black; margin: 10px; } HTML CSS
40 Výsledek (box model) Nějaký text Standard 100 px Nějaký text IE Quirk mode 100 px
41 Quirk vs Standard Základem pro rozlišení je definice typu dokumentu Definicí by měl začínat každý HTML dokument
42 Document Type Win IE6 Opera 7.0x Opera 7.1x Mozilla Safari Mac IE5 HTML bez uvedení DOCTYPE a staré DTD až do verze 3.2 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2 Final//EN"> Přechodné HTML 4.0 bez URL <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> Přechodné HTML 4.0 s URL <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" " Striktní HTML 4.0 bez i s URL <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" " Přechodné HTML 4.01 bez URL <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> Přechodné HTML 4.01 s URL <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" " Striktní HTML 4.01 bez URL <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"> Striktní HTML 4.01 s URL <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" " Přechodné XHTML 1.0 bez XML deklarace kódování <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " Přechodné XHTML 1.0 s XML deklarací kódování <?xml version="1.0" encoding="iso "?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " Striktní XHTML 1.0 bez XML deklarace kódování <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" " Striktní XHTML 1.0 s XML deklarací kódování <?xml version="1.0" encoding="iso "?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" " quirk quirk quirk quirk quirk quirk quirk quirk quirk quirk quirk quirk std std std quirk quirk std std std std std std std quirk quirk quirk quirk quirk quirk std std std pseudo std. pseudo std. std std std std std std quirk std std std std std std std std std pseudo std. pseudo std. std quirk quirk std pseudo std. pseudo std. std std std std std std std quirk quirk std std std std
43 Terminologie a definice HTML element: <p id="odstavec1">hallo world!</p> typ-element: p pevně definované v HTML-DTD atribut: id="odstavec1" pevně definované v HTML-DTD typ-atribut: id značka: <p>, </p>
44 HTML základy Dokument je tvořen sadou značek Značky nejsou case sensitive <body> je to samé jako <BODY> Značky píšeme malými písmeny proč? Kvůli jednoduššímu přechodu na XHTML pozor: XML obecně a tedy i XHTML je case sensitive značky se nesmí křížit, tj. dokument je trom Dokument má pevnou minimální strukturu Verze Hlavička Tělo
45 Struktura HTML dokumetu HTML dokument verze hlavička tělo
46 HTML dokument - členění HTML by mělo definovat logickou strukturu dokumentu, nikoli grafickou Sada strukturálních elementů h1 až h6 nadpisy p odstavec <!-- komentar --> komentář hr abbr acronym address bdo blockquote q cite dfn horizontální oddělovač zkratka akronym adresa směr textu dlouhe odsazení krátké odsazení citace definice termínu
47 HTML typy elementů Strukturální pokr. code text kódu počítače kbd text klávesnice samp ukázka počítačového kódu tt text dálnopisu var proměnná pre předformátovaný text listing výpis (dále nepodporováno viz pre) plaintext holý text (dále nepodporováno viz pre) xmp ukázka (dále nepodporováno viz pre) strong důležitý text sub spodní index sup horní index ins vložený text del smazaný text
48 HTML typy elementů Formátovací b big em i small s strike u tučný text velký text zvýrazněný text kurzíva malý text smazaný text (nepodporováno, viz del) přeskrtnutý text (dále nepodporováno, viz del) podtržený text (dále nepodporováno)
49 Obrázky Běžně jsou podporovány obrázky typu GIF JPG PNG (v IE v 6 nefunguje průhlednost) Každý obrázek musí mít textovou alternativu. Kde nestačí jednoduchý textový popis, je možné ukázat na jinou stránku, která obrázek popíše. Je dobré zadat rozměry obrázku. Stránka by neměla obsahovat velké obrázky. Pokud je to nutné, uživatel musí mít možnost se jim vyhnout, například pomocí náhledů
50 Obrázky <body> <h1>moje zvířata</h1> <img src="obrazky/obrazek1.jpg" alt="dve kocicky, pejsek a umela kachna" width="1024" height="768" longdesc="obrazek_podrobne.html" > [<a href="obrazek_podrobne.html">d</a>] </body> Zdroj obrázku Alternativní text Šířka Výška Odkaz na dlouhý popis D-Link pro slepce
51 Obrázky - jak to dopadlo
52 Obrázky s náhledem <body> <h1>moje zvířata</h1> <h2>takto ne</h2> <img src="obrazky/obrazek1.jpg" alt="dve kocicky, pejsek a umela kachna" height="115" width="154"> <h2>takto ano</h2> <img src="obrazky/obrazek1_nahled.jpg" alt="dve kocicky, pejsek a umela kachna" height="115" width="154"> <h2>takto ano s odkazem</h2> <a href="obrazky/obrazek1.jpg"> <img src="obrazky/obrazek1_nahled.jpg" alt="dve kocicky, pejsek a umela kachna" height="115" width="154" border="0" > </a> </body> Celý velký obrázek byl stáhnut. Klienta jsme ale donutili ho zobrazit malý. Špatně! Správně, zobrazujeme malý náhled Náhled uzavřený v odkazu. Pozor, je dobré specifikovat atribut border, jinak se zobrazí rámeček
53 Obrázky s náhledem jak to dopadlo
54 Alternativní zobrazení dat pomocí <object>
55 Tabulky Tabulky se sestávají z několika různých částí, ne všechny jsou povinné. Tabulka Hlavičková část (THEAD) Patičková část (TFOOT) Hlavní část (TBODY) Popisek (CAPTION) hlavičková, patičková a hlavní část se skládají z řádků tabulky a ty se skládají ze sloupců
56 Jednoduchá tabulka
57 Jednoduchá tabulka <body> <table summary="přehled cen jablek, hrušek a švestek"> <thead> <tr> <td> </td> <th>leden</th> <th>únor</th> <th>březen</th> </tr> </thead> <tfoot> Atribut summary popisuje tabulku Záhlaví Řádek Buňka obyčejná Buňka záhlaví Patička <tr><th>celkem</th><td>165</td><td>198</td><td>117</td></tr> </tfoot> Hlavní část <tbody> <tr><th>jablka</th><td>100</td><td>125</td><td>80</td></tr> tabulky <tr><th>hrušky</th><td>34</td><td>61</td><td>28</td></tr> <tr><th>švestky</th><td>21</td><td>12</td><td>9</td></tr> </tbody> </table> </body>
58 Tabulky slučování buněk Sloučená buňka přes 3 sloupce
59 Slučování buňek <body> <table summary="přehled cen jablek, hrušek a švestek"> <thead> <tr> <td> </td> <th>leden</th> <th>únor</th> <th>březen</th> </tr> </thead> <tfoot> <tr><th>celkem</th><td>165</td><td>198</td><td>117</td></tr> <tr><th>celkem total</th><td colspan="3">480</td></tr> </tfoot> <tbody> <tr><th>jablka</th><td>100</td><td>125</td><td>80</td></tr> <tr><th>hrušky</th><td>34</td><td>61</td><td>28</td></tr> <tr><th>švestky</th><td>21</td><td>12</td><td>9</td></tr> </tbody> </table> </body> Jediná buňka s atributem colspan
60 Formuláře Formuláře se používají k odesílání dat na server Omezená sada formulářových polí Není možné vyrábět nová Je možné je do jisté míry "přiohnout" pomocí javascriptu Na jedné stránce může být více různých formulářů Data z formulářů mohou být odesláná kamkoli Dvě metody odesílání dat: GET, POST
61 Formuláře <body> <form > action=" method= get" <input type="text" name="jmeno" > Značka formuláře Atribut action má hodnotu URL, na které se pošlou data Atribut method má hodnotu GET nebo POST Textové vstupní pole. Jméno pole je "jmeno" <input type="submit" name="odeslat" value="odeslat" > </form> </body> Odesílací vstupní pole. Zobrazí se jako tlačítko.
62 Formuláře
63 Formulářová pole input text password submit checkbox radio reset file hidden image button textarea button select label
64 Formulářová pole Všechna pole mohou mít atribut name Jména polí nemusí být jedinečná Všechna pole mohou mít hodnotu, atribut value <input type="text" name="pole1" value="martin"> <input type="text" name="pole1" value="zdenek"> Co se odešle? Řešení: pokud potřebuji odeslat více hodnot pod stejným jménem, musím z toho udělat pole <input type="text" name="pole1[]" value="martin"> <input type="text" name="pole1[]" value="zdenek"> Odešle se oboje.
65 Úspěšnost Pole může ale nemusí být "úspěšné" (successfull) Úspěšné pole: hodnota je odeslána Neúspěšné pole: hodnota není odeslána <input type="text" name="pole1" readonly="readonly" value="martin"> <input type="text" name="pole2" disabled="disabled" value="martin"> Úspěšné pole Neúspěšné pole
66 Úspěšnost Tuzka <input type="checkbox" name="polozka[]" value="tuzka"> Papir <input type="text" name="polozka[]" value="papir"> Guma <input type="text" name="polozka[]" value="guma"> Úspěšná položka je jen ta, která je zaškrtnutá ostatní se na server nepropagují více položek se stejným jménem, využiji pole
67 Úspěšnost <div>hlasování</div> <input type="submit" name="hlasovani" value="pro"> <input type="submit" name="hlasovani" value="proti"> Úspěšné pole Jen jedno tlačítko bude úspěšné => mohu to využít pro hlasovaní Nenastane konflikt jmen
68 Úspěšnost typ radio <form action=" method="get"> <div>hlasování</div> Pro <input type="radio" name="hlasovani" value="pro"><br> Proti <input type="radio" name="hlasovani" value="proti"><br> Nevim <input type="radio" name="hlasovani" value="nevim"><br> <input type="submit" name="odeslat" value="odeslat"> </form> Výběr 1 z N nebo také 0 z N (pokud neřekneme jinak) Nenastává konflikt jmen Pozor, je třeba řešit počáteční podmínku! pokud není řešeno jinak, není na počátku nic zaškrtnuto
69 Úspěšnost typ radio Jedna nebo žádná položka je úspěšná Pokud chceme, aby byla úspěšná právě jedna, musíme na začátku jednu označit atributem checked="checked"
70 Formuláře - file Používá se k odeslání souboru na server Nepředstavuje bezpečnostní díru uživatel musí aktivně vybrat soubor, to nelze zařídit skriptem POZOR, formulář musí mít atribut enctype="multipart/form-data" Zobrazí pole pro název souboru a vybírací dialog Je nutné ho odesílat metodou POST
71 Formuláře - file <form action=" enctype="multipart/form-data" method="post" > <div>odešli soubor</div> <input type="file" name="soubor1"> <input type="submit" name="odeslat" value="odeslat"> </form>
72 Formuláře file
73 Formuláře - image Obrázek bude fungovat jako odesálací tlačítko Na server se odešle dvojice souřadnic Server je může dále zpracovat k uršení pozice např. na mapě
74 Formuláře výběr ze seznamu Seznam položek Každá položka má text a může mít definovanou hodnotu Jednořádkový seznam je rozbalovací (dropdown) Víceřádkové seznamy se zobrazují s posuvníkem Výběr může být jedno či vícepoložkový (atribut multiple) Položky v seznamu se mohou sdružovat Explicitně vybrané položky jsou označeny atributem selected="selected"
75 Formuláře výběr ze seznamu <form action=" method="post"> <div>vyber svého hrdinu</div> <select name="jeden_hrdina"> <option value="1">bart</option> Výběr 0-1 z N <option value="2">lisa</option> <option value="3">homer</option> <option value="4">marge</option> </select> Výběr 0-M z N <select name="vice_hrdinu[]" multiple="multiple"> <optgroup label="děti"> <option value="1">bart</option> Skupina <option value="2">lisa</option> </optgroup> <optgroup label="dospělí"> <option value="3">homer</option> <option value="4">marge</option> </optgroup> </select> <input type="submit" name="odeslat" value="odeslat"> </form>
76 Formuláře výběr ze seznamu
77 Formuláře - textarea Dlouhý text Pozor, je to párová značka <form action=" method="post"> <div>napiš svému hrninovi</div> <textarea name="dlouhy_text"> Sem napiš co chceš :-) </textarea> <input type="submit" value="odeslat" name="odeslat" > </form>
78 Formuláře textarea
79 Formuláře další náležitosti Každá (viditělná) formulářová položka musí mít přiřazený popisek Speciální značka <label> Popisek je s formulářovým polem svázán pomocí atributu for Formuláře mají být přístupné i bez myši atribut tabindex definuje pořadí při přístupu přes klávesu TAB atribut accesskey přiřazuje přístupovou klávesu
80 Formuláře další náležitosti <form action=" method="post"> <div> <label for="jmeno">jméno</label> <input tabindex="1" accesskey="j" type="text" name="jmeno id= jmeno > </div> <div> <label for="prijmeni">příjmení</label> <input tabindex="2" accesskey="p" type="text" name="prijmeni"> </div> <input tabindex="3" accesskey="k" type="submit" value="odeslat" name="odeslat" > </form>
81 Formuláře další náležitosti
82 Formuláře další náležitosti Formulářová pole je vhodné členit do skupin Značka fieldset a legend
83 Formuláře další náležitosti <form action=" method="post"> <fieldset> <legend>jméno</legend> <label for="jmeno">jméno</label> <input tabindex="1" accesskey="j" type="text" name="jmeno"> <label for="prijmeni">příjmení</label> <input tabindex="2" accesskey="p" type="text" name="prijmeni"> </fieldset> <fieldset> <legend>adresa</legend> <label for="ulice">ulice</label> <input tabindex="3" accesskey="u" type="text" name="ulice"> <label for="mesto">město</label> <input tabindex="4" accesskey="m" type="text" name="mesto"> </fieldset> <input tabindex="5" accesskey="k" type="submit" value="odeslat" name="odeslat" > </form>
84 Formuláře další náležitosti
Základy webových aplikací ZWA Přednáška č. 3 tvorba formulářů na klientské straně. Martin Klíma
Základy webových aplikací ZWA Přednáška č. 3 tvorba formulářů na klientské straně Martin Klíma FORMULÁŘE Formuláře Formuláře se používají k odesílání dat na server Omezená sada formulářových polí Není
Základy webových aplikací ZWA Přednáška č. 2 HTML. Martin Klíma
Základy webových aplikací ZWA Přednáška č. 2 HTML Martin Klíma Architektura Webové Aplikace Architektura web aplikace požadavek HTTP Tenký klient (HTML) odpověď Server Architektura web aplikace: statický
Základy webových aplikací ZWA Přednáška č. 1. Martin Klíma
Základy webových aplikací ZWA Přednáška č. 1 Martin Klíma Kontakt Martin Klíma xklima@fel.cvut.cz Místnost: KN-E321 Tel +420 224 35 7362 Konzultační hodiny: kdykoli po objednání Web předmětu: https://edux.feld.cvut.cz/courses/a7b39wa1/
Připomenutí z minula
X36WWW (X)HTML Připomenutí z minula Klient server architektura Protokoly IP TCP HTTP HTTP protokol Textový Hlavička Prázdný řádek Tělo Architektura webové aplikace Architektura Webové Aplikace Architektura
Návrh a tvorba WWW stránek 1/8. Formuláře
Návrh a tvorba WWW stránek 1/8 Formuláře význam předávání hodnot od uživatele skriptům mezi značkami a základní atributy action definuje obslužný skript, nelze v XHTML method metoda, kterou
HTML Hypertext Markup Language
HTML Hypertext Markup Language je jazyk určený na publikování a distribuci dokumentů na Webu velmi jednoduchý jazyk používá ho mnoho uživatelů má výkonné prostředky (příkazy) k formátování dokumentů (různé
Základy programovacího jazyka HTML. Autor: Ing. Jan Nožička SOŠ a SOU Česká Lípa VY_32_INOVACE_1133_Základy programovacího jazyka HTML_PWP
Základy programovacího jazyka HTML Autor: Ing. Jan Nožička SOŠ a SOU Česká Lípa VY_32_INOVACE_1133_Základy programovacího jazyka HTML_PWP Název školy: Číslo a název projektu: Číslo a název šablony klíčové
Formuláře. Aby nám mohli uživatelé něco hezného napsat...... třeba co si o nás myslí!
Formuláře Aby nám mohli uživatelé něco hezného napsat...... třeba co si o nás myslí! HTML formuláře: Formuláře Možnost, jak uživatel může vložit obsah na web - odeslat data na server - zpracovat data ve
HTML - Úvod. Zpracoval: Petr Lasák
HTML - Úvod Zpracoval: Petr Lasák Je značkovací jazyk, popisující obsah HTML stránek Je z rodiny SGML jazyků, jako např. XML, DOCX, XLSX Nejedná se o programovací ale značkovací jazyk Dynamičnost dodávají
Hypertext Transfer Protocol (HTTP/1.1 RFC 2616) Počítačové sítě Pavel Šinták
Hypertext Transfer Protocol (HTTP/1.1 RFC 2616) Počítačové sítě Pavel Šinták 25.4.2005 Obsah Úvod Vrstvy podle TCP/IP Požadavek / Odpověď Metody požadavku Hlavičky Kódy odpovědi Ukázka 25.4.2005 Pavel
Úvod do tvorby internetových aplikací
CVT6 01a Úvod do tvorby internetových aplikací Osnova předmětu (X)HTML a tvorba webu pomocí přímého zápisu kódu Tvorba web designu a skládání stránek z kousků Skriptovací jazyky na webu Návrh software
Obsah. Stručná historie World Wide Webu 7
KAPITOLA I Web bez tajemství 1 Kde se vzal web a jeho stránky 2 Kouzlo jménem HTML 3 Jak stránky připravovat 5 Webová grafika 6 Web aktivní a interaktivní 6 Na straně serveru 6 Jak studovat tuto knihu
Úvod do aplikací internetu a přehled možností při tvorbě webu
CVT6 01a Úvod do aplikací internetu a přehled možností při tvorbě webu Internet a www Internet? Služby www ftp e-mail telnet NetNews konference IM komunikace Chaty Remote Access P2P aplikace Online games
Formuláře. Internetové publikování. Formuláře - příklad
Formuláře Internetové publikování Formuláře - příklad 1 Formuláře - použití Odeslání dat od uživatele Možnosti zpracování dat Webová aplikace na serveru (ASP, PHP) Odeslání e-mailem Lokální script Formuláře
Vývoj Internetových Aplikací
2 Vývoj Internetových Aplikací HTML a CSS Ing. Michal Radecký, Ph.D. www.cs.vsb.cz/radecky HTML a CSS - Tvorba webových stránek - Struktura - Obsah - Vzhled - Funkcionalita zdroj: http://www.99points.info
Tvorba WWW stránek. Mojmír Volf mojmir.volf@tul.cz https://www.nti.tul.cz/wiki/wikiuser:mojmir.volf 485 353 675
Tvorba WWW stránek Mojmír Volf mojmir.volf@tul.cz https://www.nti.tul.cz/wiki/wikiuser:mojmir.volf 485 353 675 Zdroje KRUG: Web design - nenuťte uživatele přemýšlet.. Computer Press, 2003. PROKOP M.: CSS
TNPW1 Cvičení 3 6.10.2015 aneta.bartuskova@uhk.cz
6.10.2015 aneta.bartuskova@uhk.cz Struktura stránky 6.10.2015 aneta.bartuskova@uhk.cz Struktura stránky Sémantická - pomocí HTML Stránka je chápána jako skupina oblastí, každá oblast má svůj účel (menu,
Základy WWW publikování
Ing. Igor Kopetschke Oddělení aplikované informatiky Ústav nových technologií a aplikované informatiky Fakulta mechatroniky a mezioborových inženýrských studií Technická univerzita v Liberci Email : igor.kopetschke@tul.cz
BI-AWD. Administrace Webového a Databázového serveru Úvod do problematiky HTTP serveru
BI-AWD Administrace Webového a Databázového serveru Úvod do problematiky HTTP serveru Příprava studijního programu Informatika je podporována projektem financovaným z Evropského sociálního fondu a rozpočtu
HTML. HyperText Markup Language. 25.9.2013 Josef Steinberger
HTML HyperText Markup Language 25.9.2013 Josef Steinberger HTML historie, verze Hypertext Jazyk popisující strukturu dokumentu SGML/XML Aplikace Verze: HTML 1 1990+ TBL, CERN HTML 2.0 1995 as RFC 1866
(X)HTML, CSS a jquery
Prezentační vrstva webové aplikace (X)HTML, CSS a jquery jquery Java Scriptová knihovna Ing. Martin Dostal (X)HTML první stránka Textový soubor s příponou.htm nebo.html: moje
XHTML 1. Formuláře. Element form. <form>... </form>
XHTML 1 Formuláře Činnost: - zadávání informací do elektronického obchodu; - odesílání jména a dalších informací pro on-line službu; - nákup letenek a cestovních služeb; - nákup dalšího zboží a služeb,
Ing. Přemysl Brada, MSc., Ph.D. Ing. Martin Dostal. Katedra informatiky a výpočetní techniky, FAV, ZČU v Plzni
Webové aplikace Ing. Přemysl Brada, MSc., Ph.D. Ing. Martin Dostal Katedra informatiky a výpočetní techniky, FAV, ZČU v Plzni Harmonogram Dopolední blok 9:00 12:30 Ing. Dostal Úvod, XHTML + CSS Ing. Brada,
Inovace a zkvalitnění výuky prostřednictvím ICT Tvorba webových stránek. Ing. Zelinka Pavel Číslo: VY_32_INOVACE_35 17 Anotace:
Střední průmyslová škola a Vyšší odborná škola technická Brno, Sokolská 1 Šablona: Název: Téma: Autor: Inovace a zkvalitnění výuky prostřednictvím ICT Tvorba webových stránek Formuláře v (X)HTML II. Ing.
Základy HTML (2. přednáška)
Základy HTML (2. přednáška) WWW World Wide Web Sestává ze tří stavebních bloků Síť informačních zdrojů Universal Resource Identifier jednotný způsob jak adresovat zdroje, (URL) protokoly pro přístup ke
Tvorba WWW stránek. přehled technologií používaných na webu principy jednotlivých technologií a možnosti jejich vzájemného kombinování
Tvorba WWW stránek přehled technologií používaných na webu principy jednotlivých technologií a možnosti jejich vzájemného kombinování HTML/XHTML kaskádové styly PHP spolupráce PHP s databázemi Technologie
Uspořádání klient-server. Standardy pro Web
Návrh a tvorba WWW stránek 1/11 Uspořádání klient-server klient na straně uživatele (browser, prohlížeč) server program obsluhující požadavky uživatele Standardy pro Web HTTP Hypertext Transfer Protocol
Atribut Význam Hodnoty
Formuláře Tag Význam Párový Výskyt form formulář ano input vstupní pole ne select výběrové pole ano option volba ne textarea velké vstupní pole ano label popis pole ano
WWW a HTML. Základní pojmy. Ivo Peterka
WWW a HTML Základní pojmy WWW World Wide Web systém navzájem propojených stránek Stránky se mohou skládat z částí nacházejících se v různých částech světa. HTML HyperText Markup Language Slouží k psaní
Formuláře. neomezený počet formulářových polí v rámci HTML dokumentu může být více formulářů, nelze je ale do sebe vnořovat
Formuláře význam předávání hodnot od uživatele skriptům mezi značkami a základní atributy action definuje obslužný skript, nelze v HTML method metoda, kterou klient předává data serveru
Tvorba jednoduchých WWW stránek. VŠB - Technická univerzita Ostrava Katedra informatiky
Tvorba jednoduchých WWW stránek RNDr. Daniela Ďuráková VŠB - Technická univerzita Ostrava Katedra informatiky Vznik WWW technologie Vznik - CERN 1989-90, vedoucí projektu Tim Berners-Lee cíl - infrastruktura
Škola: Gymnázium, Brno, Slovanské náměstí 7 III/2 Inovace a zkvalitnění výuky prostřednictvím ICT Název projektu: Inovace výuky na GSN
Škola: Gymnázium, Brno, Slovanské náměstí 7 Šablona: III/2 Inovace a zkvalitnění výuky prostřednictvím ICT Název projektu: Inovace výuky na GSN prostřednictvím ICT Číslo projektu: CZ.1.07/1.5.00/34.0940
1. Struktura stránky, zásady při psaní kódu, MVC pattern. Web pro kodéry (Petr Kosnar, ČVUT, FJFI, KFE, PINF 2008)
1. Struktura stránky, zásady při psaní kódu, MVC pattern Web pro kodéry (Petr Kosnar, ČVUT, Obsah } Terminologie } Prezentace x Obsah } Struktura kódu } Sémantika kódu } Struktura stránky } Šablony } Template
NSWI096 - INTERNET. Úvod do HTML
NSWI096 - INTERNET Úvod do HTML XHTML CO TO JE? XML extensible Markup Language Sada pravidel, jak kódovat dokumenty Podle těchto pravidel lze vytvořit nekonečně mnoho různých jazyků HTML HyperText Markup
HTML. PIA 2012/2013 Téma 1. P. Brada, O. Rohlík, J. Tichava, Západočeská univerzita
HTML PIA 2012/2013 Téma 1 P. Brada, O. Rohlík, J. Tichava, Západočeská univerzita HyperText Markup Language... a document structuring language hypertext SGML/XML aplikace http://www.w3.org/markup/ 2 Verze:
13. Vytváření webových stránek
13. Vytváření webových stránek značkovací jazyk HTML, základní členění dokumentu, odkazy, tabulky, seznamy, obrázky, HTML editory Značkovací jazyk HTML HTML - Hypertext markup Language (hypertextový značkovací
Tvorba webu. Úvod a základní principy. Martin Urza
Tvorba webu Úvod a základní principy Martin Urza World Wide Web (WWW) World Wide Web (doslova celosvětová pavučina ) je označení pro mnoho dokumentů rozmístěných na různých serverech po celém světě. Tyto
Webová stránka. Matěj Klenka
Webová stránka Matěj Klenka Osobní webová stránka Toto je dokumentace k mé webové stránce This is a documentation to my web page Já, Matěj Klenka, prohlašuji, že má webová stránka byla vytvořena mnou a
Principy fungování WWW serverů a browserů. Internetové publikování
Principy fungování WWW serverů a browserů Internetové publikování Historie WWW 50. léta Douglas Engelbert provázané dokumenty 1980 Ted Nelson projekt Xanadu 1989 CERN Ženeva - Tim Berners-Lee Program pro
DUM 14 téma: Interakce s uživatelem
DUM 14 téma: Interakce s uživatelem ze sady: 2 tematický okruh sady: Tvorba statických www stránek s použitím CSS ze šablony: 08 Internet určeno pro: 3. ročník vzdělávací obor: 18-20-M/01 Informační technologie
12. Základy HTML a formuláře v HTML
12. Základy HTML a formuláře v HTML 1) Co je to HTML a historie HTML 2) Termíny v HTML a. tag b. značka c. element d. atribut e. entita 3) specifikace a. html, xhtmll b. rozdíly xhtml a html 4) struktura
HTTP protokol. Zpracoval : Petr Novotný
HTTP protokol Zpracoval : Petr Novotný novotny0@students.zcu.cz HTTP protokol - úvod zkratka z Hyper-Text Transfer Protocol možnost přenášet jakákoliv data (soubor, obrázek, výsledek dotazu) obvykle provozován
Tvorba webových stránek
Tvorba webových stránek HTML Hypertext Markup Language jazyk pro tvorbu webových stránek Rozšíření: JavaScript, CSS Dynamické stránky: PHP, ASP(X), JSP Prohlížeče: IE, Firefox, Opera, Google Chrome mohou
Internet 2 css, skriptování, dynamické prvky
Internet 2 css, skriptování, dynamické prvky Martin Hejtmánek hejtmmar@fjfi.cvut.cz http://kmlinux.fjfi.cvut.cz/ hejtmmar Počítačový kurs Univerzity třetího věku na FJFI ČVUT Znalci 26. března 2009 Dnešní
APLIKACE XML PRO INTERNET
APLIKACE XML PRO INTERNET Jaroslav Ráček Fakulta Informatiky, Masarykova Universita Brno Abstrakt Text je věnován možnostem využití XML technologie pro prezentaci dokumentů pomocí Internetu. V úvodu je
Základy HTML, URL, HTTP, druhy skriptování, formuláře
Základy HTML, URL, HTTP, druhy skriptování, formuláře Skriptování na straně klienta a serveru Skriptování na straně klienta se provádí pomocí programovacího jazyka JavaScript, který je vkládán do HTML
Mgr. Vlastislav Kučera přednáška č. 1
Mgr. Vlastislav Kučera přednáška č. 1 jazyk (x)html kaskádové styly Castro, E.: HTML, XHTML a CSS. CPress, 2007 Písek, S.: HTML a XHTML, začínáme programovat. Grada Publishing, 2003 Wempen, F.: HTML a
HTTP protokol. HTTP protokol - úvod. Zpracoval : Petr Novotný novotny0@students.zcu.cz
HTTP protokol Zpracoval : Petr Novotný novotny0@students.zcu.cz HTTP protokol - úvod zkratka z Hyper-Text Transfer Protocol možnost přenášet jakákoliv data (soubor, obrázek, výsledek dotazu) obvykle provozován
VÝVOJ INTERNETOVÝCH APLIKACÍ - VIA
Metodický list č. 1 Způsob zakončení : Úvod Technologie webových aplikací Protokol HTTP Po zvládnutí tématického celku bude student mít základní přehled o problematice programování internetových (webových)
Tvorba webových stránek. Ing. Radek Burget, Ph.D.
Ing. Radek Burget, Ph.D. burgetr@fit.vutbr.cz Osnova 1. 2. 3. 4. 5. 6. 11.2. Internet a služba WWW 18.2. Úvod do HTML 25.2. Úvod do kaskádových stylů (CSS) 4.3. Kaskádové styly - box model, pozicování
Identifikátor materiálu: ICT-3-03
Identifikátor materiálu: ICT-3-03 Předmět Téma sady Informační a komunikační technologie Téma materiálu TCP/IP Autor Ing. Bohuslav Nepovím Anotace Student si procvičí / osvojí architekturu TCP/IP. Druh
Internetové technologie, cvičení č. 5
Internetové technologie, cvičení č. 5 Náplň cvičení Obsahem 5. cvičení předmětu Internetové technologie je ukázka a procvičení XHTML značek a atributů používaných při vytváření hypertextových odkazů a
Internet WEB stránky HTML, Hypertext MarkUp Language - nadtextový jazyk - Místo příkazů obsahuje tagy - značky
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
<link> - definuje vztah k jiným XHTML dokumentům, typicky
Návrh a tvorba WWW stránek 1/10 Hlavička dokumentu mezi a obsahuje informace vztažené k dokumentu metadata - název stránky, povinná párová značka vzorová stránka
Počítačové sítě II. 18. World Wide Web, HTTP Miroslav Spousta, 2006 <qiq@ucw.cz>, http://www.ucw.cz/~qiq/vsfs/
Počítačové sítě II 18. World Wide Web, HTTP Miroslav Spousta, 2006 , http://www.ucw.cz/~qiq/vsfs/ 1 Historie WWW World Wide Web v současnosti nejrozšířenější a nejpoužívanější služba Internetu
Základy HTML. Obecná syntaxe HTML. Struktura HTML
Základy HTML HyperText Markup Language, označovaný zkratkou HTML, je značkovací jazyk pro hypertext. Je jedním z jazyků pro vytváření stránek v systému World Wide Web, který umožňuje publikaci dokumentů
Třídy a objekty. Třídy a objekty. Vytvoření instance třídy. Přístup k atributům a metodám objektu. $z = new Zlomek(3, 5);
Programovací jazyk PHP doc. Ing. Miroslav Beneš, Ph.D. katedra informatiky FEI VŠB-TUO A-1007 / 597 324 213 http://www.cs.vsb.cz/benes Miroslav.Benes@vsb.cz Obsah Třídy a objekty Výjimky Webové aplikace
WWW technologie. HTTP protokol
WWW technologie HTTP protokol HTTP protokol Princip - klient server - klient zašle požadavek (request), obdrží odpověď (response). klient request server response Verze - HTTP protokol HTTP 0.9 HTTP 1.0
Inovace výuky prostřednictvím šablon pro SŠ
Název projektu Číslo projektu Název školy Autor Název šablony Název DUMu Stupeň a typ vzdělávání Vzdělávací oblast Vzdělávací obor Tematický okruh Inovace výuky prostřednictvím šablon pro SŠ CZ.1.07/1.5.00/34.0748
Nová struktura souborů a složek
Tvorba podstránek Vytvoření podstránek Asi si kladete otázku, jakým způsobem docílíme toho, aby se všechny podstránky na našem webu zobrazovaly v námi vytvořeném layoutu. Máme 4 možnosti jak vytvářet podstránky
RESTful API TAMZ 1. Cvičení 11
RESTful API TAMZ 1 Cvičení 11 REST Architektura rozhraní navržená pro distribuované prostředí Pojem REST byl představen v roce 2000 v disertační práci Roye Fieldinga, zkratka z Representional State Transfer
Web. Získání informace z internetu Grafické zobrazení dat a jejich struktura Rozšíření funkcí pomocí serveru Rozšíření funkcí pomocí prohlížeče
Web Získání informace z internetu Grafické zobrazení dat a jejich struktura Rozšíření funkcí pomocí serveru Rozšíření funkcí pomocí prohlížeče Technologické trendy v AV tvorbě, Web 2 DNS Domain Name Systém
DUM č. 11 v sadě. 36. Inf-12 Počítačové sítě
projekt GML Brno Docens DUM č. 11 v sadě 36. Inf-12 Počítačové sítě Autor: Lukáš Rýdlo Datum: 06.05.2014 Ročník: 3AV, 3AF Anotace DUMu: WWW, HTML, HTTP, HTTPS, webhosting Materiály jsou určeny pro bezplatné
Hlavička dokumentu. mezi <head> a </head> obsahuje informace vztažené k dokumentu metadata <title> - název stránky, povinná párová značka
1/10 Hlavička dokumentu mezi a obsahuje informace vztažené k dokumentu metadata - název stránky, povinná párová značka vzorová stránka - definuje vztah k jiným
Základy (X)HTML. WWW stránka WWW stránka dokument (soubor) s informacemi a pokyny pro jejich zobrazení
Základy (X)HTML Internetové publikování 1 WWW stránka WWW stránka dokument (soubor) s informacemi a pokyny pro jejich zobrazení Určena pro WWW prohlížeč interpret WWW dokumentu Standardizace W3C World
Úvod do informatiky 5)
PŘEHLED PŘEDNÁŠKY Internet Protokol a služba Jmenná služba (DNS) URL adresa Elektronická pošta Přenos souborů (FTP) World Wide Web (WWW) Téměř zapomenuté služby 1 INTERNET 2 PROTOKOL A SLUŽBA Protokol
Internet protokol, IP adresy, návaznost IP na nižší vrstvy
Metodický list č. 1 Internet protokol, IP adresy, návaznost IP na nižší vrstvy Cílem tohoto tematického celku je poznat formát datagramů internet protokolu (IP) a pochopit základní principy jeho fungování
Inovace výuky prostřednictvím šablon pro SŠ
Název projektu Číslo projektu Název školy Autor Název šablony Název DUMu Stupeň a typ vzdělávání Vzdělávací oblast Vzdělávací obor Tematický okruh Inovace výuky prostřednictvím šablon pro SŠ CZ.1.07/1.5.00/34.0748
<html> - párový tag, uzavírá celý dokument <head> - párový, určuje hlavičku dokumentu <body> - párový, uzavírá tělo dokumentu Př. Základní struktura
mv Všechny html tagy jsou uzavřeny do závorek . Většina tagů je párových, tzn. ke každému tagu existuje druhá značka s lomítkem před tagem. (, ) HTML tagy by měly udávat pouze logické členění
HTML XHTML JavaScript PHP ASP.Net Zajímavé odkazy
V čem se píší web. dokumenty HTML XHTML JavaScript PHP ASP.Net Zajímavé odkazy HTML HTML (HyperText Markup Language, značkovací jazyk pro hypertext) standart pro vytváření stránek v systému aplikací World
TVORBA WEBOVÝCH STRÁNEK
TVORBA WEBOVÝCH STRÁNEK Výukový modul TWS_03a Ing. Pavel Chmiel, Ph.D. UNIV 2 - KRAJE Osnova výukového modulu TWS_03a 1. Úvod do značkovacích jazyků HTML a XHTML 2. Struktura webové stránky, popis částí
Internetové publikování
Internetové publikování Doc. Ing. Petr Zámostný, Z Ph.D. místnost: A-72aA tel.: 4222, 4167 (sekretari( sekretariát ústavu 111) e-mail: petr.zamostny@vscht vscht.czcz Osnova předmp» Úvod - principy fungování
Algoritmy a programovaní IV Studijní opory
Algoritmy a programovaní IV Studijní opory 2010 Mgr. Miroslav Langer Anotace předmětu: Síť Internet - historie, struktura, služby. Prohlížeče Internetu, editory Internetových stránek. Jazyk Html - syntaxe
IE1 jazyk HTML a kaskádové styly
IE1 jazyk HTML a kaskádové styly Tvorbu webových stránek v jazyce HTML a jejich formátování pomocí kaskádových stylů (CSS) budeme zkoušet na souvislém příkladu. Můžete si zvolit vlastní téma webové prezentace.
Tvorba www-stránek. Příkazy jazyka HTML. Budeme pracovat následovně: Základní struktura webové stránky. Příkazy sekce HEAD
Tvorba www-stránek Webové stránky jsou napsané pomocí jazyka HTML (HyperText Markup Language). Ke tvorbě webových stránek potřebujeme - speciální program umožňuje tvořit stránku bez znalostí HTML-kódu
Formuláře. Internetové publikování
Formuláře Internetové publikování Formuláře - příklad Formuláře - použití Odeslání dat od uživatele Možnosti zpracování dat Webová aplikace na serveru (ASP, PHP) Odeslání e-mailem Lokální script Formuláře
HTML pčednáška č. 1. WA1 Martin Klíma
HTML pčednáška č. 1 WA1 Martin Klíma V čem se quirk a standard mód liší? BOX model v IE známá chyba jen v Quirk módu Nějaký text div { width: 100px; padding: 10px; border: 5px
Protokol HTTP 4IZ228 tvorba webových stránek a aplikací
4IZ228 tvorba webových stránek a aplikací Jirka Kosek Poslední modifikace: $Date: 2006/11/23 15:11:51 $ Obsah Úvod... 3 Co je to HTTP... 4 Základní model protokolu... 5 Struktura požadavku v HTTP 1.0 a
Tvorba internetových aplikací v XHTML 2.0 BAKALÁŘSKÁ PRÁCE
Pedagogická fakulta, Jeronýmova 10, 371 15 České Budějovice Tvorba internetových aplikací v XHTML 2.0 BAKALÁŘSKÁ PRÁCE Vedoucí absolventské práce: PaedDr. Petr Pexa Autor: Vojtěch Soukup České Budějovice,
NSWI096 - INTERNET. CSS kaskádové styly. Mgr. Petr Lasák
NSWI096 - INTERNET CSS kaskádové styly Mgr. Petr Lasák MINULE
CZ.1.07/1.5.00/34.0527
Projekt: Příjemce: Digitální učební materiály ve škole, registrační číslo projektu CZ.1.07/1.5.00/34.0527 Střední zdravotnická škola a Vyšší odborná škola zdravotnická, Husova 3, 371 60 České Budějovice
Tvorba webových stránek
Tvorba webových stránek 1 HTML Hyper Text Markup Language = hypertextový značkovací jazyk Slouží pro tvorbu webových stránek, které jsou propojeny hypertextovými odkazy HTML soubor je obyčejný text obalený
IE1 jazyk HTML a kaskádové styly
IE1 jazyk HTML a kaskádové styly Tvorbu webových stránek v jazyce HTML a jejich formátování pomocí kaskádových stylů (CSS) budeme zkoušet na souvislém příkladu. Můžete si zvolit vlastní téma webové prezentace.
Úvod do jazyka HTML (Hypertext Markup Language)
Úvod do jazyka HTML (Hypertext Markup Language) WWW zdroje: http://www.jakpsatweb.cz/ Jak psát web, návod na HTML stránky (Dušan Yuhů Janovský) http://www.kit.vslib.cz/~satrapa/www/kurs/ Kurs vytváření
Počítačové sítě II 17. WWW, HTTP. Miroslav Spousta, 2005
Počítačové sítě II 17. WWW, HTTP Miroslav Spousta, 2005 1 Historie WWW World Wide Web v současnosti nejrozšířenější a nejpoužívanější služba Internetu nebylo tomu tak vždy (Gopher,...) vyvinut v roce 1989
metodický list č. 1 Internet protokol, návaznost na nižší vrstvy, směrování
metodický list č. 1 Internet protokol, návaznost na nižší vrstvy, směrování Cílem tohoto tematického celku je poznat formát internet protokolu (IP) a pochopit základní principy jeho fungování včetně návazných
Základy informatiky. HTML, tvorba WWW stránek. Daniela Szturcová Část převzata z přednášky P. Děrgela
Základy informatiky HTML, tvorba WWW stránek Daniela Szturcová Část převzata z přednášky P. Děrgela Obsah přednášky Princip WWW dokumentu, ukázka Nástroje pro tvorbu Pravidla tvorby HTML, tagy Kostra HTML
Tvorba stránek v HTML ve Wordu
Tvorba stránek v HTML ve Wordu HTML (hypertext markup language hypertextový značkovací jazyk). Internetová stránka jako soubor s příponou htm nebo html. Je to skoro obyčejný textový soubor obohacený o
Dnešní téma. Oblasti standardizace v ICT. Oblasti standardizace v ICT. Oblasti standardizace v ICT
Dnešní téma Oblasti standardizace v ICT Případové studie standardizace v ICT: 1) Znakové sady 2) Jazyk 1. technická infrastruktura transfer a komunikace informací, přístup k informacím, sdílení zdrojů
MODERNÍ WEB SNADNO A RYCHLE
SNADNO A RYCHLE Marek Lučný Pavoučí síť přes celý svět Co prohlížeče (ne)skrývají Tajemný kód HTML Všechno má svůj styl Interaktivní je IN Na obrazovce i na mobilu Začni podle šablony Informace jsou základ
22. Tvorba webových stránek
22. Tvorba webových stránek Webové stránky jsou spolu s elektronickou poštou nejpoužívanější prostředky internetu. Brouzdáme li internetem používáme nějaký prohlížeč. To, co vidíme na obrazovce v prohlížeči
Úvod do informačních služeb Internetu
Úvod do informačních služeb Internetu Rozdělení počítačových sítí Počítačové sítě se obecně rozdělují do základních typů podle toho, na jak velkém území spojují počítače a jaké spojovací prostředky k tomu
Jazyky pro popis dat
Realizováno za finanční podpory ESF a státního rozpočtu ČR v rámci v projektu Zkvalitnění a rozšíření možností studia na TUL pro studenty se SVP reg. č. CZ.1.07/2.2.00/29.0011 Jazyky pro popis dat Pavel
Základní pojmy spojené s webovým publikováním ~ malý slovníček pojmů~ C3231 Základy WWW publikování Radka Svobodová, Stanislav Geidl
Základní pojmy spojené s webovým publikováním ~ malý slovníček pojmů~ C3231 Základy WWW publikování Radka Svobodová, Stanislav Geidl Internet celosvětová síť spojení jednotlivých síťí pomocí uzlů (síť
Internet cvičení (X)HTML Jakub Klímek
Internet cvičení (X)HTML Jakub Klímek XML and Web Engineering Research Group Faculty of Mathematics and Physics Charles University, Prague Czech Republic Agenda Požadavky na zápočet jsou na webu Deadline
Datum vytvoření. Vytvořeno 18. října 2012. Očekávaný výstup. Žák chápe pojmy URL, IP, umí vyjmenovat běžné protokoly a ví, k čemu slouží
Číslo projektu CZ.1.07/1.5.00/34.0394 Škola SOŠ a SOU Hustopeče, Masarykovo nám. 1 Autor Ing. Miriam Sedláčková Číslo VY_32_INOVACE_ICT.3.01 Název Teorie internetu- úvod Téma hodiny Teorie internetu Předmět
BI-AWD. Administrace Webového a Databázového serveru Virtualizace HTTP serveru
BI-AWD Administrace Webového a Databázového serveru Virtualizace HTTP serveru Příprava studijního programu Informatika je podporována projektem financovaným z Evropského sociálního fondu a rozpočtu hlavního
Mgr. Vlastislav Kučera přednáška č. 1
Mgr. Vlastislav Kučera přednáška č. 1 jazyk HTML5 CSS3 HTML5 a CSS3: CASTRO, E. HTML5 a CSS3. Computer press, 2012 GOLDSTEIN, A., LAZARIS, L. a WEYL, E. HTML5 a CSS3 pro webové designéry. Brno: Zoner Press,