OdporúčameZaložiť web alebo e-shop

Štruktúra

 

 

Štruktúra

Popis Na kopírovanie:

<html>                          

<title>  Nadpis stránky - text zobrází sa v záložkách prehliadača   </title>                

<body>                        

Text,ktorý sa bude zobrazovať na stránke,

môžu tu byť aj obrázky, tabuľky.

Text môže byť aj na viac riadkov.

medzi týmto textom budú ďalšie príkazy - napr. farba textu, veľkosť....

</body>                         

</html>     

<html>                          

<title>           </title>                        

<body>                        

 

 

 

 

</body>                         

</html>     

 

Príkazy / Tagy

 

  • v hranatých zátvorkách     <    >
  • párové:  začiatok aj  koniec     <príkaz>   text (väčšinou ten čo vidíme na stránke)   </príkaz>
  • nepárové   <príkaz>
  • vlastnosti príkazov / tagov   <príkaz rôzne vlastnosti napr. farba, veľkosť písma>  text (väčšinou ten čo vidíme na stránke)   </príkaz>

 

Program na tvorbu stránky

  • stačí obyčajný textový program napr. Poznámkový blok / Word  a  Internetový prehliadač
  • alebo trošku profesionálnejší program napr. PSPad, ktorý už v sebe má zabudovaný prehliadač
  • alebo použiť iné profesionálne, wysiwyg programy napr. Dreamweaver

 

Úloha  Moja prvá stránka1:  
V poznámkovom bloku vytvorte svoju prvú stránku, Titul bude Vaše Meno Priezvisko, v texte bude uvedené ZŠ s MŠ J. Vojtaššáka Zákamenné a v druhom riadku Vaša trieda (súbor uložte na pracovnú plochu - volať sa bude meno.html)

  1. zapnite si poznámkovýn blok (notepad) - štart
  2. napíšte základné príkazy (prekopírujte)
  3. kde napíšeme meno priezvisko  -  medzi ktoré príkazy?
  4. kde napíšeme ZŠ s MŠ J. Vojtaššáka a trieda -  medzi ktoré príkazy?
  5. pri ukladaní v poznámkovom bloku = SÚBOR - ULOŽIŤ zadáme názov súboru s príponou html, musíme však zmeniť aj položku FORMÁT SÚBORU - textový súbor zmeniť na všetky súbory
  6. pozrime si ako naša stránka vypadá???

 

Z úlohy na precvičenie sme zistili, že trieda nie je na novom riadku, ale je v tom istom riadku ako ZŠ.... Ako to vyriešiť?

 

Nový riadok      <br>     píšeme na konci alebo na začiatku riadku.  

 

Úloha  Moja prvá stránka2:  Opravme si úlohu Moja prvá stránka ... použi  <br>

 

Úloha  kontakt.html: Vytvorte stránku (súbor) kontakt.html

Vymyslite si vlastnú firmu (každá odrážka = nový riadok):

  • názov Vašej firmy
  • čo budete ponúkať (tovať, služby)
  • Vaše meno priezvisko
  • Adresu - použite školu: Ulica Špitál 967/4, 029 56 Zákamenné
  • Vymyslite si tel. číslo napr. 0901 234 567

 

Úloha č. 1:
- vytvorme si nový html súbor   zakaznici.html
- vytvorte podľa štruktúry stránku

- nadpis stránky: Zákazníci
- obsah/telo stránky:

  • 5 riadkov
  • na každom riadku bude priezvisko a meno obľúbeného herca/herečky/speváka/speváčky/...

- stránku uložte na váš USB kľúč - názov súboru: zakaznici.html