Scribd Logo
Upload

Welcome to Scribd!

  • Curs 4

    Uploaded by

    dex80
    12 views19 pages

    Copyright

    © Attribution Non-Commercial (BY-NC)

    Available Formats

    PPT, PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document

    Copyright:

    Attribution Non-Commercial (BY-NC)
    Download as PPT, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    12 views19 pages

    Curs 4

    Uploaded by

    dex80

    Copyright:

    Attribution Non-Commercial (BY-NC)
    Download as PPT, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    of 19

    CURS 4

    Leg turi

    Legaturi
     Pentru a realizarea unei leg turi se utilizeaz etichetele <a> i </a> i

    atributul href care ia ca valoare adresa URL a fi ierului solicitat.  Eticheta <a> poate avea urm toarele atribute:
       

    href indic URL-ul fi ierului. Adresa poate fi absolut sau relativ . type indic tipul fi ierului ( .html, audio, video etc. ) title furnizeaz o scurt descriere a fi ierului. target precizeaz fereastra n care va fi nc rcat fi ierul. Acest atribut accept urm toarele valori:
      

    "_blank" : fi ierul se ncarc ntr-o nou fereastr, f r nume "_self" : fi ierul se ncarc n fereastra curent "_top" : fi ierul se ncarc n ntreaga fereastr a navigatorului, nemp r it n cadre "_parent": fi ierul se ncarc n fereastra ce e p rintele ferestrei care con ine linkul

     

    name marcheaz destina ia leg turii. Folosit, de obicei, pentru navigarea n cadrul aceleia i pagini. accesskey ia o valoare care este un caracter. Link-ul poate fi accesat ap snd simultan tasta "Alt" i tasta corespunz toare caracterului respectiv.

    Leg turi ntre pagini aflate n acela i director


     O legatur de la o pagin c tre o alt pagin

    aflat n acela i director se realizeaz cu ajutorul etichetei <a> i atributul href, care ia ca valoare numele fi ierului HTML.

    Exemplul 36
    <html> <head> <title>Exemplul 59</title> </head> <body> <a href=imagine.html>Legatura catre o pagina care contine o imagine</a> </body> </html>

    Comutarea ntre dou pagini


    Exemplul 37
    <html> <head> <title>Exemplul 60</title> </head> <body> <hr> <a href=Pagina2.html>Legatura catre pagina 2</a> <hr> </body> </html>

    Comutarea ntre dou pagini


    <html> <head> <title>Exemplul 60</title> </head> <body> <hr> <a href=Pagina1.html>Legatura catre pagina 1</a> <hr> </body> </html>

    Leg turi ntre pagini aflate pe acela i disc local


     O legatur de la o pagin c tre o alt pagin

    aflat n acela i disc local, dat ntr-un al director, se realizeaz cu ajutorul etichetei <a> i atributul href, care ia ca valoare adresa relativ a fi ierului.

    Exemplul 38
    <html> <head> <title>Exemplul 61</title> </head> <body> <hr> <a href= C:\Fisiere HTML\Pagina2.html> Legatura catre pagina 2</a><hr> </body> </html

    O leg tura c tre un site particular


    Exemplul 39
    <html> <head> <title>Exemplul 62</title> </head> <body> <hr> <a href=http://www.uav.ro> Universitatea Aurel Vlaicu</a> <hr> </body> </html>

    Imagini utilizate ca leg turi


    Exemplul 40
    <html> <head> <title>Exemplul 63</title> </head> <body> Zona active este imaginea de mai jos <hr> <a href= Pagina2.html><img src=globe.gif></a> <hr> </body> </html>

    Leg turi c tre fi iere oarecare


    Exemplul 41
    <html> <head><title>Exemplul 64</title></head> <body> <hr> <a href= Ani-html.doc>Link catre un fisier Word</a> <hr> </body> </html>

    Ancore
     ntr-o pagin foarte lung pot exista puncte de reper c tre care se

    definesc legaturi.  Pentru a defini ancora se utilizeaz eticheta <a> avnd atributul name care are ca valoare nume_ancor .  Pentru a insera o leg tura c tre ancor definit n aceea i pagin , se utilizeaz etichetele <a> i </a> avnd atributul href care are ca valoarea #nume_ancor .  Pentru a introduce o leg tur c tre o ancor definit n alt pagin aflat n acela i director, atributul href are o valoare de forma nume_fisier.html#nume_ancora.

    Exemplul 42
    <html> <head><title>Exemplul 65</title></head> <body> <hr> <a href=#ancora1>Ancora catre capitolul 11</a> Capitolul 1<br> Capitolul 2<br> Capitolul 3<br> Capitolul 4<br> Capitolul 5<br> Capitolul 6<br> Capitolul 7<br> Capitolul 8<br> Capitolul 9<br> Capitolul 10<br> <a name=ancora1>Capitolul 11<br> Capitolul 12 <hr> </body> </html>

    H r i de imagini
     H r ile de imagini permit declararea unor zone din imagine ca

    leg turi c tre alte pagini web. Crearea unei h rti de imagini se face n dou etape: 1. Imaginea este declarat ca fiind hart de imagini. Pentru aceasta se utilizeaz eticheta <img> care cuprinde urm toarele atribute:
     

    src care are ca valoare adresa fi ierului imagine usemap are valoarea de forma #nume care este utilizat n interiorul blocului de etichete <map>...</map> definite la punctul 2.

    2. Definirea hartii se face n interiorul blocului de etichete <map>...</map> cu atributul obligatoriu name, avnd aceea i valoare ca la usemap din <img>. O hart este format din mai multe zone.

     Fiecare zon este introdus prin eticheta <area> cu

    urm toarele trei atribute obligatorii:  shape determin forma zonei active i poate lua una din urm toarele valori:
       

    rect pentru zone de form dreptunghiular , circle pentru zone de form circular , poly pentru zone de form poligonal , default pentru zone de alte forme diferite de cele de mai sus.

     

    coords determin coordonatele zonei; href are ca valoare adresa paginii destina ie a leg turii;

     Eticheta <area> mai poate avea atributele:


    

    alt are ca valoare o scurt descriere a legaturii c tre care indic butonul; title permite inserarea n pagin a unei mici ferestre care con ine o mic descriere a leg turii i care apare numai la trecerea cu mouse-ul pe deasupra zonei active.

    Stabilirea coordonatelor zonei active


     Coordonatele zonelor active se stabilesc printr-un

    sistem de coordonate rectangular cu originea n col ul dreapta sus al imaginii, iar drept unitate de masur se foloseste pixelul.
    

    Coordonatele unei zone dreptunghiulare sunt determinate de vrfurile stnga sus (x1, y1) si dreapta jos (x2, y2). n acest caz atributul coords ia valoarea "x1, y1, x2, y2". n cazul unui zone circulare coordonatele sunt determinate de pozi ionarea centrului cercului (x, y) n raport cu originea imaginii i raza cercului R. n acest caz atributul coords ia valoarea "x,y,R". Zona poligonal este determinat prin coordonatele tuturor vrfurilor (x1, y1, x2, y2, x3, y3, etc) i are urm toarea form : coords="x1, y1, x2, y2, x3, y3,...".

    Cum determin m coordonatele unui punct?


     O metod pentru a determina coordonatele unui

    punct ar fi deschiderea imaginii ntr-un editor grafic (Paint). Dac mouse-ul se afl deasupra imaginii, atunci n col ul din dreapta jos sunt afi ate coordonatele punctului respectiv.

    Exemplul 43
    <html> <head> <title>Exemplul 10</title> </head> <body> <b>Harti de imagini</b><p> <img src="globe.gif" usemap="#harta" width="200" height="200" border="0"> <map name="harta"> <area shape="rect" coords="55,16,92,80" href="Exemplul 44.html"> <area shape="circle" coords="140,80,25" href="Exemplul 22.html"> <area shape="poly" coords="25,39,73,121,96,194,12,136 href="pag3.html"> </map> </body> </html>

    You might also like