TNPW1 Technologie pro publikování na webu

TNPW1TNPW1Technologie pro publikování na webuTechnologie pro publikování na webu

Přednáška č. 3Přednáška č. 3Úvod do XHTMLÚvod do XHTML Nadpisy a jejich sémantikaNadpisy a jejich sémantika OdkazyOdkazy

–relativní, absolutní, různé cíle; kotvyrelativní, absolutní, různé cíle; kotvy

Obrázky a jejich přístupnostObrázky a jejich přístupnost

Ing. Martin AdámekKatedra informačních technologií FIM UHK

Přednáška TNPW1 – Martin AdámekPřednáška TNPW1 – Martin Adámek 22

Princip tvorby kódu stránkyPrincip tvorby kódu stránky

Stránka se skládá z Stránka se skládá z tagtagů (značek)ů (značek)

Párový tag:Párový tag: <body></body><body></body>

Nepárový tag (HTML):Nepárový tag (HTML): <br><br>

NepNepárový tag (XHTML): árový tag (XHTML): <br <br //>>

Tag s nTag s nějakým obsahem = elementějakým obsahem = element

Párový tag se vztahuje k tomu, co uzavíráPárový tag se vztahuje k tomu, co uzavírá– např. odstavec (paragraph): např. odstavec (paragraph): <p>Text v odstavci</p><p>Text v odstavci</p>

Element může obsahovat atributyElement může obsahovat atributy

<a <a href=href="produkty"produkty.htm.htm"">Odkaz na>Odkaz na stránku s stránku s produktyprodukty</a></a>

V rV rámci XHTML jsou elementy a atributy definovány malými písmeny, ámci XHTML jsou elementy a atributy definovány malými písmeny, hodnoty atributů musí být zapsány malými písmeny.hodnoty atributů musí být zapsány malými písmeny.


Hlavička HTML stránkyHlavička HTML stránkyJe uzavřena v elementu Je uzavřena v elementu <<headhead>>

Obsahuje metadata = informace o strObsahuje metadata = informace o stránce (dokumentu)ánce (dokumentu)

Jedná se o kódování, název stránky, autora, klíčová slova, popis …Jedná se o kódování, název stránky, autora, klíčová slova, popis …

Informace slouží prohlížeči, vyhledávacím robotům, …Informace slouží prohlížeči, vyhledávacím robotům, …

<<headhead>>

<<meta meta http-equiv="http-equiv="content-languagecontent-language" content="" content="cscs">">

<meta http-equiv="content-type" content="<meta http-equiv="content-type" content="text/html; text/html; charset=iso-8859-2charset=iso-8859-2">">

<<titletitle>Název stránky<>Název stránky</title/title>>

<</head/head>>


(Základní šablona HTML stránky)(Základní šablona HTML stránky)

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">Transitional//EN">

<head><head><meta http-equiv="content-language" content="cs"><meta http-equiv="content-language" content="cs"><meta http-equiv="content-type" content="text/html; <meta http-equiv="content-type" content="text/html; charset=iso-8859-2">charset=iso-8859-2"><meta name="author" content="jmeno autora"><meta name="author" content="jmeno autora"><title><title>NNázev stránky (pokud možno ázev stránky (pokud možno duchaplný)</title>duchaplný)</title>

</head></head><body><body>

<p>První věta do WWW světa.</p><p>První věta do WWW světa.</p></body></body></html></html>


(Základní šablona XHTML stránky)(Základní šablona XHTML stránky)<?xml version="1.0" encoding="iso-8859-2"?><?xml version="1.0" encoding="iso-8859-2"?><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="cs" lang="cs"><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="cs" lang="cs"><head><head>

<meta http-equiv="content-language" content="cs" /><meta http-equiv="content-language" content="cs" /><meta http-equiv="content-type" content="text/html; <meta http-equiv="content-type" content="text/html; charset=iso-8859-2" />charset=iso-8859-2" /><meta name="author" content="jmeno autora" /><meta name="author" content="jmeno autora" /><title>Název stránky</title><title>Název stránky</title>

</head></head><body><body>

<p>Další věta – tentokrát do XHTML světa.</p><p>Další věta – tentokrát do XHTML světa.</p></body></body></html> </html>

(podrobněji bude probráno na cvičení)(podrobněji bude probráno na cvičení)(šablonu k použití naleznete na: (šablonu k použití naleznete na: www.adamek.cz/fim/tnpw1/c/sablona.htmwww.adamek.cz/fim/tnpw1/c/sablona.htm ) )


Syntaxe XHTMLSyntaxe XHTML

Tělo stránkyTělo stránky– uzavřeno v elementu uzavřeno v elementu <body></body><body></body>– v něm všechny elementy, které se mají interpretovat na v něm všechny elementy, které se mají interpretovat na

stránce.stránce.

Text (zobrazovaný návštěvníkovi)Text (zobrazovaný návštěvníkovi)– OdstavecOdstavec <p <p classclass=„normalni">Nějaký text</p>=„normalni">Nějaký text</p>

Do odstavce vkládáme libovolně dlouhý text.Do odstavce vkládáme libovolně dlouhý text.Formát nastavíme pomocí stylu, připojeného atributem Formát nastavíme pomocí stylu, připojeného atributem classclass

– NadpisNadpis <h1>Hlavní nadpis</h1><h1>Hlavní nadpis</h1>Existuje 6 úrovní nadpisů (h1 – h6).Existuje 6 úrovní nadpisů (h1 – h6).Implicitně jsou interpretovány dle této hierarchie.Implicitně jsou interpretovány dle této hierarchie.Vzhled lze upravit pomocí stylůVzhled lze upravit pomocí stylů..



Dolní indexDolní index <sub>dolni index</sub><sub>dolni index</sub>Horní indexHorní index <sup>horni index</sup> <sup>horni index</sup>– subskript (subskript (dolni indexdolni index) nebo superskript () nebo superskript (horni indexhorni index) ) – nejsou určeny pro dekorační účely, nejsou určeny pro dekorační účely,

ale pro odůvodněné použití dle smyslu textuale pro odůvodněné použití dle smyslu textu

Další:Další:– Předformátovaný text Předformátovaný text <pre></pre><pre></pre>

Text uvnitř tohoto elementu je interpretován včetně mezer, Text uvnitř tohoto elementu je interpretován včetně mezer, zalomení řádků, …zalomení řádků, …



Phrase elementyPhrase elementyOznačují význam textu. Mohou obsahovat pouze text nebo další Označují význam textu. Mohou obsahovat pouze text nebo další řádkové elementy.řádkové elementy.Zpravidla se automaticky zobrazují jinak než základní text.Zpravidla se automaticky zobrazují jinak než základní text.

<em></em><em></em>– zvýraznění (emphasis) – kurzívazvýraznění (emphasis) – kurzíva

<strong></strong><strong></strong>– důraznější zvýraznění – tučnédůraznější zvýraznění – tučné

Další:Další:– <code></code><code></code> počítačový nebo programový kód počítačový nebo programový kód – <samp></samp><samp></samp> vzorový výstup programů, skriptů apod.vzorový výstup programů, skriptů apod.– <dfn></dfn><dfn></dfn> pojem nebo definice (definition)pojem nebo definice (definition)


(Syntaxe XHTML)(Syntaxe XHTML)Cite Cite <cite>Shakespeare</cite>.<cite>Shakespeare</cite>.– Označuje citovaný zdroj. Obsahuje jména osob, organizací, ...Označuje citovaný zdroj. Obsahuje jména osob, organizací, ...

Elementy Elementy <<qq>>, , <<blockquoteblockquote>> – slouží k uzavírání citací – slouží k uzavírání citací

<q>Být, či nebýt</q><q>Být, či nebýt</q>– Řádkový element. Hodí se pro kratší citace. Měl by v prohlížeči Řádkový element. Hodí se pro kratší citace. Měl by v prohlížeči

doplňovat uvozovky k citovanému textu.doplňovat uvozovky k citovanému textu.

<blocquote><p>Být či nebýt.</p></blockquote><blocquote><p>Být či nebýt.</p></blockquote>– Blokový element pro uvádění delších citací. Blokový element pro uvádění delších citací. – Může přímo obsahovat pouze blokové elementy.Může přímo obsahovat pouze blokové elementy.


(Syntaxe XHTML)(Syntaxe XHTML)

AdresaAdresa

