VY_32_INOVACE_4.3.IVT1.18/Oc Autorem materiálu a všech jeho částí, není-li uvedeno jinak, je Ing. Jaroslav Ochodek CZ.1.07/1.5.00/34.0501 Tvorba webových.

Slides:

Advertisements

Podobné prezentace

Základy HTML – vkládání objektů

Advertisements

Způsob zápisu JavaScriptu do dokumentu  JavaScript se do webové stránky dá zapsat třemi způsoby:  Pomocí značek do proudu dokumentu  Pomocí značek s.

IKT PHP PHP Tvorba formuláře - 10 Mgr. Josef Nožička

Tvorba webových stránek

VY_32_INOVACE_4.3.IVT1.16/Oc Autorem materiálu a všech jeho částí, není-li uvedeno jinak, je Ing. Jaroslav Ochodek CZ.1.07/1.5.00/ Tvorba webových.

VY_32_INOVACE_4.3.IVT1.09/Ku Autorem materiálu a všech jeho částí, není-li uvedeno jinak, je Mgr. Pavla Kubínková CZ.1.07/1.5.00/ Web šablony.

ZÁKLADY HTML Číslo DUM: VY_32_INOVACE_04_11 Autor: Mgr. Ivana Matyášková Datum vytvoření: duben 2013 Ročník: tercie Vzdělávací obor: informační technologie.

Výukový materiál zpracován v rámci oblasti podpory 1.5 „EU peníze středním školám“ Název školy Obchodní akademie a Hotelová škola Havlíčkův Brod Název.

VY_32_INOVACE_4.3.IVT1.15/Oc Autorem materiálu a všech jeho částí, není-li uvedeno jinak, je Ing. Jaroslav Ochodek CZ.1.07/1.5.00/ Tvorba webových.

VY_32_INOVACE_4.3.IVT1.19/Oc Autorem materiálu a všech jeho částí, není-li uvedeno jinak, je Ing. Jaroslav Ochodek CZ.1.07/1.5.00/ Tvorba webových.

<. DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4

Technologie pro publikování na webu 1 Ing. Jiří Štěpánek.

HTML Formuláře.

Formuláře jsou důležitou součástí stránek, slouží:  k přihlašování k některým stránkám (eshopy, bakaláři, diskuze na webu apod.)  k odeslání údajů do.

Formuláře Formuláře lze nalézt téměř na každém webu. Formuláře lze nalézt téměř na každém webu. Použití formulářů: Použití formulářů: Blog Blog Uživatelské.

Základní škola a mateřská škola Bzenec Číslo projektu: CZ.1.07/1.4.00/ Číslo a název šablony klíčové aktivity: III/2: využívání ICT – inovace Vypracoval/a:

Tvorba stránek  komu jsou stránky určeny  grafická úprava stránek  obsah  motivy vzhledu stránky

HyperText Markup Language

Jazyk HTML Název školyZákladní škola a Mateřská škola Tatenice Číslo projektuCZ Název šablony klíčové aktivity Inovace a zkvalitnění výuky pomocí.

VY_32_INOVACE_4.3.IV1.02/Ku Html dokument a jeho struktura Autorem materiálu a všech jeho částí, není-li uvedeno jinak, je Mgr. Pavla Kubínková CZ.1.07/1.5.00/

VY_32_INOVACE_4.3.IV1.03/Ku Autorem materiálu a všech jeho částí, není-li uvedeno jinak, je Mgr. Pavla Kubínková CZ.1.07/1.5.00/ HTML & XHTML.

Základy html pro úplné začátečníky.

HTML HyperText Markup Language 3. část Ústav automatizace inženýrských úloh a informatiky FAST VUT v Brně 0U2 - Základy informatiky a výpočetní techniky.

VY_32_INOVACE_4.3.IVT1.14/Oc Autorem materiálu a všech jeho částí, není-li uvedeno jinak, je Ing. Jaroslav Ochodek CZ.1.07/1.5.00/ Tvorba webových.

HYPERTEXT PREPROCESSOR. JAZYK PHP. Jazyk PHP (Hypertext PreProcessor) je intepretovaný jazyk určený pro web. Je celkem jednoduchý, snadno přenositelný.

PHP Zpracování formuláře v PHP - 11 Mgr. Josef Nožička IKT PHP

VY_32_INOVACE_4.3.IVT1.04/Ku Autorem materiálu a všech jeho částí, není-li uvedeno jinak, je Mgr. Pavla Kubínková CZ.1.07/1.5.00/ Textové elementy.

Číslo šablony: III/2 VY_32_INOVACE_P4_3.10 Tematická oblast: Aplikační software pro práci s informacemi II. HTML - tagy Typ: DUM - kombinovaný Předmět:

YMUSY1 Multimediální systémy 1 Cvičení 5 Formuláře a ovládací prvky.

TNPW1 Technologie pro publikování na webu Cvičení č. 5 SFTPFormuláře Martin Adámek.

Autor:Ing. Pavel Brož Předmět/vzdělávací oblast:Informační a komunikační technologie Tematická oblast:Práce se standardním aplikačním programovým vybavením.

VY_32_INOVACE_4.3.IVT1.11/Oc Autorem materiálu a všech jeho částí, není-li uvedeno jinak, je Ing. Jaroslav Ochodek CZ.1.07/1.5.00/ Tvorba webových.

VY_32_INOVACE_4.3.IVT1.17/Oc Autorem materiálu a všech jeho částí, není-li uvedeno jinak, je Ing. Jaroslav Ochodek CZ.1.07/1.5.00/ Tvorba webových.

VY_32_INOVACE_4.3.IVT1.01/Ku Základní pojmy Autorem materiálu a všech jeho částí, není-li uvedeno jinak, je Mgr. Pavla Kubínková CZ.1.07/1.5.00/

Základní škola a mateřská škola Bzenec Číslo projektu: CZ.1.07/1.4.00/ Číslo a název šablony klíčové aktivity: III/2: využívání ICT – inovace Vypracoval/a:

TNPW1 Cvičení

Přehled pro vytvoření formuláře

PHP – zasílání dat z formuláře

VY_32_INOVACE_4.3.IVT1.10/Ku Autorem materiálu a všech jeho částí, není-li uvedeno jinak, je Mgr. Pavla Kubínková CZ.1.07/1.5.00/ Validita stránek.

PHP – Základy programování

TEXTOVÝ EDITOR.

VY_32_INOVACE_4.3.IVT1.12/Oc Autorem materiálu a všech jeho částí, není-li uvedeno jinak, je Ing. Jaroslav Ochodek CZ.1.07/1.5.00/ Tvorba webových.

ANOTACEPrezentace obsahuje informace o elektronické komunikaci, využití u. Druh učebního materiáluDUM Očekávané výstupy Žáci si vytvoří ovou.

Název projektu: Šablony Špičák číslo projektu: CZ.1.07/1.4.00/ šablona III/2 autor výukového materiálu: Mgr. Jana Jiroušová, VM vytvořen: květen.

Maturitní okruh 22: Úvod do HTML. Značkovací a klasické jazyky Klasické: převládá strukturovaný text (programovací kód), skripty jsou prováděny na straně.

Číslo projektuCZ.1.07/1.5.00/ Číslo materiáluVY_32_INOVACE_259 Název školyGymnázium, Tachov, Pionýrská 1370 Autor Ing. Roman Bartoš Předmět Informatika.

VY_32_INOVACE_4.3.IVT1.20/Oc Autorem materiálu a všech jeho částí, není-li uvedeno jinak, je Ing. Jaroslav Ochodek CZ.1.07/1.5.00/ Tvorba webových.

Gymnázium, Žamberk, Nádražní 48 Projekt: CZ.1.07/1.5.00/ Inovace ve vzdělávání na naší škole Název: Vkládání objektů do textového editoru Autor:

WWW – hypertextový informační systém

Úvod do JavaScriptu JavaScript je p JavaScript je programovací jazyk, který se používá na webových stránkách. JavaScript je typu KLIENT - KLIENT To znamená,

WWW stránky – Úvod Mgr. Lenka Švancarová.

PHP Vytváření formuláře.

VY_32_INOVACE_4.3.IVT1.05/Ku Autorem materiálu a všech jeho částí, není-li uvedeno jinak, je Mgr. Pavla Kubínková CZ.1.07/1.5.00/ CSS.

TNPW1 Technologie pro publikování na webu Cvičení č. 2 Překlad URL na fyzickou adresu stránky Editor Macromedia Homesite „Hello world“ v XHTML (úvod do.

URL v HTML URL - Unique Resource Locator Příklad:

PROGRAMOVÁNÍ V PHP PERSONAL HOME PAGES FORMULÁŘE.

Číslo šablony: III/2 VY_32_INOVACE_P4_3.11 Tematická oblast: Aplikační software pro práci s informacemi II. HTML - odkazy, obrázky Typ: DUM - kombinovaný.

VY_32_INOVACE_4.3.IVT1.13/Oc Autorem materiálu a všech jeho částí, není-li uvedeno jinak, je Ing. Jaroslav Ochodek CZ.1.07/1.5.00/ Tvorba webových.

Formuláře Formuláře uzavíráme do elementů Formuláře uzavíráme do elementů a a Tyto elementy jsou součástí jazyka XHTML, to znamená, že při použití v PHP.

Nové modulové výukové a inovativní programy - zvýšení kvality ve vzdělávání Tento projekt je spolufinancován Evropským sociálním fondem a státním rozpočtem.

VY_32_INOVACE_4.3.IVT1.06/Ku Autorem materiálu a všech jeho částí, není-li uvedeno jinak, je Mgr. Pavla Kubínková CZ.1.07/1.5.00/ CSS pozicování.

VY_32_INOVACE_4.3.IVT1.07/Ku Autorem materiálu a všech jeho částí, není-li uvedeno jinak, je Mgr. Pavla Kubínková CZ.1.07/1.5.00/ CSS formátování.

PHP Programy pro tvorbu WWW stránek - 01

Internetové publikování Doc. Ing. Petr Zámostný, Ph.D. místnost: A-72a tel.: 4222, 4167 (sekretariát ústavu 111)

HTML pokračování. Co obsahuje každý html dokument? stránka stránka ahoj světe HTML.

ŠKOLA: Gymnázium, Chomutov, Mostecká 3000, příspěvková organizace AUTOR:Mgr. Martin Jiřiště NÁZEV:VY_32_INOVACE_08C_17_uvod_do_html TEMA:Multimédia a grafika.

Obchodní akademie a Jazyková škola s právem státní jazykové zkoušky Jihlava Šablona 32 VY_32_INOVACE_034.ICT.34 Tvorba webových stránek – PHP technologie.

Tvorba webových stránek

Transkript prezentace:

VY_32_INOVACE_4.3.IVT1.18/Oc Autorem materiálu a všech jeho částí, není-li uvedeno jinak, je Ing. Jaroslav Ochodek CZ.1.07/1.5.00/ Tvorba webových stránek F o r m u l á ř e

VY_32_INOVACE_4.3.IVT1.18/Oc Autorem materiálu a všech jeho částí, není-li uvedeno jinak, je Ing. Jaroslav Ochodek CZ.1.07/1.5.00/ Formuláře v HTML Co jsou a k čemu slouží formuláře Prvky webové stránky – pomocí kterých „dostaneme“ vstupní data a údaje přímo od návštěvníků a uživatelů těchto webových stránek Používají se pro sběr dat od uživatelů webových stránek Použití pro: - návštěvní knihy - administraci - shoutboardy - e-shopy - ankety, názory, dotazy, údaje pro registraci, apod. Tvorba a využití formuláře zahrnuje: a) vytvoření formuláře na webové stránce b) aplikace formuláře a použití jeho dat Formuláře lze vytvořit a zobrazit pomocí HTML Práce s formulářovými daty zajistí nějaký programovací jazyk. Data se zasílají serveru, kde se pomocí nějakého skriptovacího jazyka (nejčastěji PHP, ASP, JavaScript aj.) zpracovávají.

VY_32_INOVACE_4.3.IVT1.18/Oc Autorem materiálu a všech jeho částí, není-li uvedeno jinak, je Ing. Jaroslav Ochodek CZ.1.07/1.5.00/ Tvorba formuláře Tag (párový):, definice formuláře - začátek a konec povinný atribut: action – udává URL skriptu, který má data z formuláře zpracovat. Skript je normální soubor webové stránky, ale místo přípony.htm má příponu většinou.php. Vytvoření formuláře na webové stránce Metoda „post“ - všechny údaje se předávají v těle požadavku a nejsou tedy vidět. Metoda – bezpečnější, použití hlavně pro objemnější údaje. method – způsob předávání dat (g e t nebo p o s t) Metoda “get“ – nastavuje se implicitně. Pokud se použije, vyplněná data ve formuláři se objeví za otazníkem na konci názvu dokumentu. Za otazníkem pak je označení (label) vstupního pole, které je shodné s hodnotou atributu name zadaného u tagu input. Mezery nahrazuje znaménko plus (+), speciální znaky jsou zapsány v hexadecimálním kódu, kterému předchází znak %. Př.: nebo “get“ popis prvků formuláře (vstupní pole)

VY_32_INOVACE_4.3.IVT1.18/Oc Autorem materiálu a všech jeho částí, není-li uvedeno jinak, je Ing. Jaroslav Ochodek CZ.1.07/1.5.00/ Př.: Do daného formuláře jsou všechna vstupní pole zahrnuta pomocí párového tagu. Jednotlivá vlastní vstupní pole se tvoří pomocí tagů. a. nepárový tag pro vkládání vstupních polí formuláře Povinné atributy : type – typ vstupního pole (způsob zadávání dat) name – název pole, funguje jako proměnná, jejíž jméno je odesíláno s její hodnotou (data) ke zpracování skriptem(PHP, aj.) Další atributy: value (hodnota pole, která se odesílá), aj. Odeslání dat formuláře: type=“submit“ (pomocí myši, ne entrem !) – slouží k odeslání zadaných dat k dalšímu zpracování (na server či ) Př.: Vstupní pole:

VY_32_INOVACE_4.3.IVT1.18/Oc Autorem materiálu a všech jeho částí, není-li uvedeno jinak, je Ing. Jaroslav Ochodek CZ.1.07/1.5.00/ Jednoduchý formulář – příklad: Zdrojový kód: Výsledek:

VY_32_INOVACE_4.3.IVT1.18/Oc Autorem materiálu a všech jeho částí, není-li uvedeno jinak, je Ing. Jaroslav Ochodek CZ.1.07/1.5.00/ type = text Vstupní textové pole, atributem size - vymezuje délku textu (co je vidět, vejde se ale více znaků), atribut maxlength - určuje nejvyšší počet zadaných znaků textu Typy - prvky formulářů Výsledek:

VY_32_INOVACE_4.3.IVT1.18/Oc Autorem materiálu a všech jeho částí, není-li uvedeno jinak, je Ing. Jaroslav Ochodek CZ.1.07/1.5.00/ type = password Pro heslo - jako text, ale zakryje psané znaky puntíky. type = hidden Nezobrazuje se, odesílá se předem daná (připravená) hodnota pole. Výsledek:

VY_32_INOVACE_4.3.IVT1.18/Oc Autorem materiálu a všech jeho částí, není-li uvedeno jinak, je Ing. Jaroslav Ochodek CZ.1.07/1.5.00/ type=file Pro určení cesty k souboru, přenáší se celý soubor (upload souboru na web). type=radio Přepínací tlačítko, aktivní je vždy pouze jedna volba (je-li více možností) se stejným názvem (name) soubor vybrán Výsledek:

VY_32_INOVACE_4.3.IVT1.18/Oc Autorem materiálu a všech jeho částí, není-li uvedeno jinak, je Ing. Jaroslav Ochodek CZ.1.07/1.5.00/ type=checkbox Zaškrtávací políčko (nezaškrtnutá hodnota se neodesílá), lze je zaškrtnout i odškrtnout, možno označit i více možností. Checkboxy, které patří k sobě (odpovídají na stejnou otázku) musí mít shodný atribut name (nesmí začínat číslem a obsahovat diakritiku), ale jinou hodnotu (atribut value). vybrán Hokej označen (zaškrtnut) Fotbal Výsledek:

VY_32_INOVACE_4.3.IVT1.18/Oc Autorem materiálu a všech jeho částí, není-li uvedeno jinak, je Ing. Jaroslav Ochodek CZ.1.07/1.5.00/ type=reset Vymazání všech vyplněných údajů ve formuláři (reset). Používat málo, neboť se vymažou všechna (i pracně vyplněná) data daného formuláře! Popis tlačítka pomocí atributu value. type = submit Tlačítko pro odeslání formuláře (jeho polí a jejich hodnot), popis viz atribut value. Výsledek:

VY_32_INOVACE_4.3.IVT1.18/Oc Autorem materiálu a všech jeho částí, není-li uvedeno jinak, je Ing. Jaroslav Ochodek CZ.1.07/1.5.00/ type = button Tlačítko používa se ve spojení s JavaScriptem. Párový tag ( ), dá se tak do něj vložit libovolný HTML kód (obrázek, text, apod.) – zobrazí se pak na tlačítku. Výsledek:

VY_32_INOVACE_4.3.IVT1.18/Oc Autorem materiálu a všech jeho částí, není-li uvedeno jinak, je Ing. Jaroslav Ochodek CZ.1.07/1.5.00/ Rozbalovací pole (select box) – výběr z více možností. Párový tag, atribut size určuje počet řádků nabídky, tag option definuje možnosti. type = image Odesílací tlačítko s obrázkem (pomocí src), které zároveň posílá souřadnice kliknutí. Výsledek:

