Transcript Jazyk HTML
Tvorba stránek
komu jsou stránky určeny grafická úprava stránek obsah
motivy vzhledu stránky http://openwebdesign.org
Tvorba stránek
napsat stránky zajistit doménu a s tím prostor na serveru
http://www.hosting-zdarma.cz/
http://www.tvorba-webu.cz/webhosting/webhosting_zdarma.php
Jazyk HTML
HyperText Markup Language (= nadtextový značkový jazyk) vzhled jednotlivých částí dokumentu jsou určeny značkami HTML dokument je možné napsat jednoduchým textovým editorem (např. Wordpad, Poznámkový blok) soubory mají příponu : .htm (Novellovské prostředí), .html (Unixové prostředí)
HTML dokument – užívané struktury
běžný, formátovaný text obrázek hyperlink tabulka číslované a nečíslované seznamy
HTML značky
• Html značky určují, jak bude vypadat holý text • značky se nazývají
tagy <
indentifikátor> •
závorky lze napsat ALT+ <, ALT+>
párové
počáteční
nepárové
zavádí na stránku nějaký objekt
• < tag parametry> • tagy lze do sebe vnořovat
Základní kostra dokumentu HTML
• hlavička dokumentu • tělo dokumentu
popis jazyka HTML http://www.jakpsatweb.cz
Práce s textem
• Tučný text
Jméno Příjmení
•
Školní rok 2003/2004
•
5 >Zvětší velikost písma
Materiály k výuce
•
- zalomení řádků
Práce s obrázkem
• • obrázek ze souboru
Práce s hypertextovými odkazy
Práce se seznamy
• S odrážkami
definuje seznam
definuje položky, koncový tag je nepovinný • Např.
- Hardware
- Software
Práce se seznamy – pokračování • Číselný seznam
definuje seznam
nepovinný definuje položky, koncový tag je • Např.
- Teorie
- Praxe
2.
Teorie Praxe
Zadání cvičení – Tvorba studentských stránek • celkem dvě stránky (vzájemné propojení) • na každé stránce: –
minimálně 1 obrázek
– –
minimálně jeden seznam (odrážky nebo číslování) minimálně jeden odkaz na existující web. stránku
• úvodní stránka • základní informace o sobě, škole • odkaz na stránku o zájmech, zálibách • stránka o zálibách • stručná informace o zájmech, zálibách