Používá se k poskytování informací o autorovi dokumentu nebo nějaké Používá se k poskytování informací o autorovi dokumentu nebo nějaké jehojeho větší části. Většinou se vyskytuje na začátku nebo na konci větší části. Většinou se vyskytuje na začátku nebo na konci dokumentu.dokumentu.

<address><address>

<a href="mailto<a href="mailto:jan.novak:jan.novak@@firmafirma.cz" .cz"

title="e-mail">title="e-mail">Jan NovJan Novák</a>, 21.2.2004ák</a>, 21.2.2004

</address> </address>


(Syntaxe XHTML)(Syntaxe XHTML)

Zkratka (abbreviation)Zkratka (abbreviation)– <abbr title="Uniform resource locator">URL</abbr><abbr title="Uniform resource locator">URL</abbr>– Plné znění by se mělo nacházet alespoň při prvním výskytu v rámci atributu.Plné znění by se mělo nacházet alespoň při prvním výskytu v rámci atributu.

– Příklady zkratek: HTML, URL, ČDPříklady zkratek: HTML, URL, ČD

Zkratkové slovoZkratkové slovo– <acronym title="Česká dopravní kancelář"> <acronym title="Česká dopravní kancelář">

Čedok</acronym>Čedok</acronym>– Vyslovuje se většinou jako jedno slovo, ne po jednotlivých písmenech.Vyslovuje se většinou jako jedno slovo, ne po jednotlivých písmenech.– Plné znění by se mělo nacházet alespoň při prvním výskytu v rámci atributu.Plné znění by se mělo nacházet alespoň při prvním výskytu v rámci atributu.– Příklady zkratkových slov: Čedok, NAFTA, OPEC, NATO.Příklady zkratkových slov: Čedok, NAFTA, OPEC, NATO.



Odkaz (hyperlink)Odkaz (hyperlink)<a href="<a href="stranka.htmstranka.htm">">Text odkazuText odkazu</a></a>Místo (text, obrázek, …) v XHTML dokumentu, které přesměruje Místo (text, obrázek, …) v XHTML dokumentu, které přesměruje uživatele (kliknutím, najetím myší, …) na jiné místo v dokumentu nebo uživatele (kliknutím, najetím myší, …) na jiné místo v dokumentu nebo na jinou stránkuna jinou stránku


Sémantika – nadpisySémantika – nadpisy(sémantiku obecně v projektech nepodceňovat)(sémantiku obecně v projektech nepodceňovat)

<h1><h1>– na každé stránce na každé stránce právě jeden!!!právě jeden!!!– hlavní nadpis konkrétní hlavní nadpis konkrétní stránky stránky (ne webu)(ne webu)

výstižný; je pro SEO nejdůležitější společně s výstižný; je pro SEO nejdůležitější společně s <title> a s URL<title> a s URL

obsahuje unikátní název dané stránkyobsahuje unikátní název dané stránky

text stejný nebo podobný jako v <title>text stejný nebo podobný jako v <title>

pouze na úvodní straně obsahuje hlavní nadpis pouze na úvodní straně obsahuje hlavní nadpis webuwebu

– jinak hlavní nadpis webu není v žádném elementu <h...>jinak hlavní nadpis webu není v žádném elementu <h...>


Sémantika - nadpisySémantika - nadpisy

<h2><h2>– ~ ~ „„Nadpis1Nadpis1““ v MS Word v MS Word– první opakující se úroveň nadpisuprvní opakující se úroveň nadpisu– v XHTML kódu může být zapsán i před (nad) v XHTML kódu může být zapsán i před (nad)

hlavním nadpisem <h1>hlavním nadpisem <h1>např. „<h2>Navigace</h2>“např. „<h2>Navigace</h2>“

– další úrovní (<h3>) další úrovní (<h3>) může být rozvíjen, pokud je kammůže být rozvíjen, pokud je kam

nesmí být přeskočen!nesmí být přeskočen!


Sémantika - nadpisySémantika - nadpisy

<h3>, <h4><h3>, <h4>– další úrovně nadpisů (další podnadpisy)další úrovně nadpisů (další podnadpisy)– nadpis nižší úrovněnadpis nižší úrovně

slouží k rozvinutí nadpisu vyšší úrovněslouží k rozvinutí nadpisu vyšší úrovně

nelze užít bezprizorně bez nadpisu vyšší úrovněnelze užít bezprizorně bez nadpisu vyšší úrovně

~~ úroveň stromu úroveň stromu– např. jako adresáře na diskunapř. jako adresáře na disku

či postupná klasifikace čehokolivči postupná klasifikace čehokoliv


OdkazyOdkazy

absolutní x relativníabsolutní x relativní

absolutníabsolutní– <a href=„http://lide.uhk.cz/novak/kontakt.htm“><a href=„http://lide.uhk.cz/novak/kontakt.htm“>

Kontakt</a>Kontakt</a>– odevšud vede vždy na tuto adresuodevšud vede vždy na tuto adresu


OdkazyOdkazyrelativnírelativní– <a href=„kontakt.htm“>Kontakt</a><a href=„kontakt.htm“>Kontakt</a>– soubor je hledán v aktuálním adresářisoubor je hledán v aktuálním adresáři

funguje i na lokálu (off-line)funguje i na lokálu (off-line)– na HDDna HDD

při vývoji a testování statického webupři vývoji a testování statického webu– na CD/DVD prezentacina CD/DVD prezentaci

funguje i po změně URL webu !funguje i po změně URL webu !=> vhodnější než absolutní odkazy=> vhodnější než absolutní odkazy

– možnosti cestmožnosti cest„„data/polozky.htm“ (zanoří se do „data“)data/polozky.htm“ (zanoří se do „data“)„„/data/polozky.htm“ (vyjede na nejvyšší úroveň, pak –“ “– )/data/polozky.htm“ (vyjede na nejvyšší úroveň, pak –“ “– )„„../data/polozky.htm“ (vyjede o úroveň výše, pak se zanoří)../data/polozky.htm“ (vyjede o úroveň výše, pak se zanoří)přibližně jako v příkazovém řádku MS DOSpřibližně jako v příkazovém řádku MS DOS


Odkazy na cíl ve formátu ≠ (x)htmlOdkazy na cíl ve formátu ≠ (x)html

uvést základní informaceuvést základní informace(varovat uživatele)(varovat uživatele)– formátformát

.pdf, .doc, .xls, .zip, .rar, .exe, .jpg, ....pdf, .doc, .xls, .zip, .rar, .exe, .jpg, ...

k .exe mohou mít prohlížeče nedůvěruk .exe mohou mít prohlížeče nedůvěru

k odkazům na obrázky je obvykle vhodné přidat k odkazům na obrázky je obvykle vhodné přidat náhlednáhled

– velikostvelikostv kB/KB/KiB nebo v MB/MiBv kB/KB/KiB nebo v MB/MiB


Odkazy na cíl ve formátu ≠ (x)htmlOdkazy na cíl ve formátu ≠ (x)html

forma uvedeníforma uvedení– viditelněviditelně

<a href="tnpw1/01-uvod.pps">Cvičení č.1 – <a href="tnpw1/01-uvod.pps">Cvičení č.1 – organizační úvod</a>organizační úvod</a> (pps 99 KiB) (pps 99 KiB)

– v parametru titlev parametru title<a href="tnpw1/01-uvod.pps" <a href="tnpw1/01-uvod.pps" title="title="(pps (pps 99 KiB)99 KiB)"">Cvičení č.1 – organizační >Cvičení č.1 – organizační úvod</a>úvod</a>

– title není vidět na mobilních zařízeních,title není vidět na mobilních zařízeních,ani na PC bez myšiani na PC bez myši

=> ideálně uvést přímo viditelně!=> ideálně uvést přímo viditelně!


Kotvy a odkazy na něKotvy a odkazy na ně

Kotva – označení pozice na stránceKotva – označení pozice na stránce

Definice kotvyDefinice kotvy<h2><<h2><a name=„obsah“a name=„obsah“>Obsah</a></h2>>Obsah</a></h2>

– zakázáno v XHTML 1,1 (nevadí)zakázáno v XHTML 1,1 (nevadí)

<h2 <h2 id=„obsah“id=„obsah“>Obsah</h2>>Obsah</h2>– nefunguje ve starších prohlížečíchnefunguje ve starších prohlížečích


Kotvy a odkazy na něKotvy a odkazy na ně

