Download presentation
Presentation is loading. Please wait.
1
Harti de imagini, Cadre, Stiluri
2
Image Maps Permit ca diferite zone ale unei imagini sa fie definite ca legaturi catre diferite obiecte Se definesc prin: Atributul usemap al tagului <img> (usemap=“#nume_harta”) Tagul <map> … </map>
3
Tagul <map> <map name=“nume”>
<area shape=“?” coords=“?” href=“?” /> … </map>
4
Atributul shape Valori: “rect” “circle” “poly” “default”
5
Atributul coords coords=“100,200,200,400” Se dau in pixeli
(0,0) = coltul stanga sus
6
Image Maps: diverse Alte atribute ale lui <area> Title=“text”
Suprapunerea zonelor active
7
Cadre Permit afisarea mai multor documente html in ferestre diferite
In loc de <body> … </body> <frameset …> <frame src=“?” /> … </frameset>
8
Frameset Impartirea pe verticala se face prin atributul cols
Impartirea pe orizontala se face prin atributul rows Valori pt. cols si rows: nr. intreg de pixeli procente din fereastra parinte n* sau *
9
Frameset Etichetele <frameset> pot fi imbricate
10
Atribute pentru frameset si frame
bordercolor (frameset, frame) border (frameset) frameborder (frameset, frame) scrolling (frame) noresize (frame)
11
Cadre in-line <iframe> … </iframe>
Mosteneste atribute de la <frameset>, <frame>, <img>
12
Atributul target Este un atribut al tagului <a> si permite selectarea ferestrei, cadrului unde va fi afista legatura <a href=“…” target=“cadrul2”> … </a> … <frame name=“cadrul2” src=“…” />
13
Valori “magice” pentru target
_self (in cadrul curent) _blank (fereastra noua) _parent (cadrul parinte) _top (fereastra principala a browser-ului)
14
Stiluri Grupeaza diverse atribute pt. Diferite obiecte (taguri) in special text Sintaxa: CSS (Cascading Style Sheets) JavaScript Sintaxa se specifica cu <meta http-equiv=“content-style-type” content=“text/css” />
15
Stiluri dedicate Se pun in <head> <style>
selecor descriere </style> selector – un nume de tag descriere – {atribut:valoare; atr:val} h1 {text-align:center; color:red}
16
Clase de stiluri Permit definirea unui stil si folosirea lui doar la cerere .nume_stil { … } Un tag care vrea sa foloseasca acest stil trebuie sa aiba un atribut class a carui valoare sa fie numele stilului
17
Stiluri in-line Sunt definete chiar in tagul care le folosete cu ajutorul atributului style Valoarea lui style este definitia stilului care in loc de acolade este cuprinsa intre ghilimele
18
Stiluri definite in fisiere externe
Se pune intr-un fisier cu extensia css definitia stilului ca in blocul <style> (dar fara <style>) In <head> <link rel=“stylesheet” href=“fisier.css” type=“text/css” />
19
Prioritatea stilurilor
Numai pt atributele ce intra in conflict Stiluri in-line Stiluri din blocul <style>, are prioritate stilul cel mai recent definit Stiluri din fisiere externe, are prioritate stilul cel mai recent definit Stilul default
Similar presentations
