Scribd Logo
Încărcați

Bine ați venit la Scribd!

  • Curs 1 - Web Design

    Încărcat de

    MihaelaSimina
    11 vizualizări5 pagini

    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
    11 vizualizări5 pagini

    Curs 1 - Web Design

    Încărcat de

    MihaelaSimina

    Drepturi de autor:

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

    Curs 1 Web Design

    HTML (HyperText Markul Language) este un limbaj de marcare utilizat pentru crearea paginilor web
    ce pot fi afisate intr-un browser. Scopul sau este de prezentare a informatiilor - paragrafe, fonturi, tabele.

    CSS (Cascading Style Sheets) este un limbaj de stilizare al elementelor html, al tagurilor html. În Web
    Designul modern, pentru stilizarea paginilor WEB se foloseste numai CSS. Acest lucru inseamna ca de
    la culoarea literelor si a backgroundulu pana si la pozitionarea elementelor de pe o pagina web, totul este
    stilizat prin CSS.

    Bootstrap este un framework front-end gratuit pentru dezvoltarea web mai rapid și mai ușor. Include
    template-uri de design HTML si CSS pentru design de bază de formulare, tabele, navigare, modalelor,
    carusele.

    Responsive Web Design - este despre crearea de site-uri web care se ajustează în mod automat pe toate
    dispozitivele (smartphone, laptop, tablete).

    Tutorial: https://www.w3schools.com/html/html_intro.asp
    Pentru a putea crea pagini HTML se va descarca Visual Studio Code de la urmatorul link:

    https://code.visualstudio.com/

    Pentru a crea un nou fisier de tip HTML se va deschide din meniul File -> New File
    Fisierul nou creat se va salva cu extensia .html.

    Când scriem in HTML, ne vom baza pe o serie de “tag-uri” pentru a forma o structură a site-ului.

    Tag-urile ajută browserul cum să interpreteze elementele grafice pe care le adăugați. Există două tipuri de tag-
    uri: pentru deschidere și pentru închidere.

    Tag-urile de deschidere sunt sub forma: <tag>

    Tag-urile de închidere sunt sub forma: </tag>

    Structura a paginilor HTML este următoare:

    <html>

    <head>

    <title> </title>

    </head>

    <body>

    </body>

    Prima pagina HTML


    Pentru a vizualiza pagina nou create va trebui să dați click dreapta in interiorul proiectului și să alegeți Open in
    Default Browser

    După ce ați selectat Open in Default Browser va apărea pagina HTML în browserul setat ca si favorit pe calculator.
    În cazul meu a fost Google Chrome.

    Folosirea atributului de class in elementele div: este folosit pentru a defini acelasi tipuri de stiluri cu aceeasi
    nume de clasa.

    Folosirea atributui id in elementele div: este folosit pentru a specifica un id unic pentru un element HTML

    Pentru folosirea unei liste neordonate se folosește tagul <ul>

    Pentru a face o lista se va folosi <li>

    Pentru folosirea unei liste ordonate se folosește tagul <ol>


    Tagul <div> defineste o sectiune intr-un document (la nivel de bloc)
    Tagul <span> defineste o sectiune intr-un document inline.
    Tagul <section> defineste sectiuni intr-un document, cum ar fi capitole, subsoluri.
    Adaugarea de imagini se realizeaza in felul urmator <img src=”… ” height=”200px” width=”200”
    alt=”..”>
    Pentru adaugarea de linkuri se realizeaza in felul urmator <a href=” ….” >….</a>

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