Skok na kotvu v rámci stránkySkok na kotvu v rámci stránky<a href=„<a href=„##obsah“>Skok na obsah</a>obsah“>Skok na obsah</a>

Odkaz na jinou stránku a skok na kotvuOdkaz na jinou stránku a skok na kotvu<a href=„index.htm<a href=„index.htm##obsah“>Hlavní stránka – obsah</a>obsah“>Hlavní stránka – obsah</a><a href=„http://lide.uhk.cz/novak/index.htm<a href=„http://lide.uhk.cz/novak/index.htm##obsah“>obsah“>Novák – obsah</a>Novák – obsah</a>

Užití kotevUžití kotev– nezneužívat k větší navigacinezneužívat k větší navigaci

raději obsah rozdělit mezi více podstránekraději obsah rozdělit mezi více podstránek– užívat k přeskakování navigačního menu,užívat k přeskakování navigačního menu,

ke skoku na navigační menu, ke skoku na navigační menu, přeskakování reklam, apod.přeskakování reklam, apod.

nefunguje v Google Chromenefunguje v Google Chrome


ObrázekObrázeknepárovýnepárový element element <<imgimg /> /> (image) (image)

<img src=„logo-novak.gif" alt= „Novák a spol." width="117" <img src=„logo-novak.gif" alt= „Novák a spol." width="117" height="18" />height="18" />

parametry parametry heightheight a a widthwidth lze vynechat u malých obrázků lze vynechat u malých obrázků– aby např. IE dokázal v příp. potřeby zobrazit altaby např. IE dokázal v příp. potřeby zobrazit alt– u větších obrázků rozměry uvádíme, aby se stránka během postupného načítání u větších obrázků rozměry uvádíme, aby se stránka během postupného načítání

neroztahovala uživateli pod rukamaneroztahovala uživateli pod rukama

alternativní popisek alternativní popisek altalt uvádíme vždy ! uvádíme vždy !

při použití obrázku je nutné zvážit jeho datovou velikost a tím i dobu načítání při použití obrázku je nutné zvážit jeho datovou velikost a tím i dobu načítání stránkystránky

obrázky při tvorbě stránek optimalizujeme (volíme vhodný rozměr obrázku, obrázky při tvorbě stránek optimalizujeme (volíme vhodný rozměr obrázku, zvažujeme jak kvalitní obrázek je v dané situaci nutný)zvažujeme jak kvalitní obrázek je v dané situaci nutný)

obrázek zmenšujeme skutečně v patřičném SW, ne jen zadáním menších obrázek zmenšujeme skutečně v patřičném SW, ne jen zadáním menších souřadnic (datový tok)souřadnic (datový tok)

zvážit i formát souboru obrázku (.jpg, .gif, .png)zvážit i formát souboru obrázku (.jpg, .gif, .png)


Přístupnost: ObrázkyPřístupnost: Obrázky<img src=„transit.jpg“ alt=„Ford Transit“ title=„Ford <img src=„transit.jpg“ alt=„Ford Transit“ title=„Ford

Transit“>Transit“>Parametr titleParametr title– obecně může být definován téměř u jakéhokoliv obecně může být definován téměř u jakéhokoliv

elementu (obrázek, odstavec, seznam, jeho položka)elementu (obrázek, odstavec, seznam, jeho položka)– se po najetí myší zobrazuje ve žluté bublince (hint)se po najetí myší zobrazuje ve žluté bublince (hint)– může být definován přímo u obrázku, nebo u odkazu, může být definován přímo u obrázku, nebo u odkazu,

do kterého je obrázek vložendo kterého je obrázek vložen– je vhodný pro doplňkové informaceje vhodný pro doplňkové informace– uživatel si nemusí všimnout, že je nějaký title vůbec k uživatel si nemusí všimnout, že je nějaký title vůbec k

dispozicidispozici– uživatel mobilního zařízení nebo klávesnice obvykle uživatel mobilního zařízení nebo klávesnice obvykle

vůbec vůbec nemá možnost si title zviditelnitnemá možnost si title zviditelnit


Přístupnost: ObrázkyPřístupnost: ObrázkyParametr altParametr alt– zobrazuje se zobrazuje se

