Tvorba webu Zdeněk Malý.

Prezentace na téma: "Tvorba webu Zdeněk Malý."— Transkript prezentace:

1 Tvorba webu Zdeněk Malý

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

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

4 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).

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

6 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

7 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“

8 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

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

10 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

11 Ukázka stránky v HTML

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

13 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ř. // 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'

14 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: <span id="text" onmouseover="document.body.style.backgroundColor='red'" onmouseout="document.body.style.backgroundColor='white'">Ahoj Yuhu</span>

15 Zdroje a návody na tvorbu webu

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

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