Aplikační protokol HTTP (Hypertext Transfer Protocol) je internetový protokol určený pro výměnu hypertextových dokumentů ve formátu HTML. Používá obvykle port TCP/80. •
pracuje na principu Požavek/Odpověď (request/response)
•
výhodou je jednoduchost a teoretická možnost přenášet objekty jakéhokoliv druhu
•
nevýhodou je bezestavovost (není schopen udržet relaci) a absence jakéhokoliv zabezpečení
Značkovací jazyk HTML název značkovacího jazyka používaného pro tvorbu webových stránek, které jsou propojeny hypertextovými odkazy. Adresace pomocí URL - je adresa určující umístění dokumentu na internetu Sémantika nám říká, jaký je význam jednotlivých značek. Syntaxe nám ukládá pravidla pro zápis html stránky. Elementy , tagy
-
Každý element se skládá z počátečního tagu, obsahu elementu a ukončovacího tagu. některé elementy (například a ) nemusí mít ukončovací tag
Atributy
-
-
-
Elementy se obvykle používají pro vyznačení struktury dokumentu. Pokud potřebujeme nějak podrobněji vymezit význam elementu, použijeme k tomu atribut. Atribut se zapisuje za počáteční tag. Atribut má vždy nějakou hodnotu, která se mu přiřazuje. Pokud hodnota obsahuje pouze písmena, číslice, pomlčku a tečku, nemusí se hodnota atributu uzavírat do uvozovek. V opačném případě musíme hodnotu atributu uzavřít do uvozovek nebo do apostrofů. U jednoho tagu můžeme samozřejmě použít více atributů. Atributy se mohou používat pouze u počátečních tagů, nikoliv u ukončovacích.
SGML
-
Pomocí jazyka SGML můžeme vytvářet definice libovolných značkovacích jazyků, kterým říkáme DTD (Document Type Definition).
DOCTYPE
-
Značka určuje jakému DTD daný dokument odpovídá a říká se jí prolog.
-
Pomocí značky pak můžeme určit, kterou verzi HTML v dokumentu používáme.
Kódování češtiny v současné době používané kódování češtiny na 8bitech: –
KOI-8
–
ISO-8859-2 – mezinárodní standard (UNIX čeština)
–
definice znakové sady stylesheetu ISO-8859-1
Unicode
-
vychází z ASCII (prvních 127 znaků má shodný kód, ale na 16bitech). Verze 2.0 standardu obsahuje 38885 znaků světových abeced (včetně 20902 znaků Han písma – průmyslový standard Číny, Koreje, Japonska a Taiwanu)
problémy: –
větší (dvojnásobná) délka textů
–
pro prosazení Unicode je třeba nalézt způsob, jak mohou stávající sw systémy založené na ASCII používat 16bitové znaky (částečně řešeno UTF-8)
Konverze Unicode na UTF-8
Cascading Style Sheet (CSS - kaskádové styly) - je stylový jazyk, který se používá pro popis vzhledu a formátování dokumentů napsaných značkovacím jazykem. - Nejčastěji se CSS používá pro grafickou prezentaci HTML stránek. Další použití lze nalézt např. u XML. Použití CSS v HTML - Přímý styl:
text …
- Stylopis v hlavičce HTML: <style> div {color: red;} - Externí soubor: Barvy v CSS •
RGB zápis –
Procentuálně {color:rgb(100%,0%,100%)}
–
Desítkově {color:rgb(255,0,0)}
–
Šestnáctkově {color:#FF0000}
Třída *.barva {color:red} Identifikátor *#barva {color:red} Pozicování –
static (statické, odpovídá normálnímu toku dokumentu),
–
relative (relativní, umístění vztažené k bodu, kde by se element vyskytoval v běžném toku dokumentu),
–
absolute (absolutní, umístění vztažené k nadřazenému elementu)
–
nebo fixed (fixní, neměnné umístění na stránce).
Pro vlastní umístění elementu při daném typu pozicování používáme vlastnosti: –
top (vzdálenost od horní hrany),
–
right (vzdálenost od pravé hrany),
–
bottom (vzdálenost od spodní hrany),
–
nebo left (vzdálenost od levé hrany).
Z-index
-
Hodnota vlastnosti je pořadí „vrstvy“. Čím je číslo větší, tím blíže je k pozorovateli.
Overflow, Clip -
Chování obsahu elementu, který se do daného elementu nevejde, můžeme řídit pomocí vlastnosti overflow.
-
Vlastnost může nabývat hodnot: o
visible (co se nevejde tak přeteče)
o
auto (v případě přetečení se nezobrazí obsah, ale přidájí se rolovací lišty)
o
scroll (vždy zobrazí rolovací lišty)
o
hidden (co se nevejde se nezobrazí).
- Prostřednictvím vlastnosti clip lze dosáhnout ořezání elementu. Hodnota vlastnosti potom určuje vzdálenosti od horní hrany, k pravé hraně, ke spodní hraně, od levé hrany. Extenible Markup Language (XML)
-
je značkovací jazyk, který slouží k tvorbě dokumentů s vlastními elementy a atributy, které je možné validovat oproti vlastnímu schématu XML je zjednodušenou podmnožinu jazyka SGML. První verze jazyka byla publikována v roce 1998. Pomocí XML můžeme vytvářet vlastní jazyky, které budou používat syntaxi XML
HTML vs. XML
Syntaxe XML –
XML dokument má pouze jeden kořenový element
–
každý element musí mít počáteční a koncovou značku ( <note>… ), nebo musí jít o prázdný element ()
–
není povoleno křížení elementů
–
název elementů a atributů může začínat pouze písmenem, podtržítkem nebo dvojtečkou
Extensible HyperText Markup Language XHTML je nástupce HTML založený na XML. Rozlišujeme 3 druhy XHTML:
–
XHTML 1.0 Strict (čistě strukturální značkování, neobsahuje žádné značky spojené s formátováním vzhledu)
–
XHTML 1.0 Transitional (povoluje atributy pro formátování textu a odkazů v elementu body a některé další atributy)
–
XHTML 1.0 Frameset (používa se při použití rámců pro rozdělení okna prohlížeče na dvě nebo více částí)
Struktura XHTML dokumentu
-
Deklarace XML
-
Deklarace DTD
-
Kořenový element html obsahuje atribut xmlns
Zásady XHTML –
všechny elementy a atributy musí být malými písmeny, XHTML je casesensitive
–
všechny hodnoty atributů musí být v XHTML v uvozovkách
–
všechny XHTML tagy musí být párové (prázdné tagy se musí ukončit lomítkem, např. )
–
tagy se nesmí nikdy křížit
–
striktní XHTML neobsahuje žádné atributy sloužící k formátování (oproti HTML jsou z XHTML vypuštěny formátovací tagy , např. font, b, i).
PHP (Hypertext Preprocessor) - je skriptovací jazyk sloužící převážně k tvorbě dynamických webových stránek - Automatická deklarace proměnných při prvním použití (8 typů – boolean, integer, float, string, array, object, resource, NULL). - Široká řada knihoven funkcí pro práci s řetězci, databázem, grafikou, matematickými funcemi, atd. Charakteristika PHP –
nekomerční produkt, open source
–
podobný princip jako u ASP
–
vkládání kódu do HTML
–
nezávislost na platformě
–
nezávislost na webovém serveru
Proměnné PHP –
nemusí se deklarovat
–
značí se symbolem $ a pak písmeno (A-Za-z) nebo podtržítko (_)
–
$jmeno = ‘Lukas’;
Správa proměnných PHP –
isset() – vrací true, pokud byla proměnná v prostředí deklarována
Oracle DB v PHP Podpora databázového stroje Oracle je zajištěna prostřednictvím extenzí: •
Oracle
•
OCI8
•
PDO
OCI8
Session PHP - Protokol http je bezstavový a proto neumí udržet relaci mezi klientem a serverem. Tento fakt lze v prostředí PHP vyřešit prostřednictvím „session“. Jedná se o soubor dat, který se ukládají na straně serveru. Data jsou jednoznačně identifikována. Identifikátor si vyměňují při komunikaci klient se serverem prostřednictvím http protokolu (v hlavičce nebo v url adrese, záleží na nastavení prostředí php). Cookie PHP - Cookies jsou malé textové soubory, které se ukládají na straně klienta. Těmto souborům lze nastavit další atributy, jako je například životnost, platnost pro určitou subdomenu, atd. Hlavičky http protokolu V PHP můžeme modifikovat hlavičku http protokolu. Veškerá modifikace musí proběhnout dříve, než je ze serveru cokoliv posláno klientovi
Datum a čas PHP Práce s datem a časem je v prostředí PHP vcelku jednoduchá. PHP disponuje propracovanými funkcemi, které práci značně zjednodušují. Při práci s datem a časem je však nutné mít na zřeteli lokální nastavení a časovou zónu. Nastavení lokálního prostředí můžeme měnit pomocí funkce SetLocale(). Hash -je funkce, která transformuje vstupní řetězec znaků o libovolné délce na výstupní řetězec znaků s pevnou délkou, tzv. hash nebo také otisk. Hash funkce se často používají v kryptografii. Hešovací funkce jsou irreverzibilní, tedy jednosměrné (z otisku nelze získat vstupní řetězec). SAX (Simple API for XML)
-
je rozhraní, které umožňuje procházet XML dokument a to bez potřeby, aby byl celý dokument nahrán do paměti. SAX generuje při nalezení např. počáteční značky, koncové značky či jakéhokoliv jiného prvku v dokumentu událost, prostřednictvím které si příslušnou část XML dokumentu obsloužíme.
DOM (Document Object Model)
-
je objektový model, který umožňuje procházet HTML a XML dokumenty. DOM načítá veškerá data do paměti a z nich vytváří hierarchický strom. Jeho použití je optimální pouze tam, kde zpracováváme relativně málo dat a kdy k jednotlivým elementům přistupujeme v náhodném pořadí a opakovaně.
SimpleXML
-
je rozšíření PHP, které umožňuje pracovat s XML dokumenty. Jedná se o další xml parser, který je v PHP5 dostupný. Jeho výhodou je o proti ostatním parserum značná jednoduchost v použití. S obsahem dokumentu XML pracujeme prostřednictvím datových struktur.
Základní pravidla SimpleXML: •
Vlastnosti určují iterátory prvku.
•
Číselné indexy označují prvky.
•
Nečíselné atributy označují atributy.
•
Přístup k textovým datům umožňují řetězové převody
XPath XPath je jazyk, prostřednictvím kterého lze adresovat určité části XML dokumentu a to pomocí výrazu. Xpath je standardem W3C. XPath výraz se skládá: •
osy
•
testu uzlu
•
predikátu
XPath výraz vrací: •
logická hodnota (true nebo false)
•
číslo
•
textový řetězec
•
množina uzlů ze stromu vstupního dokumentu
•
část stromu dokumentu
CSS frameworky
-
si lze představit jako předpřipravené knihovny, které obsahují kolekce definic CSS stylů, které výrazným způsobem urychlují práci při tvorbě layoutu stránky. Hojně jsou například využívány styly pro reset předdefinovaných stylů ve webových prohlížečích, případně styly definující grid systém, nastavující typografii stránky, či upravující vzhled některých prvků.