VY_32_INOVACE_4.3.IVT1.18/Oc Autorem materiálu a všech jeho částí, není-li uvedeno jinak, je Ing. Jaroslav Ochodek CZ.1.07/1.5.00/ Fieldset – orámovaná skupina polí, tag párový, atribut legend (zobrazí nadpis skupiny), musí být hned za. Po rozkliknutí: Výsledek: Další možnosti úpravy a použití formulářů

VY_32_INOVACE_4.3.IVT1.18/Oc Autorem materiálu a všech jeho částí, není-li uvedeno jinak, je Ing. Jaroslav Ochodek CZ.1.07/1.5.00/ Výsledek: Logické členění formuláře do celků Větší formuláře se člení do dílčích částí pomocí a atributu legend.

VY_32_INOVACE_4.3.IVT1.18/Oc Autorem materiálu a všech jeho částí, není-li uvedeno jinak, je Ing. Jaroslav Ochodek CZ.1.07/1.5.00/ Výsledek: Textarea – oblast pro delší víceřádkový text, párová tag, velikost textového pole určují atributy - cols - šířka pole ve znacích (sloupce), rows - výška pole v řádcích. Výsledek:

VY_32_INOVACE_4.3.IVT1.18/Oc Autorem materiálu a všech jeho částí, není-li uvedeno jinak, je Ing. Jaroslav Ochodek CZ.1.07/1.5.00/ Tlačítka jako odkazy Formulářové funkce můžeme v dokumentu použít jako standartní tlačítka jako odkazy (hyperlinky). Vysvětlení podá následující příklad. Zarovnání polí pod sebe - využijeme tvorbu tabulky Toto tlačítko umožňuje vyvolání dokumentu barvy.htm, který je uložen v aktuálním adresáři: Výsledek: Po kliknutí: CSS a formuláře Stylování se pro tvorbu a vzhled polí zatím používá málo.

VY_32_INOVACE_4.3.IVT1.18/Oc Autorem materiálu a všech jeho částí, není-li uvedeno jinak, je Ing. Jaroslav Ochodek CZ.1.07/1.5.00/ Zdrojový kód (pomocí “post“): Příklad formuláře a jeho zpracování s použitím skriptu v PHP : Formulář - prázdný Formulář - vyplněný Formulář - po odeslání Zobrazit výsledek (z internetu - živě)Zobrazit výsledek (stránka) obrazovky:

VY_32_INOVACE_4.3.IVT1.18/Oc Autorem materiálu a všech jeho částí, není-li uvedeno jinak, je Ing. Jaroslav Ochodek CZ.1.07/1.5.00/ Zdrojový kód (pomocí “get“): Výsledek: Použitím metody pomocí „get“, se zobrazí data z formuláře v adrese URL viz obr.

VY_32_INOVACE_4.3.IVT1.18/Oc Autorem materiálu a všech jeho částí, není-li uvedeno jinak, je Ing. Jaroslav Ochodek CZ.1.07/1.5.00/ Zdroje: JANOVSKÝ, Dušan. Jak psat web [online] [cit ]. Dostupné z: BROŽA, Petr. Jak na počítač vytváříme www stránky. Brno: Computer Press, ISBN Flídr, M.: HTML pro začátečníky. Praha: PC WORLD, 2001, roč. 2001, č. 2. Co to je html [online]. [cit ]. Dostupné z: ROUBAL, Pavel. Počítačová grafika pro úplné začátečníky. Computer Press, Tvorba webu [online] [cit ]. Dostupné z: KEKEL. [online] [cit ]. Dostupné z: a Klikzone.cz [online]. [cit ]. Dostupné z:

VY_32_INOVACE_4.3.IVT1.18/Oc Autorem materiálu a všech jeho částí, není-li uvedeno jinak, je Ing. Jaroslav Ochodek CZ.1.07/1.5.00/ Zdroje: POTOČEK, Tobiáš. [online] [cit ]. Dostupné z: HOVORKA, Jan. [online]. [cit ]. Dostupné z: Ovládněte tvorbu webu!: S námi to zvládne opravdu každý. [online] [cit ]. Dostupné z: BLUEBOARD.CZ S.R.O. Webhosting a registrace domén [online]. [cit ]. Dostupné z: