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

Prezentace na téma: "Tvorba stránek  komu jsou stránky určeny  grafická úprava stránek  obsah  motivy vzhledu stránky"— Transkript prezentace:

1 Tvorba stránek  komu jsou stránky určeny  grafická úprava stránek  obsah  motivy vzhledu stránky http://openwebdesign.orghttp://openwebdesign.org

2 Tvorba stránek  napsat stránky  zajistit doménu a s tím prostor na serveru  http://www.hosting-zdarma.cz/http://www.hosting-zdarma.cz/  http://www.tvorba-webu.cz/webhosting/webhosting_zdarma.php http://www.tvorba-webu.cz/webhosting/webhosting_zdarma.php

3 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í)

4 HTML dokument – užívané struktury  běžný, formátovaný text  obrázek  hyperlink  tabulka  číslované a nečíslované seznamy

5 HTML - značky Html značky určují, jak bude vypadat holý text značky se nazývají tagy závorky lze napsat ALT+  párové počáteční a koncová značka  nepárové - zavádí na stránku nějaký objekt tagy lze do sebe vnořovat

6 Základní kostra dokumentu HTML hlavička dokumentu tělo dokumentu Název stránky ….  popis jazyka HTML http://www.jakpsatweb.czhttp://www.jakpsatweb.cz

7 Práce s textem Tučný text Jméno Příjmení Text bude centrovaný Školní rok 2003/2004 Zvětší velikost písma Materiály k výuce - zalomení řádků

8 Práce s obrázkem obrázek ze souboru

9 Práce s hypertextovými odkazy Odkaz na stránky školy Školní stránky

10 Práce s hypertextovými odkazy Odkaz v rámci daného dokumentu 1. definovat návěští Novák 2. skok na odkaz Skok na příjmení

11 Práce s tabulkou definuje základní vlastnosti tabulky definuje vlastnost řady definuje obsah buňky Např. 1.1 1.2 2.1 2.2 1.11.2 2.12.2

12 Práce se seznamy S odrážkami definuje seznam definuje položky, koncový tag je nepovinný Např. Hardware Software ● Hardware ● Software

13 Práce se seznamy – pokračování Číselný seznam definuje seznam definuje položky, koncový tag je nepovinný Např. Teorie Praxe 1.Teorie 2.Praxe

14 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