Jump to content

Welcome to OG-Times.ro - Old memories always the best!
Register now to gain access to all of our features. Once registered and logged in, you will be able to create topics, post replies to existing threads, give reputation to your fellow members, get your own private messenger, post status updates, manage your profile and so much more. If you already have an account, login here - otherwise create an account for free today!

Anunţuri Importante

[ANUNŢ] Update-urile efectuate pe serverele OG-Times le puteti gasi accesand Server Updates.
[ANUNŢ] Blogul OG-Times este online. Va invitam sa il vizitati la adresa blog.og-times.ro.
[IMPORTANT] Sfaturi pentru a nu cadea in plasa celor care fura conturi: click aici.
[IMPORTANT] Aplicatia OG-Guard a fost lansata. Mai multe informatii aici. Recomandam citirea topicului inainte de activarea autentificarii in doi pasi.

Photo

[SERIE] Tutorial HTML - Frame-uri


  • This topic is locked This topic is locked
2 replies to this topic

#1
South qAndrei

South qAndrei

    Advanced Member

  • account_circle
    Premium User
  • I have 78 Posts
  • My id is #13300
  • 07-March 17
  • 3 reputation points
  • qAndrei_

  • Hey, you!
    Wanna be friends?

    First Words
    Tutorial HTML - Frame-uri
    Frame-urile sunt folosite pentru a afisa mai multe documente .html intro fereastra. Aceata inseamna ca vei avea o pagina fara continut, care va avea rolut de a indica browser-ului ce pagini trebuie sa afiseze. Odata cu introducerea PHP si CSS aceasta tehnica a fost inlaturata putin cate putin, ajungand sa se foloseasca foarte putin.
     
    HTML - Frames, Pagina Generica
    In general frame-urile se folosesc pentru a afisa un meniu pe de o parte iar continutul pe de o alta parte. Atunci cand cineva da un clik pe un link din meniu se va deschide o alta pagina in partea de continut. Vom exempifica toate acestea cu ajutorul codului urmator:
    HTML<html>
        <head></head>

        <frameset cols="30%,*">
            <frame src="menu.html">
            <frame src="content.html">
        </frameset>

    </html>
    frameset - Este tagul care stabileste caracteristicile frame-ului. Frame-urile individuale vor fi definite i nauntrul lui.
    frameset cols="#%, *" - "Cols" stabileste inaltime pe care fiecareframe o va avea. In exemplul anterion am stabilit ca primul frame (meniul) va ocupa 30% din suprafata afisata, si am folosit semnul " * " pentru a indica browser-ului ca in restul paginii ramase se va afisa continutul paginii.
    frame src="" - adresa fisierelor care vor fi afisate ca meniu si respectiv continut.
     
    HTML - Frame- Adaugarea unui banner sau Titlu
    Folositi codul urmator:HTML

    <html>
        <head></head>
        
        <frameset rows="20%,*">
            <frame src="title.html">
            <frameset cols="30%,*">
                <frame src="menu.html">
                <frame src="content.html">
            </frameset>
        </frameset>
    </html>

    frameset rows="#%, *"- "rows" stabileste inaltimea fiecarui frame care va fi afisat. In exemplul anterior am ales ca primul frame va fi 20% iar restul de spatiu ramas va fi impartit intre menu.html si content.html.
     
    HTML - Frame - Margine si Spatiere
    Probabil ai observat ca intera frame-uri raman niste linii gri care de multe ori nu sunt dorite. Inlaturarea lor este posibila cu ajutorul frameborder si framespaciing. Aceste atribute vor fi introduse innauntru tag-ului frameset.
     
    **Nota: In realitate frameset si frameborder este acelasi atribut. Exista insa browsere care nu recunosc decat unul dintre cele doua. Deaceia, sfatul nostru, este sa le folositi pe amandoua pentru mai multa siguranta.
     
    frameborder="#" - Valoarea 0 nu reproduce margine.
    border="#"- modifica grosimea marginii. (folosit de netscape)
    framespacing="#" - modifica grosimea marginii (folosit de Internet Explorer)
    Iata si un exemplu practic:
    HTML<html>
        <head></head>

        <frameset border="0" frameborder="0" framespacing="0" rows="20%,*">
            <frame src="title.html">
            <frameset border="0" frameborder="0" framespacing="0" cols="30%,*">
                <frame src="menu.html">
                <frame src="content.html">
            </frameset>
        </frameset>
    </html>
    HTML - "frame name" si "frame target"
    Pentru a menitine meniul in pozitia actuala iar cand executam clic pe pagina de contact de exemplu sa se deschida in locul pagini de continut, vom da un nume fiecarui frame si vom precisa locul unde se va deschide cu ajutorul base target.
     
    Iata si codul pentru pagina noastra
    HTML<html>
        <head>
            <base target="content">
        </head>

        <frameset rows="20%,*">
            <frame name="title" src="title.html">
            <frameset cols="30%,*">
                <frame name="menu" src="menu.html">
                <name="content" src="content.html">    
            </frameset>
        </frameset>
    </html>
     
    Noresize si scrolling
    Frame-ul se mai poate personaliza inca putin folosind atributele neresize si scrolling.
    HTML<html>
        <head></head>
        
        <frameset border="2" frameborder="1" framespacing="2" rows="20%,*">
            <frame src="title.html" noresize scrolling="no">
            <frameset border="4" frameborder="1" framespacing="4" cols="30%,*">
                <frame src="menu.html" scrolling="auto" noresize>
                <frame src="content.html" scrolling="yes" noresize>
            </frameset>
        </frameset>
    </html>
    no resize - nu lasa ca framul sa se redimensioneze in functie de monutorul vizitatorului
    scrolling="(yes/no)"- permite sau nu sroll-ul intr-un frame
    Eu am fost qAndrei , +1 daca v-am fost de ajutor , si vreau sa precizez ca o sa ma implic foarte mult in aceste tutoriale si depun foarte multa munca si as aprecia daca ati da un +1 , multam!

     







    • 1

                                                        zjf8SOE.png

     

                                                VxpSfBN.png
                                                                  VSbbf3h.png
                                                 VxpSfBN.png
     
     
                
                                                 
                   

                                                                   


    #2
    Deli -

    Deli -

      Advanced Member

  • account_circle
    Premium User
  • I have 65 Posts
  • My id is #27373
  • 10-May 18
  • 31 reputation points
  • DeliN1

  • Hey, you!
    Wanna be friends?

    SuperStar

    folositor, thx







    • 0

       kCEiwUh.png

     

     

    Spoiler

    #3
    VladS.DauPentruMaia

    VladS.DauPentruMaia

      Veteran | Moderator IT

  • account_circle
    Moderator IT
  • I have 762 Posts
  • My id is #15129
  • 29-April 17
  • 42 reputation points
  • VladS

  • Hey, you!
    Wanna be friends?

    Word Crusher

    Topic closed, acesta are mai mult de 7 zile vechime.







    • 0

    Retras de pe SA:MP temporar, pana in iunie. Multumesc pentru toate momentele frumoase, cine doreste sa vorbim imi poate da PM pe forum sau sa imi scrie(gasiti datele mele pe profil)

    qlf37Dm.jpg?1aZT1ook.png

    rzBdkZJ.png?1   9nCjKhI.png

    aZ9tAxJ.png

     

    sznC14W.jpg?1

    9EUmPlB.png

    zO8HXAG.png

     

    MxbD424.png - Server fantoma





    0 user(s) are reading this topic

    0 members, 0 guests, 0 anonymous users

    Comunitatea a fost infiintata pe data de 28.12.2015, ora 19:00 cu scopul de a atrage cat mai multi pasionati de gaming.
    Designed by Shady | OG-Times | 2018
    keyboard_arrow_up