Scribd Logo
Încărcați

Bine ați venit la Scribd!

  • Site Lectia 1-3

    Încărcat de

    Tech. Yannis
    8 vizualizări7 pagini

    Titlu original

    site lectia 1-3

    Drepturi de autor

    © © All Rights Reserved

    Formate disponibile

    PDF, TXT sau citiți online pe Scribd

    Vi se pare util acest document?

    Este necorespunzător acest conținut?

    Raportați acest document

    Drepturi de autor:

    © All Rights Reserved
    Descărcați ca PDF, TXT sau citiți online pe Scribd
    Indicator pentru conținut neadecvat
    8 vizualizări7 pagini

    Site Lectia 1-3

    Încărcat de

    Tech. Yannis

    Drepturi de autor:

    © All Rights Reserved
    Descărcați ca PDF, TXT sau citiți online pe Scribd
    Indicator pentru conținut neadecvat
    din 7

    Structură site

    Gânditi-vă la un site care vă place


    Ce informații găsim pe un site
    Ce elemente vedem pe paginile unui site
    Ce elemente nu ar trebui sa lipseasca dintr-un site

    Haideti sa ne imaginam site-ul vostru


    Despre ce este site-ul vostru
    Câte pagini vreți să aibă
    Care ar trebui să fie culorile pe care le veți folosi
    Faceți o machetă a site-ului. Creați din hârtie fiecare pagină astfel:
    — decideți câte fotografii și câte texte va conține
    — schițați pe hârtie locul fiecărui element
    — scrieți textele
    — faceți fotografiile
    — gândiți-vă cum faceți trecerea de la o pagină la alta.
    site

    html CSS

    Stilul unui site îl realizam în


    Structura unui site o realizam in
    CSS
    html
    -numarul de pagini
    -text-font—culori—aliniere
    -textele -fotografiile—umbre—borduri—
    colturi rotunjite
    -inseram fotografiile
    -butoane pentru treceri de la o pagi-
    -setam cum se face trecerea de la o pagi-
    na la alta
    na la alta
    Începem întâi cu structura
    Deschidem aplicatia SUBLIME text

    File ——— New File—— —Save As———


    alegi
    Disc local(D)—— Folderul tau
    îți salvezi fișierul cu un nume și extensia .html

    <!DOCTYPE html>
    <head>
    Linii de cod obligatorii în
    html
    </head>
    Așa începe orice program
    <body>
    în html

    </body>
    În body vom scrie toate textele pe care le dorim în site
    <body>
    <p> </p> Aici scriem texte
    <h1> </h1>
    <h2> </h2>

    Setam dimensiunea tex-


    tului, unde 1 e cel mai
    <h6> </h6>
    mare si 6 cel mai mic

    </body>

    Dupa fiecare
    linie de cod pe
    care o scrii, dai
    SAVE

    click cu butonul din


    dreapa al mouse-ului

    Așa se va vedea
    ce ai lucrat tu
    În body vom insera toate fotografiile pe care le dorim în site
    !!!ATENTIE
    src are nevoie de adresa si numele exacte ale fotografiei
    Când salvezi fotografia în calculator, să o salvezi tot în folderul unde
    ai salvat și html-ul
    Fii atent la extensia fotografiei .png .jpg
    Creezi o imagine folosind abrevierea img

    <body>
    <h1> Eu Vara Codez </h1>
    <img src="logo.png" width="500" height="400" alt="logo ">

    <h6> tabara ta de vara </h6>


    Text alternativ

    Daca nu se incarca imaginea apare


    acest text

    <!-- <h6> tabara ta de vara </h6> --> daca vrem sa comentam o linie de cod.
    Mai multe pagini în site

    Un site poate să aibă mai multe pagini


    Acestea trebuie să fie conectate unele cu altele
    Hiperlink = o legatură între o pagină Html și o altă pagină
    Html , activat când dai click pe un cuvant ( scris de obicei cu
    altă culoare) sau pe o imagine de pe ecran

    Va trebui să ceezi o pagină nouă.


    File—New File—-Save As

    Dacă vrem să trecem de la o pagina la alta dând click pe un


    text:
    <body>
    <a href="gigicu.html">VACANTA</a>
    <h1> Eu Vara Codez </h1>
    <img src="logo.png" width="500" height="400" alt="logo ">

    <!-- <h6> tabara ta de vara </h6> -->

    </body>
    Hypertext reference

    <a href="gigicu.html">VACANTA</a>

    anchor Link-ul targetat


    Textul pe care vrei sa dai click

    S-ar putea să vă placă și