Adéla Vinecká KM2

2.ročník IKT -tvorba webových stránek

Základy

Co je webová strámka

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 dokumentu

HTML dokument se skládá z hlavičky a těla. V hlavičce jsou různé informace o stránce, v těle je vlastní obsah stránky, který se zobrazí v okně prohlížeče.

Odkazy

Jak se dělá odkaz

Příklady odkazů

Odkaz se vytvoří tagem <a>

Odkaz na seznam

Tvoření stránky mými slovy

V aplikaci index html vytvoříte soubor. Následně pomocí tagů tvoříme text. S tagem title uděláme hlavní nadpis a s tagama h podnadpisi. S tagem p pak tvořime souvislý text a všechno ostatní co tam chceme mít napsané. Pomocí tagu a href a br vytvoříme odkazy na webové stránky. Nesmíme zapomenout tagy uzavřít lomítkem. celou stránku začneme a zakončíme tagama body a html. Tagem img src vložíme do stránky obrázky. Není to příliš těžké to vytvořit a tato zkušenost se hodí. Tento home made návod není vhodný pro vytváření stránky, ale livově vám poví jak jsem to zjednodušeně provedla. Když otevřete zdrojový kod stránky tak uvidíte co myslím mým popisem, uvidíte zde všechny podrobnosti.

Odkaz na seznam.cz
Odkaz na konkrétní článek na seznamu.
Odkaz na pokusný dokument 1
Odkaz na pokusný dloooouhý dokument
Odkaz na 2.kapitolu dlouhého dokumentu
Odkaz na předposlední kapitolu
Odkaz na poslední kapitolu
Tento odkaz se otevře v novém okně.
Tento odkaz se otevře v novém okně.
Tento odkaz se otevře v novém okně jménem ferda.
Tento odkaz se otevře v novém okně jménem ferda.

praktické příklady HTML stránek

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

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

Webový formulář verze1

Obrázky

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

Obrázek vložíme na webovou stránku pomocí tagu <img>. Jednoduše řečeno začneme závorkou pak napíšeme tag img src a v uvozovkách napíšeme jméno souboru fotografie jak jsme si ji uložily.

rybyčky

Vestibulum fermentum tortor id mi. Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur? In enim a arcu imperdiet malesuada. Aliquam id dolor. Duis condimentum augue id magna semper rutrum. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Vivamus ac leo pretium faucibus. Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nulla non lectus sed nisl molestie malesuada. Itaque earum rerum hic tenetur a sapiente delectus, ut aut reiciendis voluptatibus maiores alias consequatur aut perferendis doloribus asperiores repellat. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur?

Sed ac dolor sit amet purus malesuada congue. Aliquam erat volutpat. Donec vitae arcu. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis sapien nunc, commodo et, interdum suscipit, sollicitudin et, dolor. Pellentesque sapien. Nullam sit amet magna in magna gravida vehicula. Nunc auctor. Et harum quidem rerum facilis est et expedita distinctio. Sed convallis magna eu sem. Duis condimentum augue id magna semper rutrum. Aenean fermentum risus id tortor.

tohle je moje věta: Gargamel nemá rád šmouly!