HTML - Historie editací

Michal Klajban: 6 revizí: IMPORT H-L: import stránek z hlavního jmenného prostoru z KiskWiki (http://kisk.phil.muni.cz/)

2012-02-20T11:26:46Z

6 revizí: IMPORT H-L: import stránek z hlavního jmenného prostoru z KiskWiki (http://kisk.phil.muni.cz/)

Emil.budin v 3. 4. 2011, 10:37

2011-04-03T10:37:40Z

Emil.budin: Přidání autoritativního záznamu.

2011-03-19T13:36:09Z

Přidání autoritativního záznamu.

Emil.budin: Přidání kapitoly HTML 5.

2011-03-19T13:34:00Z

Přidání kapitoly HTML 5.

I-Ariela v 10. 6. 2010, 18:17

2010-06-10T18:17:51Z

I-Ariela v 10. 6. 2010, 18:16

2010-06-10T18:16:35Z

Kovarovap: Založena nová stránka: '''Autor:''' Iveta Levová

2010-05-14T23:10:04Z

Založena nová stránka: '''Autor:''' Iveta Levová

Nová stránka

'''Autor:''' Iveta Levová

@@ Řádek 1: / Řádek 1: @@
-'''Autor:''' Iveta Levová, Emil Budín (kapitola HTML 5)<br>
+'''Autor:''' Iveta Levová<br>
 '''Klíčová slova:''' značkovací jazyk, internetové stránky<br>
 '''Synonyma:''' ---<br>
 '''Související pojmy:'''<br>
 	''nadřazené:'' internet, tvorba www stránek<br>
-	''podřazené:'' tagy, WYSIWYG editory, HTML 5<br><br>
+	''podřazené:'' tagy, WYSIWYG editory<br><br>
@@ Řádek 25: / Řádek 25: @@
 První, co je třeba udělat při tvorbě stránky (při tvorbě ručně) je označit, že výsledek bude HTML stránka. Na to se používá párový tag <html></html>. Dále se vlastní stránka skládá ještě z hlavičky <head></head>, tu uživatelé nevidí a slouží spíše vyhledávačům k zjištění, o čem daná stránka je či pro účely SEO. A poslední, nejdůležitější část, je vlastní tělo <body></body>, kde je vše, co se potom uživatelům zobrazí. Další párové tagy slouží k označení úpravy textu, např. <"i">kurzíva<"/i">, <"b">tučné<"/b">, <"h1">vetší písmo<"/h1"> (to vše bez uvozovek) apod. Ne všechny jsou takto jednoduché, nastavení barev, fontu písma či odkazy jsou kvůli určení druhu trošku složitější.<br><br>
 Již z názvu vyplývá, že druhý druh tagů – nepárový – je jen jeden, nic jej nemusí uzavírat. Nejčastěji to bývá nastavení pozadí, vodorovná linka či vložení obrázku. Pro ilustraci si ukážeme tag na vložení obrázku: <img src=“obrázek1.gif“>.
@@ Řádek 36: / Řádek 33: @@
 Ať už se tvoří stránky jakýmkoliv způsobem, určitě je vhodné, kontrolovat přímo v prohlížeči jak vypadají. A nejlépe vyzkoušet prohlížečů několik, protože v každém mohou vypadat úplně jinak.

@@ Řádek 1: / Řádek 1: @@
-'''Autor:''' Iveta Levová<br>
+'''Autor:''' Iveta Levová, Emil Budín (kapitola HTML 5)<br>
 '''Klíčová slova:''' značkovací jazyk, internetové stránky<br>
 '''Synonyma:''' ---<br>
 '''Související pojmy:'''<br>
 	''nadřazené:'' internet, tvorba www stránek<br>
-	''podřazené:'' tagy, WYSIWYG editory<br><br>
+	''podřazené:'' tagy, WYSIWYG editory, HTML 5<br><br>

← Starší verze		Verze z 19. 3. 2011, 13:34
Řádek 25:		Řádek 25:
	První, co je třeba udělat při tvorbě stránky (při tvorbě ručně) je označit, že výsledek bude HTML stránka. Na to se používá párový tag <html></html>. Dále se vlastní stránka skládá ještě z hlavičky <head></head>, tu uživatelé nevidí a slouží spíše vyhledávačům k zjištění, o čem daná stránka je či pro účely SEO. A poslední, nejdůležitější část, je vlastní tělo <body></body>, kde je vše, co se potom uživatelům zobrazí. Další párové tagy slouží k označení úpravy textu, např. <"i">kurzíva<"/i">, <"b">tučné<"/b">, <"h1">vetší písmo<"/h1"> (to vše bez uvozovek) apod. Ne všechny jsou takto jednoduché, nastavení barev, fontu písma či odkazy jsou kvůli určení druhu trošku složitější.<br><br>		První, co je třeba udělat při tvorbě stránky (při tvorbě ručně) je označit, že výsledek bude HTML stránka. Na to se používá párový tag <html></html>. Dále se vlastní stránka skládá ještě z hlavičky <head></head>, tu uživatelé nevidí a slouží spíše vyhledávačům k zjištění, o čem daná stránka je či pro účely SEO. A poslední, nejdůležitější část, je vlastní tělo <body></body>, kde je vše, co se potom uživatelům zobrazí. Další párové tagy slouží k označení úpravy textu, např. <"i">kurzíva<"/i">, <"b">tučné<"/b">, <"h1">vetší písmo<"/h1"> (to vše bez uvozovek) apod. Ne všechny jsou takto jednoduché, nastavení barev, fontu písma či odkazy jsou kvůli určení druhu trošku složitější.<br><br>
	Již z názvu vyplývá, že druhý druh tagů – nepárový – je jen jeden, nic jej nemusí uzavírat. Nejčastěji to bývá nastavení pozadí, vodorovná linka či vložení obrázku. Pro ilustraci si ukážeme tag na vložení obrázku: <img src=“obrázek1.gif“>.		Již z názvu vyplývá, že druhý druh tagů – nepárový – je jen jeden, nic jej nemusí uzavírat. Nejčastěji to bývá nastavení pozadí, vodorovná linka či vložení obrázku. Pro ilustraci si ukážeme tag na vložení obrázku: <img src=“obrázek1.gif“>.
		+
		+
		+	== HTML 5 ==

@@ Řádek 16: / Řádek 16: @@
 == Vývoj aneb troška historie ==
-Předchůdce HTML je SGML (Standard Generalized Markup Language)[[[5]]], byl však velmi složitý a těžkopádný, proto se hledalo něco jednoduššího. Tak v roce 1990 Tim Bernes-Lee se svým týmem vyvinul první verzi HTML, ta však ještě vůbec neobsahovala formátování textu, zahrnovala jen formuláře, tabulky a obrázky s popiskem. Protože se internet, world wide web, trendy a hlavně webové prohlížeče stále vyvíjejí, musí se zákonitě vyvíjet i tento značkovací jazyk.<br><br>
+Předchůdce HTML je SGML (Standard Generalized Markup Language)[[5]], byl však velmi složitý a těžkopádný, proto se hledalo něco jednoduššího. Tak v roce 1990 Tim Bernes-Lee se svým týmem vyvinul první verzi HTML, ta však ještě vůbec neobsahovala formátování textu, zahrnovala jen formuláře, tabulky a obrázky s popiskem. Protože se internet, world wide web, trendy a hlavně webové prohlížeče stále vyvíjejí, musí se zákonitě vyvíjet i tento značkovací jazyk.<br><br>
-Verze přibývaly, ale až v roce 1996 byla uvedena verze HTML 3.2, kterou mnoho uživatelů považuje za počátek historie HTML. Avšak hned na konci dalšího roku byla schválena další verze HTML 4.0. Za další 2 roky, tj. v roce 1999, bylo vydáno HTML 4.1. To v podstatě platí dodnes, ale už se pilně pracuje na vývoji HTML 5.0, které má být dokončeno někdy v letech 2010 – 2012.[[[3]]]
+Verze přibývaly, ale až v roce 1996 byla uvedena verze HTML 3.2, kterou mnoho uživatelů považuje za počátek historie HTML. Avšak hned na konci dalšího roku byla schválena další verze HTML 4.0. Za další 2 roky, tj. v roce 1999, bylo vydáno HTML 4.1. To v podstatě platí dodnes, ale už se pilně pracuje na vývoji HTML 5.0, které má být dokončeno někdy v letech 2010 – 2012.[[3]]
 == Druhy tagů ==
-HTML stránka se skládá ze dvou věcí – samotného obsahu a slovních značek, tzv. tagů, které obsah formátují a upravují. Tagy jsou dvojího druhu – párové a nepárové.[[[2]]] Většina tagů je párovných, to znamená, že je určen jak začátek, tak konec působení určitého formátování. <br><br>
+HTML stránka se skládá ze dvou věcí – samotného obsahu a slovních značek, tzv. tagů, které obsah formátují a upravují. Tagy jsou dvojího druhu – párové a nepárové.[[2]] Většina tagů je párovných, to znamená, že je určen jak začátek, tak konec působení určitého formátování. <br><br>
 První, co je třeba udělat při tvorbě stránky (při tvorbě ručně) je označit, že výsledek bude HTML stránka. Na to se používá párový tag <html></html>. Dále se vlastní stránka skládá ještě z hlavičky <head></head>, tu uživatelé nevidí a slouží spíše vyhledávačům k zjištění, o čem daná stránka je či pro účely SEO. A poslední, nejdůležitější část, je vlastní tělo <body></body>, kde je vše, co se potom uživatelům zobrazí. Další párové tagy slouží k označení úpravy textu, např. <"i">kurzíva<"/i">, <"b">tučné<"/b">, <"h1">vetší písmo<"/h1"> (to vše bez uvozovek) apod. Ne všechny jsou takto jednoduché, nastavení barev, fontu písma či odkazy jsou kvůli určení druhu trošku složitější.<br><br>
 Již z názvu vyplývá, že druhý druh tagů – nepárový – je jen jeden, nic jej nemusí uzavírat. Nejčastěji to bývá nastavení pozadí, vodorovná linka či vložení obrázku. Pro ilustraci si ukážeme tag na vložení obrázku: <img src=“obrázek1.gif“>.
@@ Řádek 29: / Řádek 29: @@
 == V čem tvořit – WYSIWYG vs. ručně ==
-Webové stránky se dají vytvářet dvěmi způsoby – buď přímo psaním HTML kódu, či WYSIWYG editorem.[[[1]]]Základním programem na přímou tvorbu www stránek je Poznámkový blok. Nemusí se nikde stahovat a je jednoduchý, takže v něm může pracovat každý. Lepší program je ovšem např. PSPad, musí se stáhnout, ale je přehlednější, dopisuje párové tagy a rozlišuje je barvami i odstavci.<br><br>
+Webové stránky se dají vytvářet dvěmi způsoby – buď přímo psaním HTML kódu, či WYSIWYG editorem.[[1]]Základním programem na přímou tvorbu www stránek je Poznámkový blok. Nemusí se nikde stahovat a je jednoduchý, takže v něm může pracovat každý. Lepší program je ovšem např. PSPad, musí se stáhnout, ale je přehlednější, dopisuje párové tagy a rozlišuje je barvami i odstavci.<br><br>
 WYSIWYG editor je zkratka „What you see is what you get“, tedy Dostaneš, co vidíš. Stránku tvoříte podobně jako třeba ve Wordu, nepotřebujete tedy znalost HTML, ten tvoří editor automaticky. Jenže to je právě výhoda, ale zároveň nevýhoda těchto editorů, protože se může stát, že stroj kód zapíše špatně a stránka pak nefunguje, tudíž je důležité kód kontrolovat. Někteří pokročilejší uživatelé těmto editorům říkají WYSIWYNG (What you see is what you never get – Co vidíš nikdy neodstaneš).<br><br>

← Starší verze		Verze z 10. 6. 2010, 18:16
Řádek 1:		Řádek 1:
−	'''Autor:''' Iveta Levová	+	'''Autor:''' Iveta Levová<br>
		+	'''Klíčová slova:''' značkovací jazyk, internetové stránky<br>
		+	'''Synonyma:''' ---<br>
		+	'''Související pojmy:'''<br>
		+	''nadřazené:'' internet, tvorba www stránek<br>
		+	''podřazené:'' tagy, WYSIWYG editory<br><br>
		+
		+
		+
		+	== Co je html? ==
		+
		+	Html (HyperText Markup Language) je základní značkovací jazyk, používaný pro výrobu a editování internetových stránek. Tvoří se pomocí tzv. tagů, které se uzavírají do špičatých závorek <>. S jeho základní znalostí lze vytvořit jednoduché, ale pěkně vypadající webové stránky. Větší znalosti jazyka HTML, ale i jiných (např. XHTML, XML, CSS apod.) samozřejmě pomůžou stránky udělat propracovanější a efektnější. To však bohužel neznamená vždy i kvalitnější.
		+
		+
		+
		+	== Vývoj aneb troška historie ==
		+
		+	Předchůdce HTML je SGML (Standard Generalized Markup Language)[[[5]]], byl však velmi složitý a těžkopádný, proto se hledalo něco jednoduššího. Tak v roce 1990 Tim Bernes-Lee se svým týmem vyvinul první verzi HTML, ta však ještě vůbec neobsahovala formátování textu, zahrnovala jen formuláře, tabulky a obrázky s popiskem. Protože se internet, world wide web, trendy a hlavně webové prohlížeče stále vyvíjejí, musí se zákonitě vyvíjet i tento značkovací jazyk.<br><br>
		+	Verze přibývaly, ale až v roce 1996 byla uvedena verze HTML 3.2, kterou mnoho uživatelů považuje za počátek historie HTML. Avšak hned na konci dalšího roku byla schválena další verze HTML 4.0. Za další 2 roky, tj. v roce 1999, bylo vydáno HTML 4.1. To v podstatě platí dodnes, ale už se pilně pracuje na vývoji HTML 5.0, které má být dokončeno někdy v letech 2010 – 2012.[[[3]]]
		+
		+
		+	== Druhy tagů ==
		+
		+	HTML stránka se skládá ze dvou věcí – samotného obsahu a slovních značek, tzv. tagů, které obsah formátují a upravují. Tagy jsou dvojího druhu – párové a nepárové.[[[2]]] Většina tagů je párovných, to znamená, že je určen jak začátek, tak konec působení určitého formátování. <br><br>
		+	První, co je třeba udělat při tvorbě stránky (při tvorbě ručně) je označit, že výsledek bude HTML stránka. Na to se používá párový tag <html></html>. Dále se vlastní stránka skládá ještě z hlavičky <head></head>, tu uživatelé nevidí a slouží spíše vyhledávačům k zjištění, o čem daná stránka je či pro účely SEO. A poslední, nejdůležitější část, je vlastní tělo <body></body>, kde je vše, co se potom uživatelům zobrazí. Další párové tagy slouží k označení úpravy textu, např. <"i">kurzíva<"/i">, <"b">tučné<"/b">, <"h1">vetší písmo<"/h1"> (to vše bez uvozovek) apod. Ne všechny jsou takto jednoduché, nastavení barev, fontu písma či odkazy jsou kvůli určení druhu trošku složitější.<br><br>
		+	Již z názvu vyplývá, že druhý druh tagů – nepárový – je jen jeden, nic jej nemusí uzavírat. Nejčastěji to bývá nastavení pozadí, vodorovná linka či vložení obrázku. Pro ilustraci si ukážeme tag na vložení obrázku: <img src=“obrázek1.gif“>.
		+
		+
		+	== V čem tvořit – WYSIWYG vs. ručně ==
		+
		+	Webové stránky se dají vytvářet dvěmi způsoby – buď přímo psaním HTML kódu, či WYSIWYG editorem.[[[1]]]Základním programem na přímou tvorbu www stránek je Poznámkový blok. Nemusí se nikde stahovat a je jednoduchý, takže v něm může pracovat každý. Lepší program je ovšem např. PSPad, musí se stáhnout, ale je přehlednější, dopisuje párové tagy a rozlišuje je barvami i odstavci.<br><br>
		+	WYSIWYG editor je zkratka „What you see is what you get“, tedy Dostaneš, co vidíš. Stránku tvoříte podobně jako třeba ve Wordu, nepotřebujete tedy znalost HTML, ten tvoří editor automaticky. Jenže to je právě výhoda, ale zároveň nevýhoda těchto editorů, protože se může stát, že stroj kód zapíše špatně a stránka pak nefunguje, tudíž je důležité kód kontrolovat. Někteří pokročilejší uživatelé těmto editorům říkají WYSIWYNG (What you see is what you never get – Co vidíš nikdy neodstaneš).<br><br>
		+
		+	Ať už se tvoří stránky jakýmkoliv způsobem, určitě je vhodné, kontrolovat přímo v prohlížeči jak vypadají. A nejlépe vyzkoušet prohlížečů několik, protože v každém mohou vypadat úplně jinak.
		+
		+
		+
		+	== Použitá literatura ==
		+
		+	1. DOMES, Martin. ''Tvorba www stránek pro úplné začátečníky''. vydání první. Brno : Computer Press, a. s., 2008. 246 s. ISBN 978-80-251-2160-3.
		+
		+	2. HLAVENKA, Jiří, et al. ''Vytváříme WWW stránky a spravujeme moderní web site''. vydání první. Praha : Computer Press, 2000. 520 s. ISBN 80-7226-293-9.
		+
		+	3. Html. In ''Wikipedia : the free encyclopedia'' [online]. St. Petersburg (Florida) : Wikipedia Foundation, 28.10.2004, last modified on 2.12.2007 [cit. 2010-06-10]. Dostupné z WWW: <http://cs.wikipedia.org/wiki/Html>.
		+
		+	4. LAPÁČEK, Jiří. ''Tvorba www stránek jednoduše''. vydání první. Praha : Computer Press, 2003. 81 s. ISBN 80-7226-871-6.
		+
		+	5. PÍSEK, Slavoj. ''HTML a XHTML : začínáme programovat''. První vydání. Praha : Grada Publishing a. s., 2003. 256 s. ISBN 80-247-0571-0.
		+
		+	6. PÍSEK, Slavoj. ''HTML : tvorba jednoduchých internetových stránek''. 2., aktualizované a doplněné vydání. Praha : Grada Publishing a. s., 2006. 108 s. ISBN 978-80-247-1767-8.

← Starší verze	Verze z 20. 2. 2012, 11:26
(Žádný rozdíl)