Prezentace se nahrává, počkejte prosím

Prezentace se nahrává, počkejte prosím

TVORBA WEBOVÝCH STRÁNEK HTML. Struktura webové stránky  Web se skládá z několika elementů: Texty Obrázky Objekty (flashové animace, videa, hudba apod.)

Podobné prezentace


Prezentace na téma: "TVORBA WEBOVÝCH STRÁNEK HTML. Struktura webové stránky  Web se skládá z několika elementů: Texty Obrázky Objekty (flashové animace, videa, hudba apod.)"— Transkript prezentace:

1 TVORBA WEBOVÝCH STRÁNEK HTML

2 Struktura webové stránky  Web se skládá z několika elementů: Texty Obrázky Objekty (flashové animace, videa, hudba apod.) Skripty (jednoduché programy)  Každá webová stránka má svůj zdrojový kód Říká prohlížeči, jak by měla stránka vypadat Skládá se ze značek neboli tagů  Každý z výše uvedených elementů je na webu zastoupen nějakým tagem

3 Vytváření webové stránky  Psaní zdrojového kódu Zdrojový kód je pouze text, proto ho lze psát například v poznámkovém bloku Textovému souboru s kódem pak stačí jen změnit koncovku na.html nebo.htm Takto vytvořená stránka už může být spuštěna v prohlížeči  Editory Existují i editory, pomocí kterých můžete vytvářet stránky bez znalosti HTML  Export dokumentů Dokumenty některých aplikací (např. Office) lze exportovat jako webové stránky Soubor > Uložit jako (webovou stránku)

4 HTML  HTML = HyperText Markup Language  Soubor značek/tagů, které zastupují jednotlivé elementy webu  Zpravidla platí, že 1 tag = 1 element webu  Příklady: Tag = odřádkování textu Tag = obrázek

5 HTML - tagy  Každý tag je uzavřen do špičatých závorek:  Existují dva typy tagů: Nepárové tagy 1 tag = 1 element webu Např. tag pro vložení obrázku Párové tagy Tag má dvě části: začátek a konec Např. tag pro vložení odstavce  Použití: Obsah odstavce  Druhá část tagu(ukončovací) musí mít po první špičaté závorce lomítko

6 Struktura HTML stránky základní párový tag ohraničující web párový tag ohraničující hlavičku stránky ukončení tagu = zde hlavička končí párový tag ohraničující samotný obsah stránky ukončení tagu = konec obsahu stránky ukončení tagu = zde web končí

7 Příklady nejpoužívanějších tagů  Tyto tagy zastupující jednotlivé elementy webu se vkládají do obsahu stránky, tedy mezi počáteční tag a ukončovací tag = nepárový tag pro odřádkování textu = nepárový tag pro vložení obrázku = párový tag pro vložení odkazu, = párové tagy pro odstavec = párový tag pro formátování textu (velikost, barva…) = párový tag pro tučné písmo = párový tag pro písmo vyznačené kurzívou = párový tag pro podtržené písmo

8 TVORBA WEBOVÝCH STRÁNEK CSS

9 Co je CSS  CSS = Cascading Style Sheets V překladu „kaskádové styly“  Jazyk popisující, jak se mají na webu zobrazovat jednotlivé elementy  Doplňuje HTML  Srovnání s HTML: Příklad: HTML dokáže vložit obrázek, CSS dokáže určit jak má být velký, kde má být umístěný, jaký má mít rámeček, jak moc je odsazený od ostatních elementů apod.

10 Proč používat CSS  Oproti HTML má mnohem rozsáhlejší možnosti formátování elementů webu  Odděluje strukturu webu (elementy) od jeho formátování (formát elementů)  Dynamická správa stránek  Větší přehlednost atd…

11 CSS zblízka p { color: blue; font-size: 12px; } SELEKTOR = element, který formátujeme VLASTNOST = vlastnost elementu, kterou chceme změnit HODNOTA = samotná úprava vlastnosti

12 Použití CSS Přímé formátování Vložení CSS do tagu img { border-width: 1px; } Externí soubor Obsah souboru styl.css img { border-width: 1px; }


Stáhnout ppt "TVORBA WEBOVÝCH STRÁNEK HTML. Struktura webové stránky  Web se skládá z několika elementů: Texty Obrázky Objekty (flashové animace, videa, hudba apod.)"

Podobné prezentace


Reklamy Google