Prezentace se nahrává, počkejte prosím

Prezentace se nahrává, počkejte prosím

Tvorba webu Zdeněk Malý. Co je potřeba? Mozek Počítač Prohlížeč Nápad.

Podobné prezentace


Prezentace na téma: "Tvorba webu Zdeněk Malý. Co je potřeba? Mozek Počítač Prohlížeč Nápad."— 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ů TAGVýznamPárový htmlZačátek dokumentuano headHlavička dokumentuano bodyTělo dokumentuano iKurzívaano bTučné písmoano fontFormát písmaano pOdstavecnepovinně brŘádkový zlomne h1Nadpis první úrovněano aOdkaz, záložkaano imgObrázekne tableTabulkaano …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:

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: /zmena-pozadi.html /zmena-pozadi.html Ahoj Yuhu

15 Zdroje a návody na tvorbu webu

16 Děkuji za pozornost <- na začátek

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


Stáhnout ppt "Tvorba webu Zdeněk Malý. Co je potřeba? Mozek Počítač Prohlížeč Nápad."

Podobné prezentace


Reklamy Google