Scribd Logo
Încărcați

Bine ați venit la Scribd!

  • Cadresiferestre

    Încărcat de

    Grosu Elena
    8 vizualizări4 pagini
    cadre

    Titlu original

    cadresiferestre

    Drepturi de autor

    © © All Rights Reserved

    Formate disponibile

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

    Vi se pare util acest document?

    Este necorespunzător acest conținut?

    Raportați acest document
    cadre

    Drepturi de autor:

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

    Cadresiferestre

    Încărcat de

    Grosu Elena
    cadre

    Drepturi de autor:

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

    Grupul Scolar Voievodul Gelu” – Zalau

    Profesor: Ciupe Carmen


    ITAC
    Proiect de activitate didactica
    Data:
    Numele: Ciupe Carmen
    Clasa: a XII-a E, H,I

    Tema: Cadre sau subferestre

    Competente specifice:
    - Definirea notiunii de cadru;
    - Enumerarea modalitatilor de definire a cadrelor;
    - Realizarea unei aplicatii folosind cadre sau subferestre

    Metode: conversatia, observatia, exercitiul, exemplificarea, repetitia,

    Mijloace de invatare: calculatorul, tabla, creta colorata, Internet explorer;

    Metode de evaluare: observatia sistematica, aplicatii practice

    Bibliografie: HTML prin exemple Ed. Teora - Teodoru Gugoiu;


    Crearea paginilor web – Ed. Teora – Ned Snell

    Evaluarea lectiei:
    1. Definirea notiunii de care sau subferestre;
    2. Care sunt modurile de impartire ale ferestrei bowserului?
    Grupul Scolar Voievodul Gelu” – Zalau
    Profesor: Ciupe Carmen
    ITAC

    Cadre sau subferestre

    Pana in acest moment in fereastra browserului era incarcat un singur document Html. Cadrele
    ne permit sa definim in fereastra browserului subferestre in care sa fie incarcate documentele html
    diferite.
    Cadrele sunt definite intr-un fisier Html special, in care blocul <body>…</body> este inlocui
    cu blocul <fremeset>…</fremeset> . In interiorul acestui bloc, fiecare cadru este introdus prin
    eticheta <frame>. Un atribut obligatoriu al etichetei <frame> este src care primeste ca valoare adresa
    URL a documentului Html care va fi incarcat in acest frame.
    Definirea cadrelor se face din aproape in aproape, prin impartirea ferestrelor (si a
    subferestrelor) in linii si coloane:
    - impartirea unei ferestre intr-un numar de subferestre de tip coloana se face cu ajutorul atrinutului
    cols al etichetei <frameset> ce descrie acea fereastra;
    - impartirea unui ferestre intr-un numar de subferestre de tip linie se face cu ajutorul atributului
    rows al etichetei <freneset> ce descrie acea fereastra;
    - Valoarea atributelor cols si rows este o lista de elmente (pentru fiecare subfereastra cate un
    element) separate prin virgula, care descriu modul in care se face impartirea.
    Elemetele listei pot fi:
    - Un numarintreg de pixeli;
    - Procente din dimensiunea ferestrei (numar intre 1 si 99 terminat cu %);
    - n*, care inseamna n parti din spatiul ramas.
    Exemplu 1: 200,*,50%,* inseamna in 4 subferestre, dintre care prima are 200 de pixeli, a treia ocupa
    jumatate din spatiul total disponibil, iar a doua si a patra ocupa in mod egal restul de spatiu ramas
    disponibil.
    Exemplul 2: 200, 1*,50%,2* inseamna o impartire in 4 subferestre, dintre care prima are 200 de
    pixeli, a treia ocupa jumatate din spatiul total disponibil, a doua si a patra foloseste restul spatiului
    ramas disponibil, care se imparte in trei parti egale, a doua fereastra ocupand o parte, iar a para
    fereastra 2 parti.
    Aplicatie:
    <html>
    <head>
    <title>
    exemplu cadre
    </title>
    Grupul Scolar Voievodul Gelu” – Zalau
    Profesor: Ciupe Carmen
    ITAC
    </head>
    <fremeset cols=”*,*”>
    <frame src=”p1.html”>
    <Frame src=”p2.html”>
    </fremeset>
    </html>
    (<html>
    <head>
    <title>cadre</title>
    </head>
    <frameset cols="*,*">
    <frame src="p1.html">
    <frame src="p2.html">
    </frameset>
    </html>)
    Aplicatie 2: In aceasta aplicatie este creata o pagina web cu trei cadre orizontale. Pentru al doilea
    cadru valoarea atributului src este adresa URL(imagine) a unei pagini.
    <html>
    <head>
    <title>
    exemplu cadrre 2
    </title>
    </head>
    <fremeset rows=”100,*,10%”>
    <frame src=”p1.html”>
    <frame src=”imagine.jpg”>
    <Frame src=”p3.html”>
    </fremeset>
    </html>
    Aplicatie 3: In exemplul urmator este creata o matrice de 4 cadre (2x2). Pentru a realiza acest lucru,
    se foloseste similar cele doua atribute cols si rows
    <html>
    <head>
    <title>
    exemplu cadrre 3
    </title>
    Grupul Scolar Voievodul Gelu” – Zalau
    Profesor: Ciupe Carmen
    ITAC
    </head>
    <fremeset rows=”*,*” cols=”*,*”>
    <frame src=”p1.html”>
    <frame src=”p2.html”>
    <Frame src=”p3.html”>
    <frame src=”p4.html”>
    </fremeset>
    </html>

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