Scribd Logo
Încărcați

Bine ați venit la Scribd!

  • HTML Lucrare cl11

    Încărcat de

    vlad
    11 vizualizări5 pagini

    Titlu original

    html-lucrare-cl11.docx

    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

    Drepturi de autor:

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

    HTML Lucrare cl11

    Încărcat de

    vlad

    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 5

    Clasa 11 Lucrare 1 HTML

    Tema: Rolul magazinelor on-line in timpul pandemiei Covid-19

    1. De creat un fisier *.html cu numele lucrare1 Nume familie


    2. De scris titlul ferestere magazin online Nume Prenume
    3. De inserat la tema data 40 de linii de text lungi, care sa descrie:
     Situatia de carantina, impusa de epidemia Covid-19, cauza
     Procurarea produselor necesare on-line
     Descrierea rolului unui magazin online. Lista de magazine on-line
     Cum are loc procurarea produselor
     Intentia personala de a crea un magazin online functional
    4. Textul trebuie sa fie scris cu fontul Times New Roman 14, sa fie formatat, sa fie
    evidentiate in text cuvinte cu stilurile; bold, italic, underline, un cuvant taiat (<S>).
    Textul sa fie aliniat justify , sa contina cuvinte evidentiate cu diferite fonturi (face-
    min3), marimi (size-min3), culori (color-min3)
    5. Textul sa contina diacritice
    6. In text de inserat 3 imagini in diferite pozitii (pot fi si *.gif)
     Una to left text
     Una to right text
     Una in mijlocul textului, cu textul in jur
    (pana ce nu e obligatoriu efecte la imagini, definind style)
    7. In text de inserat o lista <ul> cu enumerarea unor denumiri(de ex. O lista de
    magazine on-line, sau o lista de produse ce doresti sa le procuri)
    8. Mai jos de de text, inserati o tabelea fara border si in ea scrieti o poezie de George
    Cosbuc din min 12 strofe, aliniate in 3 coloane. Strofele sa fie catrene, cu rinduri
    scurte, aliniate in celulele tabelului left, cite una in celula. Denumirea poeziei o
    scrieti cu ajutorul tag-ului <caption> mai sus de tabel
    9. La denumirea temei si a poeziei puteti face marquee, ca textul sa se miste pe ecran,
    in ce mod doresti.
    10.Sub poezie de inserat 5 linii <hr> de diferite culori, lungimi, grosimi, o aplasare
    scarita, sau cum doresti tu. Puteti folosi o linie default ca lungime si grosime,
    punand numai culoarea
    11.Mai jos de lini inserati va rog o lista de definitii <dl> si definiti urmatoarele notiuni
    <dt>:
     Notiunea de sir numeric
     Notiunea de sir convergent
     Notiune de functie continua intr-un punct
     Teorema lui Lagranj
     Notiunea de pagina WEB
    Va dau definitia paginei WEB, inserati-o intocmai pe pagina voastra
    (Pagina WEB - este un fisier, scris in limbajul HTML (Hypertext Markup Language-
    limbaj pentru inserarea hipertextului) si poate contine informatie propriu zisa: text,
    imagini, liste, tabele, formule matematice ect, precum si referite interioare, sau exterioare
    la alte pagini WEB)

    12. Mai jos inserati un table din 2 linii si 3 coloane cu border=nr, nr>=1:
    I linie, faceti colspan=”3” scrieti denumirea Inserarea listelor, puteti
    folosi animatii
    Pe II linie cu 3 coloane definiti 3 liste:
    - O lista <ol> cu formule matematice(puteri, fractii, radicali,
    derivata unei functii,…)
    - O lista <ul> cu denumiri de companii IT
    - O lista combinata din magazine on-line si lista de produse, ce se
    vand in aceste magazine
    13. La final rubrica personalizata:
    - Numele Prenumele elevului
    - De inserat 2 lincuri externe: de ex: linc la un magazin on-line, sau
    la facebook.com, sau la alta pagina WEB
    - O descriere a cunostintelor tale in HTML
    - Un colaj din min 3 imagini din localitatea proprie, se poate si din
    familie
    - Colajului poti sa-I definesti animatii
    Atentie: insasi sarcina mea contine liste <ol> <ul> - diferite si lista combinata: lista in lista.
    Va straduiti si voi asa

    14. Inserati culoarea fonului pe fondal: culoarea alb- albastru. Va rog fara frame!!!!
    15.Pana ce atat, sarcini mai complicate in lucrarea nr.2
    Indicatii metodice la crearea paginii WEB:
    1. Creati mapa lucrare 1
    2. Cu ajutorul unui editor de text creat fisierul lucrare1 Nume Fam .txt, pe care apoi il
    veti redenumi in *.html
    3. Deschideti fisierul in regim text si inserati urmatoarele tad-uri (etichete)
    <!doctype html> //ca sa lucrati cu versiunea HTML-5
    <html>
    <head> <meta charset="UTF-8"> // ca sa puteti insera diacritice
    <title>Magazin online ex. Miron Raisa //se va numi fereastra html
    </title>
    </head>
    <body>
    ……………………………………………
    </body>
    </html>
    Aceasta e structura de baza a unei pagini WEB. Puteti sa folositi diferite editoare de
    oficiu, care sa va ajute la scrierea textului html. Nu folositi aplicatii, care va ofera
    structuri gata definite
    4. Salvati textul
    5. Deschideti fisierul in doua modalitati: cu google chrome, ca sa vedeti Hipertext-ul si in
    regim text, ca sa puteti insera tag-uri si toata informatia descrisa mai sus
    6. Folosind informatia descrisa de elevul Postaru Cristian in fisierul Limbajul HTML.pdf
    incepeti sa inserati text-ul pe pagina, folosind pentru formatare tagurile: <font>
    <align> <P><PRE><DIV><BR><HR><B><I><U> <S><Center><left> <H1>…
    <H6> si altele
    7. Atentie multe din aceste tag-uri se inchid cand se termina actiunea lor Ex.
    <html>….</html> <body> …. </body> <B>…. </B> <font>….. <font> ect
    8. Multe tag-uri au attribute. De ex. <font> are atributele

    <font face=”den.font” size=”marimea textului, pixeli” color=”den. Sau cod culoare”


    >
    Analog si celelalte tag-uri – vezi conspect
    9. Pentru a alinia textul justify utilizati tag-ul <p align=”jastify”> ……………</p>
    p-inseamna paragraph

    10. Pentru inserarea imaginilor folositi tag-ul:


    <img src=”URL- calea, numele, extensia fisierului grafic”>
    Pentru a nu indica calea, fisierul graphic trebuie pus in folderul curect, fiindca daca se
    schimba folderul, imaginea nu va fi deschisa
    Tag-ul <img> poate avea atributele align, alt(text, daca imaginea nu se deschide), width,
    height(pentru a indica dimensiunile), borger (indicam grosibea chenarului, hspace,
    vspace (definirea distantei dintre imagine si text, in caz ca inseram imaginea in text)
    11. Sunt 4 tipuri de liste, ce putem insera in text:
    <ol> …..</ol> - liste ordonate, unde numerotarea se face cu litere, sau cifre
    <ul> …</ul> - lista neordonata, unde numerotare se face cu semne (bullets)
    <dl> … </dl> - lista pentru a define notiuni
    <dt> scrii denumirea notiunii <dd> o definesti Ex.
    <dl> <font=”den/cod culoare” face=”Times New Roman” size=”3”>
    <dt> <b> Aristotel</b></dt>
    <dd>Denumirea liceului Academiei de Stiinte a Moldovei </dd>
    <dt><U>HTML </U></dt>
    <dd> Hypertext Markup Language- limbaj pentru inserarea hipertextului</dd>
    <dl>
    La inserearea listelor <ol> , <ul> se foloseste tag-ul <li>, care nu e obligatoriu de inchis
    Ex <ol type=”a”> <li> destept
    <li> educat
    <li> responsabil
    </ol> Analog cand cream liste <ul>
    12. Pentru a insera tabele folosim tag-ul <table> ……. </table> , care are urmatoarele
    attribute: border, align, bgcolor, cellspasing , cellpadding, width , height
    <caption> Denumire table </caption> - va scrie denumirea tabelei mai sus de table
    <tr >…. </tr> pentru a crea linii in tabel
    <td>…</td> sau <th> … </th> pentru a crea coloane in rand
    Aceste tad-uri au atributele:
    - Width, height - pentru stabilirea latimei, inaltimei celulei
    - Align, valign - pentru alinierea informatiei in celula
    - Bgcolor –specifica culoarea fondalului cellulelor, iar
    <font color=”den culoare”>- a textului din celula
    - Colspan=”nr” – concatineaza coloane
    - Rowspan=”nr” - concatineaza randuri
    13. Tag-ul <marquee> ….. </marquee> permite miscarea unui text, imagine, sau colaj
    de imagini in diferite moduri pe pagina
    14. <body bgcolor=”den culoare”> - permite sa inseram culoare pe fondalul paginei
    <body background=”den fisier”> -permite inserarea unei imagini pe fondal
    15. <A href=URL> text si/sau imagine </A> - permite inserarea link-urile interne sau
    externe. URL – indica marcajul pe pagina, sau denumirea paginei web externe
    16.<hr> ne permite sa tragem linii implicite, de lungimea paginii, grosime, culoarea
    default Acest tag poate avea atributele align(left, center, right), color(ciloarea liniei),
    size(grosimea liniei) width (lungimea liniei)

    17. Celelalte obtiuni si posibilitati le descoperiti singuri din proiectul atasat Limajul
    HTML si din lucrarea practica attasata Lucrare1 ungurean.html. In lucrare sunt si erori
    de formatare – nu plagiati. Ex.textul Lucian Blaga nu e scris si formatat bine. Fontul
    trebuia sa fie Times New Roman 12 sau 14 si culoarea neagra, si doar unele cuvinte
    formatate cu diferite stiluri, fonturi, culori. Lipseste imagine inserata in text.
    18. Succese!!!!!

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