Scribd Logo
Încărcați

Bine ați venit la Scribd!

  • Lab 19 Fișa de Lucru CSS

    Încărcat de

    Enache Nadejda
    229 vizualizări2 pagini
    lucru css

    Drepturi de autor

    © © All Rights Reserved

    Formate disponibile

    DOCX, PDF, TXT sau citiți online pe Scribd

    Vi se pare util acest document?

    Este necorespunzător acest conținut?

    Raportați acest document
    lucru css

    Drepturi de autor:

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

    Lab 19 Fișa de Lucru CSS

    Încărcat de

    Enache Nadejda
    lucru css

    Drepturi de autor:

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

    Fișa de lucru

    Creaţi un document HTML cu următorul cod:


    <!DOCTYPE HTML>
    <html>
    <head>
    <meta charset="utf-8">
    </head>
    <body>
    <h1> Listă marcată</h1>
    <ul>
    <li>Primul rînd</li>
    < li>Al doilea</li >
    < li>Al treilea</li>
    < li>Al patrulea </li >
    < li>Al cincilea</li>
    </ul>
    <h1> Listă numerotată </h1>
    <ol>
    <li>Punctul unu</li >
    <li>Doi</li >
    <li>Trei</li>
    <li>Patru</li>
    <li>Cinci</li>
    </li>
    <h1> Paragraf</h1>
    <p>Acesta e conţinutul paragrafului. Acesta e conţinutul paragrafului. Acesta e conţinutul paragrafului.
    Acesta e conţinutul paragrafului. Acesta e conţinutul paragrafului. Acesta e conţinutul paragrafului.
    Acesta e conţinutul paragrafului. Acesta e conţinutul paragrafului. Acesta e conţinutul paragrafului.
    Acesta e conţinutul paragrafului. </p>
    </body>
    </html>

    1.Definiţi în fișierul extern style.css:


     pentru selectorul h1 culoarea fundalului: rgb(140,220,200);
     pentru selectorul ul culoarea fundalului: rgb(200,160,200);
     pentru selectorul ol culoarea fundalului: #DAFFC3, intervalul între simboluri:5px;
     pentru selectorul p culoarea fundalului: gray, intervalul între simboluri:1cm ;

    2. Salvaţi documentul cu numele lucrare.html. Deschideţi editorul de imagini şi desenaţi un smile, cu


    mărimea aproximativă de 100x100 pixeli. Salvaţi desenul cu numele smile.png în aceiaşi mapă, cu
    documentul.

    3. Definiţi în fișierul extern style.css pentru selectorul body:


     proprietatea ce setează ca imagine de fundal fişierul smile.png.
     proprietatea ce nu repetă imaginea de fundal;
     proprietatea ce poziţionează imaginea în centru jos.
    1. Să se creeze o pagină web care să conţină următoarele elemente şi formatări:

    a.O schemă a site-ului (layout) cu secţiunile: header, coloană stânga (lungime


    20% din totalul paginii), coloană mijloc (60%), coloană dreapta (20%), footer. Să se
    utilizeze doar secţiuni DIV formatate cu CSS.

    b.Un meniu vertical în coloana din stânga site-ului asemănător celui din figura de
    mai jos în ceea ce priveşte formatarea CSS.

    c.4 imagini una sub alta, provenite dintr-o singură imagine ce le conţine pe toate
    4, în coloana din dreapta paginii web. Extragerea fiecărei imagini se va realiza
    utilizând tehnica imaginilor sprite.

    2.Pentru coloana din mijlocul paginii create la punctul 1 să se insereze diverse


    elemente HTML şi să se formateze aceste elemente cu alte proprietăţi CSS neutilizate
    în lucrarea de laborator. Utilizaţi ca sursă de informare Internet-ul.

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