Tvorba str nek
This presentation is the property of its rightful owner.
Sponsored Links
1 / 12

Tvorba stránek PowerPoint PPT Presentation


  • 99 Views
  • Uploaded on
  • Presentation posted in: General

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/

Download Presentation

Tvorba stránek

An Image/Link below is provided (as is) to download presentation

Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author.While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server.


- - - - - - - - - - - - - - - - - - - - - - - - - - E N D - - - - - - - - - - - - - - - - - - - - - - - - - -

Presentation Transcript


Tvorba str nek

Tvorba stránek

  • komu jsou stránky určeny

  • grafická úprava stránek

  • obsah

  • motivy vzhledu stránky http://openwebdesign.org


Tvorba str nek1

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

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

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

  • 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í <tag> a koncová značka </tag>

  • nepárové

    <tag> - zavádí na stránku nějaký objekt

  • < tag parametry>

  • tagy lze do sebe vnořovat


Z kladn kostra dokumentu html

Základní kostra dokumentu HTML

  • hlavička dokumentu

  • tělo dokumentu

  • <html>

  • <head>

  • <title>Název stránky </title>

  • </head>

  • <body>

  • ….

  • </body>

  • </html>

  • popis jazyka HTML http://www.jakpsatweb.cz


Pr ce s textem

Práce s textem

  • <b>Tučný text </b>

    Jméno Příjmení

  • <center>Text bude centrovaný </center>

    Školní rok 2003/2004

  • <font size=5>Zvětší velikost písma </font>

    Materiály k výuce

  • <br> - zalomení řádků


Pr ce s obr zkem

Práce s obrázkem

  • <img>

  • obrázek ze souboru

    <img src="obr.jpg">


Pr ce s hypertextov mi odkazy

Práce s hypertextovými odkazy

  • <a> </a>

    Odkaz na stránky školy

    <a href=http://www.gyarab.cz> Školní stránky </a>


Pr ce se seznamy

Práce se seznamy

  • S odrážkami

    <ul></ul> definuje seznam

    <li> </li> definuje položky, koncový tag je nepovinný

  • Např.

    <ul>

    <li> Hardware

    <li> Software

    </ul>

● Hardware

● Software


Pr ce se seznamy pokra ov n

Práce se seznamy – pokračování

  • Číselný seznam

    <ol></ol> definuje seznam

    <li> </li> definuje položky, koncový tag je nepovinný

  • Např.

    <ol>

    <li> Teorie

    <li> Praxe

    </ol>

  • Teorie

  • Praxe


Zad n cvi en tvorba studentsk ch str nek

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


  • Login