Scribd Logo
Încărcați

Bine ați venit la Scribd!

  • Informatica

    Încărcat de

    Sergiu Bacalu
    8 vizualizări3 pagini
    red2

    Titlu original

    informatica

    Drepturi de autor

    © Attribution Non-Commercial (BY-NC)

    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
    red2

    Drepturi de autor:

    Attribution Non-Commercial (BY-NC)
    Descărcați ca PDF, TXT sau citiți online pe Scribd
    Indicator pentru conținut neadecvat
    8 vizualizări3 pagini

    Informatica

    Încărcat de

    Sergiu Bacalu
    red2

    Drepturi de autor:

    Attribution Non-Commercial (BY-NC)
    Descărcați ca PDF, TXT sau citiți online pe Scribd
    Indicator pentru conținut neadecvat
    din 3

    Not:

    Browser-ele

    moderne

    nu

    au

    aceast

    problem,

    adic

    10.2.

    Exemple de ferestre cu diverse cadre 10.2.1. Fereastr cu doua cadre

    accept ncrcarea i afirea ferestrelor care conin cadre.

    lO.l.Frame-uri n H T M L 10.1.1. Elemente ale cadrelor D u p c u m a m m e n i o n a t f e r e s t r e l e s u n t d e f i n i t e ntr -un fiier H T M L s p e c i a l , n c a r e b l o c u l < b o d y > ... < / b o d y > este n l o c u i t d e b l o c u l < f r a m e s e t > ... < / f r a m e s c t > . I n i n t e r i o r u l a c e s t u i b l o c , f i e c a r e c a d r u e s t e introdus prin eticheta <frame>. src, care HTML Un care atribut ca fi va obligatoriu valoare ncrcat n al etichetei URL a frame. <frame> este documentului primete adresa acel

    Exemplu: fereastr cu individual,

    Elaborm o pagin Web care conine o dou cadre, fiierul conform cu algoritmului de lucru cadre.html n u m e l e fereastra

    salvnd

    (Figura 10.1).
    !<html> <head> < t i t l e > fereastra cu d o u a cadre</titlc> </head> <frameset c o l s = <frame src = r i m a g i n c 2 . h t m l "> <frame src = "imagine").html"> ,</frameset> b) R e z u l t a t u l </html>
    ;

    t^VW_mciAC-HERMAN>rtML

    -.;

    ,.v.

    int'e-iwi

    J care conine imagine si text

    0 pagina care conine o imagine.

    D e f i n i r e a c a d r e l o r se Exemplu: cols

    face p r i n m p r i r e a f e r e s t r e l o r (i a = 200, *, 50%, * nseamn o

    s u b f e r e s t r e l o r ) n linii i c o l o a n e : m p r i r e n 4 s u b f e r e s t r e , d i n t r e c a r e p r i m a a r e 2 0 0 pixeli, a treia ocup j u m t a t e din spaiul total disponibil, i a patra Exemplu: ocup cols n = mod 200, egal 1*, restul 50%, de 2* disponibil. nseamn o m p r i r e n 4 subferestre, i a patra ocup care se n d i n t r e c a r e p r i m a a r c 2 0 0 pixeli, egal n restul trei de spaiu egale, a rmas doua iar a doua rmas spaiu

    a) Codul H T M L Figura 10.1. Codul HTML f i i e r u l u i fereastra_cadrc.html i afiarea

    a t r e i a o c u p j u m t a t e d i n s p a i u l t o t a l d i s p o n i b i l iar a doua mod disponibil, Note: - dac mai m u l t e e l e m e n t e din cu *, atunci spaiul disponibil mpri n mod egal. - o s u b f e r e a s t r p o a t e fi un c a d r u ( f o l o s i n d <frame^} n care se va la ncrca rndul un ei document la alte HTML sau poate (folosi ^ mprit subfereste list s u n t configurate pentru ele se
    va

    cu browser-ul curent

    mparte

    pri

    f e r e a s t r o c u p n d o p a r t e , iar a p a t r a o c u p n d 2 p r i .

    1 0 . 2 . 2 . F e r e a s t r c u trei c a d r e In e x e m p l u l u r m t o r e s t e c r e a t o p a g i n W e b cu trei cadre o r i z o n t a l e . P e n t r u a l d o i l e a c a d r u v a l o a r e a a t r i b u t u l u i


    S r c

    rmas

    este a d r e s a U R L a u n e i i m a g i n i . Exemplu: Elaborm fiierul fereastra o pagin Web cu trei cadre 3cadre. html ( F i g u r a 10.2).

    'antale

    <framesct>).

    <html> |head> <h-tml> <head> cadre </head> <frameset <frame "a.html"> <frame <frame src src Un formular cu un cmp de editare inultilinic
    Computei | Pcotetttd Modei OH ">A *
    hfc Edi

    <title>
    il.rd vmij.hl ><
    III . - 4 1 ! ;

    <title> trei </title> rows src =

    pagina W e b cu patru
    r- I S*e.metACHERMAN-.

    IJiik rutic vlie-iil f b w j . .

    f e r e a s t r a cu

    p d r e egale </titlc> </heud : Icframeset r o w s = I* *" col s " * , * "> kframe src = "tabel chenar.html">
    ; v:

    = "100,*,!0%">

    i Un formular cu casele i chcckbox

    <framc src Preferina cframe src ltera.jpg "> <framc src

    sitc.html">

    "harta.gif"> "tcxtarc.html"> </framesct> </html>

    b) R e z u l t a t u l

    FformuIar9.html "> </framcset> </html B) Codul , HTML cu browser-ul curent Figura 1 0 . 3 . C o d u l H T M L f i i e r u l u i fereastra_4cadre.html i a f i a r e a

    b) R e z u l t a t u l a) Codul H T M L F i g u r a 1 0 . 2 . C o d u l H T M L f i i e r u l u i f c r e a s t r a _ 3 c a d r e . h t m l i afiarea] cu browscr-ul curent

    10.2.3. F e r e a s t r c u p a t r u c a d r e n e x e m p l u l u r m t o r e s t e c r e a t o m a t r i c e dc 4 cadre (2 x 2 ) . P e n t r u a r e a l i z a a c e s t l u c r u , se f o l o s e s c simultan cele d o u a t r i b u t e c o l s i r o w s . Exemplu: conform cu Elaborm algoritmului o pagin de lucru Web cu patru 10.3). cadre egale, liierul individual, (Figura salvnd

    10.2.4. Fereastr cu cadre mixte n e x e m p l u l u r m t o r e s t e c r e a t o p a g i n W e b cu tre cadre m i x t e . P e n t r u a o c r e a se p r o c e d e a z a s t f e l . M a i nti pagina dup este care mprit a doua n dou subferestre este de tip n coloan dou subfereastr mprit cadre salvnd 10.3).

    subferestre de t i p linie. Exemplu: conform cu E l a b o r m o p a g i n cu de cadre lucru individual, mixte, fiierul algoritmului numele

    numele

    fereastra_4cadre.html

    mixte.html ( F i g u r a

    164

    <html> <hcad> cu </title> <iitle> mixte </head> pagina cadre


    ; K<a (a*i Uf* d
    mtvUKWt

    jjorit de p i x e l i . V a l o a r e a p r e s t a b i l i t a a t r i b u t u l u i b o r d e r pixeli. e S t c de 5 O v a l o a r e de 0 pixeli va defini un c a d r u fr c h e n a r . 10.3.2. Fereastr cu chenare diferite ale cadrelor Exemplu: dimensiuni algoritmului de Elaborm lucru o pagin care conine fiierul cu culori i diferite pentru (Figura chenarele salvnd 10.5). cadrelor, conform numele

    <framcsct cols "20%,*"> <f'rame s r c =

    "tabel_celule.html"> <frameset rows = "* *">

    individual,

    fereastra __cadre.html
    <html> : b) Rezultatul

    <frame src =
    " c u l o r i i in euri.html "> < f r a m e src "ghiocci.jpg"> </frameset> </frameset> </html>
    a) Codul H T M L

    <hcad> < t i t l e > C u l o r i p e n t r u chenarele c a d r e l o r i dimensionarea c h e n a r u l u i cadru < / t i t l e > < / h e a d > <framcsei c o l s = " 2 0 % , * " bordercolor = " g r e e n " b o r d e r = il5"> unui

    O
    CM

    paginii

    re

    conine imagine si
    txt

    V n r . . i i u l i i , | i s l t , , | ( . s*Wtle i s e l t c f t i nuiIripU-

    on|i

    O I i s t n o r d o n a t a d * list,- o r d o n a t e s i n i ' i i t ( l o t u t t c

    Figura

    10.3

    Codu

    UIMI.

    fiierului

    cadre,

    mixte.html

    afiarea

    <framc src = " i m a g i n e 2 . h t m l " > <framesei r o w s = " * , * " > <frame src = " f o r m u l a r 3 . h t m l " bordercolor </framesei </html>
    a

    browser-ul curent

    b) Rezultatul

    10.3.

    Chenare pentru cadre 10.3.1. Dimensionri i culori pentru chenarele

    "blue">

    <framc

    src = " l i s t a _ i . h t m i " >

    cad relor Pentru utilizeaz valoare un a stabili de culoarea culoare de chenarului Acest sau o culoare culoa RGB. unui cadruW atributul nume cu bordercolor. modelul atribut primete definit^B Atributul

    ' Codul 111 M l , Figura in i. C o d u l H T M L fiierul

    aiformular2.html

    afiarea

    cu

    browser-ul curent

    conformitate

    "0" are
    v
    a

    P e n t r u a o b i n e c a d r e fr c h e n a r s e u t i l i z e a z b o r d e r
    p r e s t a b i l i t 001

    b o r d e r c o l o r p o a t e fi a t a a t a t t e t i c h e t e i < f r a m e s e t > pcntrfl a s t a b i l i c u l o a r e a t u t u r o r c h e n a r e l o r c a d r e l o r i n c l u s e , ct admi e t i c h e t e i p e n t r u a s t a b i l i c u l o a r e a c h e n a r u l u i p e n t r u un c individual. Atributul border al etichetei <frameset> per
    (d ez mite

    ' c h e n a r u l u n u i c a d r u e s t e afiat i Afiarea chenarului unui cadru s e


    atr U t i H z e a z

    Poate'd

    t n d i m c n s i o n a L

    aloare^ r
    A c e s t

    aC

    Va

    ibutul

    f r a m e b o r d e r cu

    c o n f i g u r a r e a l i m i i c h e n a r e l o r t u t u r o r c a d r e l o r la un nufl1

    atribut poate fi ataat att etichetei <frameset>


    f i i n d

    '

    V a r c a

    valabil pentru toate cadrele


    167

    i n c l u s e ) ct

    166

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