Tvorba webu Zdeněk Malý

Co je potřeba? Mozek Počítač Prohlížeč Nápad

Dva důležité kroky: Napsání stánky – vytvoření souborů html Vystavení souborů na internet – zkopírování na server

Soubory html – co to je? Internetová stránka je soubor s příponou htm nebo html. Je to skoro obyčejný textový soubor obohacený o značky jazyka HTML (tagy).

Soubory html – jak je tvoříme? V HTML editoru -> pro začátečníky Ručně napsat zdroj v HTML jazyce -> pro pokročilejší

HTML editory Pro začátečníky jsou použitelné zejména wysiwyg editory, ve kterých píšete rovnou text a kódem html se nezabýváte. Mnoho druhů : Dreamweaver, FrontPage, Golden HTML editor

Psaní zdroje Stačí napsat v NotePadu či ve Wordu a uložit ve formátu *.htm Lepší při složitějších úkonech Pro zobrazení zdroje již existujících stránek klikneme pravým tlačítkem a stisknem „zobrazit zdrojový kód“

Příklady HTML tagů TAG Význam Párový html Začátek dokumentu ano head Hlavička dokumentu body Tělo dokumentu i Kurzíva b Tučné písmo font Formát písma p Odstavec nepovinně br Řádkový zlom ne h1 Nadpis první úrovně a Odkaz, záložka img Obrázek table Tabulka …a mnoho dalších. Přehled na http://www.jakpsatweb.cz/html/

Poučné video pro zájemce Zde se můžete v angličtině podívat jak dělat stránky:

Zlatá střední cesta pro naučení se tvořit webové stránky tvořit soubory v nějakém wysiwyg editoru prohlížet si zdrojové kódy, které ten program generuje případně je trochu pozměnit a sledovat, co se stane

Ukázka stránky v HTML

Zdroj: http://www.gop.pilsedu.cz/vt/vt21/sipek/

Příklad dalších jazyků na tvorbu webu PHP - je skriptovací programovací jazyk, určený především pro programování dynamických internetových stránek. Příklad V PHP je tvořena např. www.wikipedia.com // odešlu formulář metodou POST, kde do pole s názvem jmeno vepíšu 'Tom‚ echo $jmeno; // vrátí 'Tom', funguje pouze v případě povolených globálních proměnných echo $_POST['jmeno']; // vrátí 'Tom', superglobální proměnné fungují i při vypnutých globálních proměnných echo $_GET['jmeno']; // vypíše se chybové hlášení o neexistenci proměnné a vrátí NULL // NULL je zvláštní hodnota libovolného typu proměnných pro stav 'nedefinováno'

JavaScript: Nyní se zpravidla používá jako interpretovaný programovací jazyk pro WWW stránky, často vkládaný přímo do HTML kódu stránky. Jsou jím obvykle ovládány různé interaktivní prvky GUI (tlačítka, textová políčka) nebo tvořeny animace a efekty obrázků. Př: Výsledek předchozího skriptu: http://www.jakpsatweb.cz/javascript/priklady/zmena-pozadi.html <span id="text" onmouseover="document.body.style.backgroundColor='red'" onmouseout="document.body.style.backgroundColor='white'">Ahoj Yuhu</span>

Zdroje a návody na tvorbu webu http://www.jakpsatweb.cz http://www.golden-html.com http://www.youtube.com http://www.wikipedia.cz http://www.tvorba-webu.cz/ http://www.jaknaweb.com/

Děkuji za pozornost  dindas@seznam.cz 322520@mail.muni.cz <- na začátek

Bonus Budoár staré dámy – V sobotu i v neděli Něco pro pohlazení na duši: