»»——2.ročník IKT - Tvorba webových stránek—-««

Tuto stránku spravuje K.Šimík

}Základy{

}Co..je..to..webová..stránka{

...Webová stránka je jedna určitá stránka na jedné určité adrese.
Zobrazuje se jako dokument internetového prohlížeče po zadání příslušné URL adresy, většinou pomocí World Wide Webu (WWW)...

...Data jsou psána kódem pomocí značkovacího jazyka HTML nebo XHTML a kaskádových stylů CSS. Html dokument je zdrojovým kódem webové stránky...

}Struktura...html...dokumetnu{

...Celý dokument je složen z hlavičky a těla. Hlavička je většinou krátká, obsahuje různé informace např. titulek okna nebo použité kódování. Celý obsah webové stránky je umístěn v těle HTML dokumentu. Je rozdělen na jednotlivé odstavce a proložen nadpisy a podnadpisy. Nadpisů může být až 6 úrovní.

________________________________________________

Odkazy

Odkaz — je způsob propojení části textu práce se seznamem bibliografických citací. Uvádí se v textu práce a napomáhají najít dokument v seznamu použité literatury. Pro tvorbu odkazů existují tři metody: harvardský systém, metoda číselných odkazů a metoda poznámek. Všechny metody mají svá pro a proti. Doporučujeme metodu odkazování v závěrečných pracích volit na základě požadavků fakulty či ústavu, popř. po dohodě s vedoucím práce.

}Jak..se..dělá..odkaz{

Odkaz se v HTML dělá tagem <a>.Odkaz je stručnou informací o internetové stránce.

V první řadě je zapotřebí zkopírovat URL adresu, kam chcete aby obrázek odkazoval, například na konkrétní produkt, na kategorii, na text ve volném článku nebo například na jinou stránku. Pokud budete kopírovat URL adresu z vašeho webu, tak je možné v administraci využít ikonku oka, která se Vám ukazuje u všech produktů, článků, kategorií atd.

}Příklady...odkazů{

________________________________________________

Odkaz na seznam.cz
Odkaz na konkrétní článek na seznamu.

________________________________________________

Odkaz na pokusný dokument ve stejné složce
Odkaz na pokusný dlouhý dokument ve stejné složce
Odkaz na 2.kapitolu dlouhého dokumentu
Odkaz na předposlední kapitolu dlouhého dokumentu
Odkaz na poslední kapitolu dlouhého dokumentu

}Prakticke př. HTML stránek{

Rozvržení webové stránky pomocí prvků <div>

Rozvržení webové stránky mřížkou.

Webový formulář verze1  
Můj vlastní formulář

________________________________________________

Obrázky

Obrázek vložíme na web.stránku nepárovým tagem <a>.

Parametrem "src" určím, jaký obrázek se zobrazí. Pokud je soubor ve stejném adresáři jako html dokument, stačí napsat hodnotu parametru "src" jen jméno souboru (do uvozovek). Jsou-li soubory s obrázky umístěny jinde, musím napsat cestu k nim. Pokud neurčím jinak (to se bude probírat později), obrázek se chová v toku dokumentu jako samostatný odstavec. Není dobré obrázkem zakrýt moc místa, většinou je důležitý text. Zatím nechci míchat obrázky s textem ve stejném odstavci,vypadá to divně.

Tuto stránku spravuje K.Šimik