Post on 12-Jan-2016
description
transcript
<!DOCTYPE html> <html> <head> <title>Title of the document</title> </head> <body> The content of the document...... </body> </html>
<section> <h1>Úroveň 1</h1> <section> <h1>Úroveň 2</h1> <section> <h1>Úroveň 3</h1> </section>
<nav> <ul> <li><a href="/">Titulek</a></li> <li><a href="/products">Výrobky</a></li> <li><a href="/services">Služby</a></li> <li><a href="/about">O nás</a></li> </ul> </nav>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="cs" lang="cs" /><head>
Autorem materiálu a všech jeho částí, není-li uvedeno jinak, je Ing. Michal Sonnek. Obchodní akademie a Střední odborná škola logistická, Opava, příspěvková organizace. Vzdělávací materiál byl vytvořen
v rámci OP VK 1.5 – EU peníze středním školám, registrační číslo CZ.1.07/1.5.00/34.0809.
Úvod do tvorby webových stránek
1
2. října 2012 VY_32_INOVACE_160311_UVOD_DO_TVORBY_WEBOVYCH_STRANEK_ZAKLADNI_POJMY_DUM
<!DOCTYPE html> <html> <head> <title>Title of the document</title> </head> <body> The content of the document...... </body> </html>
<section> <h1>Úroveň 1</h1> <section> <h1>Úroveň 2</h1> <section> <h1>Úroveň 3</h1> </section>
<nav> <ul> <li><a href="/">Titulek</a></li> <li><a href="/products">Výrobky</a></li> <li><a href="/services">Služby</a></li> <li><a href="/about">O nás</a></li> </ul> </nav>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="cs" lang="cs" /><head>
2
Co je to World Wide Web (WWW)?World Wide Web (WWW, W3 nebo web) je systém webových serverů, které umožňují přenos a prohlížení hypertextových dokumentů. Hypertextový dokument je nelineární informační zdroj. Obsahuje odkazy na další hypertextové dokumenty.
<!DOCTYPE html> <html> <head> <title>Title of the document</title> </head> <body> The content of the document...... </body> </html>
<section> <h1>Úroveň 1</h1> <section> <h1>Úroveň 2</h1> <section> <h1>Úroveň 3</h1> </section>
<nav> <ul> <li><a href="/">Titulek</a></li> <li><a href="/products">Výrobky</a></li> <li><a href="/services">Služby</a></li> <li><a href="/about">O nás</a></li> </ul> </nav>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="cs" lang="cs" /><head>
3
WWW–fakta z historie• Kdy se se objevil?1989 • Kdo je považován za „otce“?Tim Berners-Lee.• Místo narození?CERN (Conseuil Europeen pour la Recherche Nucleaire, nyní European Laboratory for Particle Physics). • K čemu měla služba WWW sloužit?Prostředek komunikace pro výzkumné pracovníky a pracovní týmy z odlehlých pracovišť. Sdílení dokumentů.
<!DOCTYPE html> <html> <head> <title>Title of the document</title> </head> <body> The content of the document...... </body> </html>
<section> <h1>Úroveň 1</h1> <section> <h1>Úroveň 2</h1> <section> <h1>Úroveň 3</h1> </section>
<nav> <ul> <li><a href="/">Titulek</a></li> <li><a href="/products">Výrobky</a></li> <li><a href="/services">Služby</a></li> <li><a href="/about">O nás</a></li> </ul> </nav>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="cs" lang="cs" /><head>
4
Příčiny rozšíření WWW• Postoj CERNu k vývoji projektu. CERN zveřejnil zdrojové kódy celého
systému. Od počátku byla podporována spolupráce s akademickou a komerční sférou.• Systémové požadavky na provoz služby WWW nebyly velké,
poskytovateli obsahu se mohly stát instituce s omezenými prostředky. • V prostředí hypertextu je možné intuitivní ovládání – mohli jej
využívat i nezkušení uživatelé.• Používání PC se stává v první polovině devadesátých let masovou
záležitostí.• Microsoft začlenil prohlížeč Internet Explorer do operačního systému
Windows. Tím pohodlně nabídl uživatelům základní nástroj. • Programové prostředky na tvorbu webu byly jednoduché.• Podstata WWW je nezávislá na použitých operačních systémech.• Informace je možné prezentovat v podobě textu, obrázků,
multimédií,…• Mnohem lepší produkt než předešlý informační systém Gopher.
<!DOCTYPE html> <html> <head> <title>Title of the document</title> </head> <body> The content of the document...... </body> </html>
<section> <h1>Úroveň 1</h1> <section> <h1>Úroveň 2</h1> <section> <h1>Úroveň 3</h1> </section>
<nav> <ul> <li><a href="/">Titulek</a></li> <li><a href="/products">Výrobky</a></li> <li><a href="/services">Služby</a></li> <li><a href="/about">O nás</a></li> </ul> </nav>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="cs" lang="cs" /><head>
5
Programové prostředky používané pro tvorbu webových stránek
Kód, ve kterém je vytvořena webová stránka, provádí tři základní činnosti:• Vytváří vlastní informační obsah stránky.
Definuje strukturu dokumentu.• Specifikuje vzhled stránky.• Řídí chování obsahu.
<!DOCTYPE html> <html> <head> <title>Title of the document</title> </head> <body> The content of the document...... </body> </html>
<section> <h1>Úroveň 1</h1> <section> <h1>Úroveň 2</h1> <section> <h1>Úroveň 3</h1> </section>
<nav> <ul> <li><a href="/">Titulek</a></li> <li><a href="/products">Výrobky</a></li> <li><a href="/services">Služby</a></li> <li><a href="/about">O nás</a></li> </ul> </nav>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="cs" lang="cs" /><head>
6
Obsah stránky, struktura dokumentu
Značkovací jazyky:• Standard Generalized Markup Language
(SGML)• HyperText Markup Language (HTML)• Extensible Markup Language (XML)• Extensible HyperText Markup Language
(XHTML)
<!DOCTYPE html> <html> <head> <title>Title of the document</title> </head> <body> The content of the document...... </body> </html>
<section> <h1>Úroveň 1</h1> <section> <h1>Úroveň 2</h1> <section> <h1>Úroveň 3</h1> </section>
<nav> <ul> <li><a href="/">Titulek</a></li> <li><a href="/products">Výrobky</a></li> <li><a href="/services">Služby</a></li> <li><a href="/about">O nás</a></li> </ul> </nav>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="cs" lang="cs" /><head>
7
Definice vzhledu stránky
• K definici vzhledu stránky dnes slouží CSS (Cascading Style Sheets). Zápis formátu je nejčastěji umístěn v externím souboru.
• Nastavení CSS je stejné pro HTML, XHTML, XML.
<!DOCTYPE html> <html> <head> <title>Title of the document</title> </head> <body> The content of the document...... </body> </html>
<section> <h1>Úroveň 1</h1> <section> <h1>Úroveň 2</h1> <section> <h1>Úroveň 3</h1> </section>
<nav> <ul> <li><a href="/">Titulek</a></li> <li><a href="/products">Výrobky</a></li> <li><a href="/services">Služby</a></li> <li><a href="/about">O nás</a></li> </ul> </nav>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="cs" lang="cs" /><head>
8
Definice chování stránky
Programování na straně klienta:• JavaScript,• VBScript,• Java– Java aplikace,– Java aplety.
<!DOCTYPE html> <html> <head> <title>Title of the document</title> </head> <body> The content of the document...... </body> </html>
<section> <h1>Úroveň 1</h1> <section> <h1>Úroveň 2</h1> <section> <h1>Úroveň 3</h1> </section>
<nav> <ul> <li><a href="/">Titulek</a></li> <li><a href="/products">Výrobky</a></li> <li><a href="/services">Služby</a></li> <li><a href="/about">O nás</a></li> </ul> </nav>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="cs" lang="cs" /><head>
9
Definice chování stránky
• Programování na straně serveru:– PHP (PHP Hypertext Preprocesor),– ASP.NET.
<!DOCTYPE html> <html> <head> <title>Title of the document</title> </head> <body> The content of the document...... </body> </html>
<section> <h1>Úroveň 1</h1> <section> <h1>Úroveň 2</h1> <section> <h1>Úroveň 3</h1> </section>
<nav> <ul> <li><a href="/">Titulek</a></li> <li><a href="/products">Výrobky</a></li> <li><a href="/services">Služby</a></li> <li><a href="/about">O nás</a></li> </ul> </nav>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="cs" lang="cs" /><head>
10
Fungování WWW
Služba WWW funguje na principu klient/server.Klient
Webový prohlížeč v PC uživatele.Server
Webový server, který je odpovědný za vyřizování požadavků od klientů.
<!DOCTYPE html> <html> <head> <title>Title of the document</title> </head> <body> The content of the document...... </body> </html>
<section> <h1>Úroveň 1</h1> <section> <h1>Úroveň 2</h1> <section> <h1>Úroveň 3</h1> </section>
<nav> <ul> <li><a href="/">Titulek</a></li> <li><a href="/products">Výrobky</a></li> <li><a href="/services">Služby</a></li> <li><a href="/about">O nás</a></li> </ul> </nav>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="cs" lang="cs" /><head>
11
Příklady webových serverů
Program Operační systém Výrobce
Apache Apache Foundation Linux
Internet Information Server Microsoft Windows 2003/2008
Nginx Igor Sysoev multiplatformní
GWS Google Unix, Linux
Lighttpd lighttpd Unix, Linux, Windows
SunOne Sun Microsystem Solaris
<!DOCTYPE html> <html> <head> <title>Title of the document</title> </head> <body> The content of the document...... </body> </html>
<section> <h1>Úroveň 1</h1> <section> <h1>Úroveň 2</h1> <section> <h1>Úroveň 3</h1> </section>
<nav> <ul> <li><a href="/">Titulek</a></li> <li><a href="/products">Výrobky</a></li> <li><a href="/services">Služby</a></li> <li><a href="/about">O nás</a></li> </ul> </nav>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="cs" lang="cs" /><head>
12
Webový prohlížeč
Webový prohlížeč (browser) je počítačový program, který slouží k prohlížení informačního obsahu poskytovaného službou World Wide Webu (WWW). Prohlížeč umožňuje komunikaci s webovým serverem pomocí protokolu http (https). Zpracuje přijatý kód (HTML, XHTML, XML apod.), který podle daných standardů zformátuje a zobrazí webovou stránku.
<!DOCTYPE html> <html> <head> <title>Title of the document</title> </head> <body> The content of the document...... </body> </html>
<section> <h1>Úroveň 1</h1> <section> <h1>Úroveň 2</h1> <section> <h1>Úroveň 3</h1> </section>
<nav> <ul> <li><a href="/">Titulek</a></li> <li><a href="/products">Výrobky</a></li> <li><a href="/services">Služby</a></li> <li><a href="/about">O nás</a></li> </ul> </nav>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="cs" lang="cs" /><head>
13
Příklady webových prohlížečů• Windows Internet Explorer,• Mozilla Firefox,• Google Chrome,• Mosaic Opera,• Safari.
<!DOCTYPE html> <html> <head> <title>Title of the document</title> </head> <body> The content of the document...... </body> </html>
<section> <h1>Úroveň 1</h1> <section> <h1>Úroveň 2</h1> <section> <h1>Úroveň 3</h1> </section>
<nav> <ul> <li><a href="/">Titulek</a></li> <li><a href="/products">Výrobky</a></li> <li><a href="/services">Služby</a></li> <li><a href="/about">O nás</a></li> </ul> </nav>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="cs" lang="cs" /><head>
14
WYSIWYG editory
Zobrazují stránku už při psaní tak, jak bude vypadat v prohlížeči a kód se generuje automaticky. Výhodou je jednoduchá obsluha, není nutná znalost jazyka HTML. Problém může být nestandardně vytvořený kód.Příklady:• Microsoft FrontPage,• Dreamweaver, • Adobe GoLive,• NVU,• MS Expression Web.
<!DOCTYPE html> <html> <head> <title>Title of the document</title> </head> <body> The content of the document...... </body> </html>
<section> <h1>Úroveň 1</h1> <section> <h1>Úroveň 2</h1> <section> <h1>Úroveň 3</h1> </section>
<nav> <ul> <li><a href="/">Titulek</a></li> <li><a href="/products">Výrobky</a></li> <li><a href="/services">Služby</a></li> <li><a href="/about">O nás</a></li> </ul> </nav>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="cs" lang="cs" /><head>
15
WYSIWYM editoryJejich obsluha není tak jednoduchá jako u předešlé skupiny. Uživatel musí znát jazyk HTML (XHTML), CSS. Editor umožňuje hlavně rychlé zadávání značek, jejich význam ale musí znát autor webové stránky. Výhodou je oddělení obsahu a výsledného formátu dokumentu. Obecně jsou vhodnější pro vytvoření validního kódu webových stránek.Příklady:• Lyx,• WYMeditor,• HomeSite, • Notepad++, • EasyPad,• PsPAD.
<!DOCTYPE html> <html> <head> <title>Title of the document</title> </head> <body> The content of the document...... </body> </html>
<section> <h1>Úroveň 1</h1> <section> <h1>Úroveň 2</h1> <section> <h1>Úroveň 3</h1> </section>
<nav> <ul> <li><a href="/">Titulek</a></li> <li><a href="/products">Výrobky</a></li> <li><a href="/services">Služby</a></li> <li><a href="/about">O nás</a></li> </ul> </nav>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="cs" lang="cs" /><head>
16
Protokoly webových služeb
• HTTP (Hypertext Transfer Protocol)• HTTPS (http over SSL nebo SecureHTTP)
<!DOCTYPE html> <html> <head> <title>Title of the document</title> </head> <body> The content of the document...... </body> </html>
<section> <h1>Úroveň 1</h1> <section> <h1>Úroveň 2</h1> <section> <h1>Úroveň 3</h1> </section>
<nav> <ul> <li><a href="/">Titulek</a></li> <li><a href="/products">Výrobky</a></li> <li><a href="/services">Služby</a></li> <li><a href="/about">O nás</a></li> </ul> </nav>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="cs" lang="cs" /><head>
17
URL (Universal Resource Locator)
URL slouží k jednoznačnému označení zdroje v distribuovaném informačním systému a Internetu (intranetu). URL zahrnuje specifikaci metody přístupu ke zdroji a umístění vlastního zdroje.
<!DOCTYPE html> <html> <head> <title>Title of the document</title> </head> <body> The content of the document...... </body> </html>
<section> <h1>Úroveň 1</h1> <section> <h1>Úroveň 2</h1> <section> <h1>Úroveň 3</h1> </section>
<nav> <ul> <li><a href="/">Titulek</a></li> <li><a href="/products">Výrobky</a></li> <li><a href="/services">Služby</a></li> <li><a href="/about">O nás</a></li> </ul> </nav>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="cs" lang="cs" /><head>
18
Příklad URL www stránky.
http://www.firma.com/kontakt/email.czVýznam jednotlivých položek:• http: – použitý protokol,• // – kořenový adresář,• www.firma.com – doménové jméno,• .com – vrcholová doména,• /kontakt/email.cz – cesta souboru na serveru.Pokud by se použil nestandardní typ portu, může mít URL následující tvar:http://www.autoprodej.com.cz:82
<!DOCTYPE html> <html> <head> <title>Title of the document</title> </head> <body> The content of the document...... </body> </html>
<section> <h1>Úroveň 1</h1> <section> <h1>Úroveň 2</h1> <section> <h1>Úroveň 3</h1> </section>
<nav> <ul> <li><a href="/">Titulek</a></li> <li><a href="/products">Výrobky</a></li> <li><a href="/services">Služby</a></li> <li><a href="/about">O nás</a></li> </ul> </nav>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="cs" lang="cs" /><head>
19
Organizace spojené s vývojem WWW
• Web Hypertext Application Technology Working Group (WHATWG)http://www.whatwg.org/
• World Wide Web Consortium (W3C)http://www.w3.org/
• IETF (Internet EngineeringTaskForce)http://www.ietf.org/
<!DOCTYPE html> <html> <head> <title>Title of the document</title> </head> <body> The content of the document...... </body> </html>
<section> <h1>Úroveň 1</h1> <section> <h1>Úroveň 2</h1> <section> <h1>Úroveň 3</h1> </section>
<nav> <ul> <li><a href="/">Titulek</a></li> <li><a href="/products">Výrobky</a></li> <li><a href="/services">Služby</a></li> <li><a href="/about">O nás</a></li> </ul> </nav>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="cs" lang="cs" /><head>
20
World Wide Web Consortium (W3C)
World Wide Web Consortium (W3C) je mezinárodní konsorcium, jehož členové společně s veřejností vyvíjejí webové standardy pro World Wide Web. Cílem konsorcia je „Rozvíjet World Wide Web do jeho plného potenciálu vývojem protokolů a směrnic, které zajistí dlouhodobý růst Webu“. W3C se také zabývá vzděláním a přístupností, vyvíjí software a nabízí otevřenou diskuzi o Webu prostřednictvím fóra. Konsorciu předsedá jeho zakladatel Tim Berners-Lee, tvůrce služby Webu a primární autor specifikací URL (Uniform Resource Locator), HTTP (HyperText Transfer Protocol) a HTML (HyperText Markup Language) – základních pilířů Webu.
<!DOCTYPE html> <html> <head> <title>Title of the document</title> </head> <body> The content of the document...... </body> </html>
<section> <h1>Úroveň 1</h1> <section> <h1>Úroveň 2</h1> <section> <h1>Úroveň 3</h1> </section>
<nav> <ul> <li><a href="/">Titulek</a></li> <li><a href="/products">Výrobky</a></li> <li><a href="/services">Služby</a></li> <li><a href="/about">O nás</a></li> </ul> </nav>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="cs" lang="cs" /><head>
21
Web Hypertext Application Technology Working Group (WHATWG)
Založení WHATWG v roce 2004 bylo odpovědí na pomalý vývoj webových standardů pod vedením W3C. Řada členů WHATWG se však podílí též na standardech od W3C a samotná pracovní skupina se snaží připravit specifikace tak, aby je bylo možné schválit přímo W3C. Organizace využívá přínos konkrétních přispěvatelů, jako jsou Google, Mozilla Foundation, Opera Software či Apple Computer.
<!DOCTYPE html> <html> <head> <title>Title of the document</title> </head> <body> The content of the document...... </body> </html>
<section> <h1>Úroveň 1</h1> <section> <h1>Úroveň 2</h1> <section> <h1>Úroveň 3</h1> </section>
<nav> <ul> <li><a href="/">Titulek</a></li> <li><a href="/products">Výrobky</a></li> <li><a href="/services">Služby</a></li> <li><a href="/about">O nás</a></li> </ul> </nav>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="cs" lang="cs" /><head>
22
IETF (Internet EngineeringTaskForce)
Organizace s rozsáhlým záběrem zájmů. Zabývá se především standardy TCP/IP a soubory internetových protokolů. Jedná se o otevřenou organizaci vydávající standardy, nevyžadující žádné formální členství nebo členské požadavky. Všichni členové, včetně nejvyšších představitelů jsou dobrovolníci a jejich práce je většinou financována jejich zaměstnavateli nebo sponzory. Z hlediska tvorby WWW stránek tato organizace je odpovědná za vývoj protokolu http/https.
<!DOCTYPE html> <html> <head> <title>Title of the document</title> </head> <body> The content of the document...... </body> </html>
<section> <h1>Úroveň 1</h1> <section> <h1>Úroveň 2</h1> <section> <h1>Úroveň 3</h1> </section>
<nav> <ul> <li><a href="/">Titulek</a></li> <li><a href="/products">Výrobky</a></li> <li><a href="/services">Služby</a></li> <li><a href="/about">O nás</a></li> </ul> </nav>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="cs" lang="cs" /><head>
23
Úkol č. 1
Budete vytvářet webovou prezentaci pro váš třídní projekt. Víte, že vaši perspektivní uživatelé používají celou řadu prohlížečů různých verzí od různých výrobců. Vaším úkolem je zjistit podporu používaných webových technologií u jednotlivých browserů.
<!DOCTYPE html> <html> <head> <title>Title of the document</title> </head> <body> The content of the document...... </body> </html>
<section> <h1>Úroveň 1</h1> <section> <h1>Úroveň 2</h1> <section> <h1>Úroveň 3</h1> </section>
<nav> <ul> <li><a href="/">Titulek</a></li> <li><a href="/products">Výrobky</a></li> <li><a href="/services">Služby</a></li> <li><a href="/about">O nás</a></li> </ul> </nav>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="cs" lang="cs" /><head>
24
Úkol č. 2
Klíčovým programem pro uživatele služby WWW je prohlížeč. Zjistěte, jaké jsou tržní podíly nejrozšířenějších prohlížečů.
<!DOCTYPE html> <html> <head> <title>Title of the document</title> </head> <body> The content of the document...... </body> </html>
<section> <h1>Úroveň 1</h1> <section> <h1>Úroveň 2</h1> <section> <h1>Úroveň 3</h1> </section>
<nav> <ul> <li><a href="/">Titulek</a></li> <li><a href="/products">Výrobky</a></li> <li><a href="/services">Služby</a></li> <li><a href="/about">O nás</a></li> </ul> </nav>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="cs" lang="cs" /><head>
25
• Své znalosti si zopakujte v zde.•Kvíz
<!DOCTYPE html> <html> <head> <title>Title of the document</title> </head> <body> The content of the document...... </body> </html>
<section> <h1>Úroveň 1</h1> <section> <h1>Úroveň 2</h1> <section> <h1>Úroveň 3</h1> </section>
<nav> <ul> <li><a href="/">Titulek</a></li> <li><a href="/products">Výrobky</a></li> <li><a href="/services">Služby</a></li> <li><a href="/about">O nás</a></li> </ul> </nav>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="cs" lang="cs" /><head>
26
Zdroje• WORLD WIDE WEB CONSORTIUM (W3C). World Wide Web Consortium (W3C)
[online]. http://www.w3.org/. 27 March 2012 [cit. 2012-10-02]. Dostupné z: http://www.w3.org
• IETF. The Internet Engineering Task Force (IETF) [online]. 2012-04-05 [cit. 2012-10-02]. Dostupné z: http://www.ietf.org/
• WHATWG. Web Hypertext Application Technology Working Group [online]. 2012-04-05 [cit. 2012-10-02]. Dostupné z: http://www.whatwg.org/
• LUBBERS, Peter, Brian ALBERS a Frank SALIM. HTML5: Programujeme moderní webové aplikace. Holandská 3, 639 00, Brno: Computer Press, a.s., 2011. ISBN 978-80-251-3539-6.
• GOLDSTEIN, Alexis, Louis LAZARIS a Estelle WEYL. HTML5 a CSS3: Pro webové designery. Nové sady 18, 602 00 Brno: Zoner Press, 2011. ISBN 978-80-7413-166-0.
• PHP: Hypertext Preprocessor [online]. 2012-04-15 [cit. 2012-10-02]. Dostupné z: http://www.php.net/
• MICROSOFT. ASP.NET [online]. 2012-04-15 [cit. 2012-10-02]. Dostupné z: http://www.asp.net/