Laste ned presentasjonen
Presentasjon lastes. Vennligst vent
1
Linkuri, Harti de imagini, Cadre, Stiluri
2
Linkuri Link-urile sunt elemente HTML cu ajutorul carora putem deschide alte pagini, sari de la un document la altul sau la alt site. Forma generala pentru crearea unui link este urmatoarea: <a href="url" title="Titlulink">Nume</a>
3
Linkuri a este tagul specific pentru crearea linkurilor
href este atributul care indica adresa linkului url este adresa link-ului (a paginii care va fi deschisa). De exemplu title este atributul prin care se da un titlu link-ului (un text ascuns, care apare numai cand este pozitionat mouse-ul deasupra link-ului) Titlu link este textul ascuns care apare cand este pozitionat mouse-ul deasupra link-ului
4
Linkuri Nume este textul care va aparea in browser si pe care trebuie dat click cu mouse-ul. In loc de acest text se poate folosi si o imagine, astfel "Nume" va fi inlocuit cu <img src="nume_imagine.extensie"> Cand documentul este alcatuit din mai multe cadre se foloseste si atributul target.
5
Tipuri de linkuri Link-uri externe:
Catre pagini ale aceluiasi site. Pentru acestea URL-ul poate sa nu includa si domeniul site-ului, cum ar fi " ci se poate folosi doar cale in directoare, numele si extensia documentului la care se face saltul. Exemplu:- daca documentul tinta se afla in acelasi director cu fisierul in care se scrie link-ul, codul va fi scris asa: <a href="nume_fisier.extensie" title="Titlulink">Nume</a>
6
Tipuri de linkuri - daca documentul tinta se afla intr-un director anterior celui in care se afla fisierul in care se scrie link-ul, codul va fi scris asa: <a href="../nume_fisier.extensie" title="Titlu link">Nume</a> - daca documentul tinta se afla intr-un director din cel care se afla fisierul in care se scrie link-ul, codul va fi scris asa: <a href="director/nume_fisier.extensie" title="Titlu link">Nume</a>
7
Tipuri de linkuri Link-uri externe câtre alte site-uri. Aici, adresa URL din link trebuie sa contina si domeniul (numele site-ului) paginii tinta, codul HTML se va scrie, de exemplu, asa:<a href=" title="Titlu link">Nume</a>
8
Link-uri interne - sunt link-uri câtre alte texte din aceeasi pagina
Link-uri interne - sunt link-uri câtre alte texte din aceeasi pagina. Se folosesc când pagina respectiva este lunga si e nevoie sa se sara spre anumite texte din pagina In locul unde vrem sa fie link-ul (acolo unde o sa dam click pentru a face saltul câtre textul ales), se scrie urmatorul cod: <a href="#cuvant">Nume</a>
9
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>
10
Tagul <map> <map name=“nume”>
<area shape=“?” coords=“?” href=“?” /> … </map>
11
Atributul shape Valori: “rect” “circle” “poly” “default”
12
Atributul coords coords=“100,200,200,400” Se dau in pixeli
(0,0) = coltul stanga sus
13
Image Maps: diverse Alte atribute ale lui <area> Title=“text”
Suprapunerea zonelor active
14
Cadre Permit afisarea mai multor documente html in ferestre diferite
In loc de <body> … </body> <frameset …> <frame src=“?” /> … </frameset>
15
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 *
16
Frameset Etichetele <frameset> pot fi imbricate
17
Atribute pentru frameset si frame
bordercolor (frameset, frame) border (frameset) frameborder (frameset, frame) scrolling (frame) noresize (frame)
18
Cadre in-line <iframe> … </iframe>
Mosteneste atribute de la <frameset>, <frame>, <img>
19
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=“…” />
20
Valori “magice” pentru target
_self (in cadrul curent) _blank (fereastra noua) _parent (cadrul parinte) _top (fereastra principala a browser-ului)
21
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” />
22
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}
23
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
24
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
25
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” />
26
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
Liknende presentasjoner
