1 / 10

C adre(Frame-uri)

C adre(Frame-uri). C adre. c u ajutorul cadrelor putem î mp ă r ţ i o pagin ă web î n mai multe zone, iar apoi putem stabili ce pagin ă va fi afi ş at ă î n fiecare zon ă

oleg-grant
Download Presentation

C adre(Frame-uri)

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Cadre(Frame-uri) Opţional Informatică-Culori, Linkuri, Titluri Grupul Şcolar "Ion Nistor"

  2. Cadre • cu ajutorul cadrelor putem împărţi o pagină web în mai multe zone, iar apoi putem stabili ce pagină va fi afişatăîn fiecare zonă • pentru a împărţi o pagină web în maimulte cadre, trebuie săfolosim, înainte de tag-ul <body>, tag-ul <frameset> însoţit de unuldintreatributele <cols> sau <rows>, pentru a defini exact cum vafiîmpărţităpaginarespectivă • tagul <frameset> este tag pereche Opţional Informatică-Culori, Linkuri, Titluri Grupul Şcolar "Ion Nistor"

  3. Cadre • pentru a împărţipaginaîn două cadre orizontalevomfolosiurmătoarealinie de cod: <frameset rows="70%,*"> • pentru a definifiecare cadru avem tagul <frame> • tagul <frame> este tag nepereche • se folosescprocentepentru a defini mărimea rândurilorsau a coloanelor care vor forma cadrele. • în exemplul de maisus, primulcadrulvaavea 70% din înălţimeapaginii, iar al doileacadrurestul, adică "*" sau 30%. Opţional Informatică-Culori, Linkuri, Titluri Grupul Şcolar "Ion Nistor"

  4. Cadre frameset rows="70%,*"> <frame> <frame> </frameset> 70% 30% Opţional Informatică-Culori, Linkuri, Titluri Grupul Şcolar "Ion Nistor"

  5. Cadre <frameset rows="70%,*"> <frame> <frameset cols="50%,*"> <frame> <frame> </frameset> </frameset> 70% 30% 50% 50% Opţional Informatică-Culori, Linkuri, Titluri Grupul Şcolar "Ion Nistor"

  6. Cadre Principalulatribut al tag-ului <FRAME> este SRC, cu ajutorul căruiaindicăm sursacadrului. <frame src="numelepaginii.html"> sau <frame src=“adresapaginii"> Opţional Informatică-Culori, Linkuri, Titluri Grupul Şcolar "Ion Nistor"

  7. Atribute Pentrutagulframeset • bordercolor- culoareabordurii • border - grosimeabordurii(implicit 5) • frameborder- yes/no(1/0)- stabilesteaparitiabordurii Pentrutagulframe • noresize - blocheazaredimensionareacadrului • scrolling - yes - bara de defilareactiva - no - bara de defilare nu estedisponibila - auto – bara de defilareaparecandestenecesar Opţional Informatică-Culori, Linkuri, Titluri Grupul Şcolar "Ion Nistor"

  8. Opţional Informatică-Culori, Linkuri, Titluri Grupul Şcolar "Ion Nistor"

  9. Titluri(Headings) • tagurilepentrutitlurişi subtitluri sunt <h1>, <h2>, <h3> ......<h6> • atunci când se plasează un text într-un tag <h...>, textulvafiafişat îngroşat, iardimensiunealitereivafidată de numărul heading-ului. • titlurile pot aveadimensiuni de la de la 1 la 6,unde 1 esteceamai mare dimensiuneşirepectiv 6, ceamaimică. Opţional Informatică-Culori, Linkuri, Titluri Grupul Şcolar "Ion Nistor"

  10. Titluri(Headings) <body> <h1>Titlu 1</h1> <h2>Titlu 2</h2> <h3>Titlu 3</h3> <h4>Titlu 4</h4> <h5>Titlu 5</h5> <h6>Titlu 6</h6> </body> Opţional Informatică-Culori, Linkuri, Titluri Grupul Şcolar "Ion Nistor"

More Related