pokud má prohlížeč vypnuté zobrazování obrázkůpokud má prohlížeč vypnuté zobrazování obrázkůnevidomým uživatelůmnevidomým uživatelůmdokud se obrázek nestáhne (pomalé připojení, přetížení serveru)dokud se obrázek nestáhne (pomalé připojení, přetížení serveru)v textových prohlížečíchv textových prohlížečíchvyhledávačůmvyhledávačům

– je důležitý pro SEO (a sémantiku)je důležitý pro SEO (a sémantiku)

obecně obecně místo obrázkumísto obrázku, jako jeho náhrada, ekvivalent!, jako jeho náhrada, ekvivalent!

– musí vystihovat pravý význam obrázkumusí vystihovat pravý význam obrázkujeho smysl, účeljeho smysl, účelnapř. přepis graficky ztvárněného textu obrázkunapř. přepis graficky ztvárněného textu obrázkualt=„logo“ je velmi zásadní chyba!alt=„logo“ je velmi zásadní chyba!

– do altdo altuu patří přímo text loga! patří přímo text loga!

u obrázku, který slouží jako odkaz, patří do altu popis cíle odkazu, u obrázku, který slouží jako odkaz, patří do altu popis cíle odkazu, ne popis objektů na obrázkune popis objektů na obrázku


Přístupnost – Obrázek – alt – manuálPřístupnost – Obrázek – alt – manuál

1.1. Obrázek je odkazem na nějakou podstránku - do textu napište Obrázek je odkazem na nějakou podstránku - do textu napište název stránky, na který vedenázev stránky, na který vede

2.2. Obrázek je nadpisem nebo logem - do alttextu opište PŘESNĚ text Obrázek je nadpisem nebo logem - do alttextu opište PŘESNĚ text loga. Prostě opište ten text, co na obrázku čtete!loga. Prostě opište ten text, co na obrázku čtete!

3.3. Obrázek je tam proto, abychom něco konkrétního ukázali - stručně Obrázek je tam proto, abychom něco konkrétního ukázali - stručně napište nebo popište co na něm je, napište stručný název obrázku napište nebo popište co na něm je, napište stručný název obrázku (třeba jména osob na fotce, nebo název činnosti která tam probíhá, (třeba jména osob na fotce, nebo název činnosti která tam probíhá, zkrátka účel/název té fotky)zkrátka účel/název té fotky)

4.4. Obrázek je ilustrační (článek o DN, a fotka nějaké vygooglované Obrázek je ilustrační (článek o DN, a fotka nějaké vygooglované sanitky, která u té DN nebyla) - prostě "ilustrační obrázek" (nemá sanitky, která u té DN nebyla) - prostě "ilustrační obrázek" (nemá smysl ho stahovat nebo zkoumat, je tam jen pro zpestření)smysl ho stahovat nebo zkoumat, je tam jen pro zpestření)

5.5. Obrázek je dekorativní (pozadí, boční výplň, kudrlinky, kostičky, Obrázek je dekorativní (pozadí, boční výplň, kudrlinky, kostičky, cihličky, barvičky) – dejte ho do CSS, nedávejte ho do XHTML – cihličky, barvičky) – dejte ho do CSS, nedávejte ho do XHTML – výjimkou snad může být nějaký vodorovný oddělovač, tak do popisu výjimkou snad může být nějaký vodorovný oddělovač, tak do popisu dejte třeba "oddělovač"dejte třeba "oddělovač"

!


Přístupnost: Obrázky alt x titlePřístupnost: Obrázky alt x title

alt a title nemusí, ale mohou být vyplněny alt a title nemusí, ale mohou být vyplněny stejně stejně – typicky title odkazu obsahuje nějaké typicky title odkazu obsahuje nějaké

informace navíc oproti parametru alt obrázkuinformace navíc oproti parametru alt obrázku

MS IE alt zobrazuje i v bublince, stejně MS IE alt zobrazuje i v bublince, stejně jako title, což je chybajako title, což je chyba

dobrý autor webu ale oba parametry rozlišuje a dobrý autor webu ale oba parametry rozlišuje a nezaměňujenezaměňuje


PříštěPříště

seznamyseznamy

tabulkytabulky

jejich sémantikajejich sémantika

Date post:	09-Jan-2016
Category:	Documents
Upload:	chaim
View:	28 times
Download:	0 times

TNPW1 Technologie pro publikování na webu

Documents