Scribd Logo
Upload

Welcome to Scribd!

  • Webové Stránky

    Uploaded by

    Jalix
    20 views11 pages

    Original Title

    Webové stránky (1)

    Copyright

    © © All Rights Reserved

    Available Formats

    PPTX, PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document

    Copyright:

    © All Rights Reserved
    Download as PPTX, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    20 views11 pages

    Webové Stránky

    Uploaded by

    Jalix

    Copyright:

    © All Rights Reserved
    Download as PPTX, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    of 11

    Webová stránka

    Zdrojový kód
     Tak isto ako programy, aj internetové stránky sú
    tvorené zdrojovým kódom
     Ten je pomocou interpretera (internetový prehliadač)
    prekladaný do obrazovej formy
     Zdrojový kód je uložený na webovom serveri
    Jazyk internetových stránok
     Väčšina je v jazyku HTML (XHTML)
     Je to značkovací jazyk (značka=tag)
     Každý tag má určitý význam – zmena štýlu písma,
    ohraničenie, farba, odkaz, vloženie obrázka ...
     Dopĺňané pomocou skriptov (jednoduché programy) v
    iných jazykoch (PHP, Java script ...)
    Ako sa vytvárajú stránky?
     Internetové stránky sa dajú vytvárať niekoľkými
    sposobmi
    1. písaním zdrojového kódu
    2. pomocou programu
    3. použitím webových portálov
    Písanie zdrojového kódu
     Každá značka sa píše ručne
     Dá sa použiť obyčajný poznámkový blok
     Existujú editory ktoré dopĺňajú značky, prípadne
    farebne odlišujú časti kódu
    Programy na tvorbu stránok
     Nie je potrebná znalosť jazyka HTML
     Stránky sa vytvárajú v grafickej forme a kód je
    vygenerovaný programom
     MS Publisher, OpenOffice
    Špeciálne webové portály
     Po registrácii na ne si užívateľ môže vybrať z
    ponúkaných šablon
     Tieto si môže čiastočne upravovať
     Tieto služby sú určené pre bez znalosti jazyka HTML
     www.meu.sk, www.estranky.cz
    Tagy = značky

    • HTML súbor je obyčajný text obalený značkami,


    ktoré sa nazývají tagy.

    • Tagy určujú, ako bude text vyzerať.

    • Všetky tagy sú uzavrenté v <ostrých zátvorkách>.

    • Čo nic je v ostrých zátvorkách, je text, ktorý sa bude


    zobrazovať na stránke.
    Základná štruktúra HTML
    (tieto tagy by mal obsahovať každý html súbor)
    <html> Čo znamenajú jednotlivé tagy?

    <head> • <html> začíná dokument

    <title>Moja prvá stránka</title> • </html> končí dokument


    </head> • <head> a </head>
    začíná a končí hlavičku, text sa
    na strånke nezobrazuje, ale
    obsahuje dôležité informácie
    <body>

    Moja prvá html stránka.


    • <title> a </title>
    názov dokumentu, stránky
    A ešte nejaký text.
    • <body>
    </body>
    • Čo je medzi <body> a </body>,
    </html> sa bude zobrazovat na stránke
    Príklad - zmena • <h1>, </h1>
    nadpis prvej úrovne.

    vzhľadu • <h2>, </h2>


    nadpis druhej úrovne.
    Dá sa používať 5 úrovní nadpisov (<h1>, <h2> až
    <h6>). Vykreslujú sa rôzne veľké podľa dôležitosti.
    <html>

    <head> • <p>, </p>


    odstavec.
    <title>Moja druhá stránka</title>
    • <b>, </b>
    </head>
    text mezi týmito tagmi bude tučný.
    <body>
    • <i>, </i>
    <h6>Nadpis</h6> kurzíva
    <p>Odstavec s <b>tučným textem</b>, s <i>kurzivou</i>. • <span>, </span>
    <span style="color: red;">Červený text.</span></p> označije odlišný, naformátovaný text (nepríklad iná
    farba)
    <h2>Nadpis druhé úrovně</h2>
    • <span style="color: red">, </span>
    <p>Odstavec s <i><b>tučnou kurzivou. </b></i><br> V tomto prípade má obalený kus textu červenú farbu
    písma. Tento tag, mám tzv. atribut - ďalšiu
    Text po zalomení řádku patří do téhož odstavce.</p>
    špecifikáciu. Atribútom je "style" a má hodnotu "color:
    </body> red" (angl. farba: červená) -> farba písma medzi
    tagmi <span> bude červená
    </html>
    • <br>
    zalomení riadku (v textovom editore Enter)
    Príklad - pozadie a odkazy
    <html>
    <body style="background-color: green; color:
    yellow;">
    <head>
    spôsob ako nastaviť farbu celého tela dokumentu
    <title>Tretí príklad</title>
    style keď je napísané v <body> určuje vzhlľad celej
    </head>
    stránky. V tomto prípade nastavuje farbu pozadia
    (background-color) na zelenú a farbu textu (color) na
    žltú
    <body style="background-color: green; color: yellow;">
    <a href=“adresa"> text odkazu </a>
    <h1>Pozadie a odkazy</h1>
    "a" je z anglického slova “anchor”, znamená odkaz.
    Medzi úvodzovky dáme adresu stránky, na ktorú
    <p>Obyčajný text.</p>
    chceme odkazovať. Text odkazu je ľubovoľný text,
    ktorý je klikateľný. Po kliknutí na tento text sa otvorý
    <p>Odkaz na <a href=“http://www.bezkriedy.sk”>Bezkriedy<a>
    stránka definovaná v href=“adresa”
    </p>
    V našom príklade
    </body>
    <a href=“http://www.bezkriedy.sk”>Bezkriedy<a>

    text, na ktorý sa dá kliknúť na našej stránke je slovo


    Bezkriedy. Po kliknutí sa otvorý stránka bezkriedy.sk.
    </html>

    You might also like