Obiecte, imagini și aplicații în documente în format html

13.1 Introducere în obiecte, imagini și aplicații

Un nou element OBJECT. Astfel, se subînțelege anumite sarcini efectuate de elementele existente. Luați în considerare următoarea clasificare a funcțiilor:

Un alt document HTML

Se poate observa din tabel că fiecare tip de includere are o soluție concretă și generală. Un element comun OBJECT servește drept soluție pentru utilizarea în viitor a unor posibile tipuri de dispozitive.

13.2 Activarea imaginii: elementul IMG

Definirea atributului src = uri [CT] Acest atribut specifică locația imaginii. Exemple de formate recunoscute pe scară largă sunt GIF, JPEG și PNG. longdesc = uri [CT] Acest atribut specifică o referință la o descriere lungă a imaginii. Această descriere ar trebui să completeze scurta descriere dată de atributul alt. Dacă o hartă de navigare este asociată cu imaginea. acest atribut ar trebui să conțină informații despre conținutul său. Acest lucru este important în special pentru hărțile de navigare de pe server.

În exemplul de mai sus, am definit un link către o fotografie de familie. Aici vom insera fotografia direct în documentul curent:

Același efect poate fi obținut cu elementul OBJECT după cum urmează:

Atributul alt specifică textul alternativ care este generat dacă imaginea nu poate fi afișată (vedeți mai jos pentru informații despre specificarea textului alternativ.) Agenții utilizatorilor trebuie să genereze text alternativ dacă nu acceptă imaginea dacă nu acceptă un anumit tip de imagine sau dacă sunt configurați să nu emită imagini.

Următorul exemplu arată cum puteți utiliza atributul longdesc pentru a trimite o descriere mai detaliată:

Pentru informații despre dimensiunea imaginii, aliniere și margini, consultați secțiunea privind reprezentarea vizuală a obiectelor, imaginilor și a applet-urilor.

13.3 Includerea generală: elementul OBJECT

Etichetă de început: necesară. Etichetă de sfârșit: obligatorie

Pentru informații despre elementul OBJECT în formulare, consultați secțiunea privind gestionarea formularului.

1. În primul rând, agentul utilizator ar trebui să încerce să genereze obiectul. Nu ar trebui să genereze conținutul elementului, dar ar trebui verificat în cazul în care elementul conține copii suplimentari PARAM (consultați inițializarea obiectului) sau elemente MAP (consultați hărțile de navigare ale clienților).
2. Dacă agentul de utilizator din orice motiv nu poate genera obiectul (nu este configurat pentru aceasta, resurse insuficiente, arhitectură incorectă etc.), ar trebui să încerce să genereze conținutul.

În exemplul următor, inserăm un applet reprezentând ceasul în document utilizând elementul OBJECT. Un applet scris în Python nu are nevoie de valori suplimentare și de lucru. Atributul clasic specifică locația aplicației:

Date încorporate și externe. Datele care trebuie generate pot fi specificate în două moduri: ca o resursă încorporată sau externă. Ultima metodă oferă de obicei o generare mai rapidă, dar este incomod atunci când generează o cantitate mare de date.

Mai jos este un exemplu care arată modul în care datele încorporate pot fi direcționate către un OBJECT:

13.3.2 Initializarea obiectelor: elementul PARAM

Elementele PARAM definesc un set de valori pe care un obiect le poate avea nevoie în timpul funcționării. Elementele OBJECT sau APPLET pot avea orice număr de atribute PARAM în orice ordine, dar trebuie plasate la începutul corpului elementului OBJECT sau APPLET inclus.

Sintaxa numelor și valorilor este considerată ușor de înțeles de agentul de procesare a obiectului. Acest document nu specifică modul în care agenții utilizator ar trebui să încarce perechi de nume / valoare, precum și modul în care ar trebui să interpreteze nume de parametri duplicat.

Să revenim la exemplul cu ceas și să arătăm folosirea elementului PARAM. să presupunem că un applet poate lua doi parametri operaționali care determină înălțimea și lățimea inițială. Putem seta dimensiunile originale de 40x40 pixeli utilizând două elemente PARAM.

Rețineți că am setat și atributul de așteptare. astfel încât agentul utilizator poate afișa mesajul în timpul încărcării mecanismului de generare.

Atunci când elementul OBJECT este generat, agenții utilizator trebuie să caute numai conținut pentru acele elemente PARAM. care sunt copiii lor direcți și "îi hrănesc" cu OBIECTUL.

Astfel, în următorul exemplu, dacă "obj1" este generat, "param1" este aplicat la "obj1" (și nu se aplică "obj2"). Dacă "obj1" nu este generat și "obj2" este generat, "param1" este ignorat și "param2" este aplicat la "obj2". Dacă nu este generat OBJECT, nu se aplică PARAM.

În exemplul următor, inserăm un applet în limba Java într-un document HTML.

Prin setarea atributului de tip cod. agentul utilizator poate determina dacă să descarce aplicația Java, în funcție de capacitățile sale.

OBIECTul declarat trebuie să fie prezent în document înainte de prima instanță OBJECT.

În exemplul următor, declarăm OBJECT și numim o inițiere, specificându-l în legătură. Astfel, obiectul poate fi activat făcând clic, de exemplu, pe textul selectat.

13.4 Activarea aplicației. Elementul APPLET

Pentru o definiție formală, consultați DTD tranzitorie.

Unul dintre atributele de cod sau obiect trebuie să fie prezent. Dacă sunt date atributele de cod și obiect. și au nume de clasă diferite, aceasta este o eroare.

width = length [CI] Acest atribut specifică lățimea inițială a zonei de afișare a appletului (fără a include ferestrele și dialogurile create de applet). height = length [CI] Acest atribut specifică înălțimea inițială a zonei de afișare a appletului (fără a include ferestrele și dialogurile create de applet).

Conținutul elementului APPLET servește ca o informație alternativă pentru agenții utilizator care nu acceptă acest element sau nu sunt configurați să suporte appleturi. În caz contrar, agenții utilizator ar trebui să ignore conținutul.

EXEMPLUL UTILIZĂRII NEEDIRABILE:
În exemplul următor, elementul APPLET include în document un applet Java. Deoarece atributul codebase nu este setat, se presupune că applet-ul se află în același director ca și documentul însuși.

Acest exemplu poate fi rescris folosind elementul OBJECT după cum urmează:

Puteți seta valorile inițiale pentru applet folosind elementul PARAM.

EXEMPLUL UTILIZĂRII NEEDIRABILE:
Următorul applet din Java:

pot fi definite folosind elementul OBJECT după cum urmează:

De exemplu, următoarea linie încorporează conținutul fișierului embed_me.html în punctul din document unde a fost întâlnită definiția OBJECT.

Rețineți că conținutul elementului OBJECT trebuie generat numai dacă fișierul specificat de atributul de date. nu se poate descărca.

Comportamentul agentului utilizator în cazurile în care fișierul include el însuși nu este definit.

O hartă de navigare este creată prin atribuirea unui obiect cu zonele geometrice corespunzătoare.

• Client. Când utilizatorul activează zona hărții de navigare a clientului folosind mouse-ul, coordonatele punctului sunt interpretate de agentul utilizator. Agentul utilizator selectează linkul specificat pentru regiunea activată și o execută.
• Server. Atunci când un utilizator activeaza o regiune a unei hărți imagine server cu un click de mouse coordonatele punctului sunt transmise agentului de pe serverul specificat cu ajutorul atributului href al elementului A. Agentul de pe serverul interpretează coordonatele și efectuează acțiunea corespunzătoare.

Hărțile de navigare pentru hărți sunt preferabile hărților de pe server pentru cel puțin două motive: sunt disponibile pentru utilizatorii de agenți non-grafici și vă permit să determinați imediat dacă indicatorul se află în zona activă.

13.6.1 Hărți de navigare pentru clienți: elemente MAP și AREA

Etichetă de început: necesară. Etichetă de sfârșit: obligatorie

Atributul atributului elementului MAP nume = cdata [CI] Acest atribut atribuie numele hărții de navigație definite de elementul MAP.

• implicit: Specifică întregul domeniu.
• rect: Specifică o zonă dreptunghiulară.
• cerc: Specifică zona rotundă.
• poly: Specifică o zonă poligonală.

• rect: x marginea din stânga, marginea superioară, x marginea dreaptă, y marginea inferioară.
• cerc: centrul x, centrul y, raza. Notă. Dacă raza este specificată ca procent, agenții utilizator trebuie să calculeze valoarea finală a razei, în funcție de lățimea și înălțimea atribuite obiectului. Raza trebuie să fie cea mai mică dintre aceste două valori.
• poli: x1, y1, x2, y2. xN, yN.

Atribut pentru asocierea hărții de navigare cu elementul usemap = uri [CT] Acest atribut asociază harta de navigare cu elementul. Harta de navigare este definită utilizând elementul MAP. Valoarea atributului usemap trebuie să se potrivească cu valoarea atributului nume al elementului MAP asociat.

Elementul MAP definește o hartă de navigare a clientului care poate fi asociată cu unul sau mai multe elemente (IMG OBJECT sau INPUT). Harta de navigare este asociată cu elementul folosind atributul usemap al acestui element.

Dacă se suprapun mai multe regiuni definite, elementul specificat în document este prima prioritate (adică acest element este responsabil pentru introducerea utilizatorului).

Notă. Elementul MAP nu este compatibil cu agenții utilizator pentru versiunea HTML 2.0.

Exemple de diagrame de navigare pentru clienți

În exemplul următor, vom crea o hartă de navigare a clientului pentru elementul OBJECT. Nu vrem să generăm conținutul hărții când generăm elementul OBJECT. astfel încât să ascundem elementul MAP în conținutul elementului OBJECT. Apoi, conținutul elementului MAP va fi generat numai dacă conținutul elementului OBJECT nu poate fi segmentat.

Este posibil să fie necesar să generăm conținutul hărții, chiar dacă agentul utilizator poate genera un element OBJECT. De exemplu, dorim să asociem o hartă de navigare cu un element OBJECT și să includem o bară de navigare text în partea de jos a paginii. Pentru aceasta, definim elementul MAP în afara elementului OBJECT.

În următorul exemplu, vom crea o hartă de navigare similară, de această dată utilizând elementul AREA. Rețineți utilizarea textului alt.

Următorul exemplu arată modul în care elementele pot partaja diagramele de navigare.

Elementele OBJECT nestelate sunt utile pentru furnizarea de rezervări în cazul în care agentul utilizator nu acceptă anumite formate. De exemplu:

Hărțile de navigare de pe server sunt de interes în cazul în care harta este prea complexă.

Puteți stabili harta de navigare pentru server numai pentru elementele IMG și INPUT. În cazul elementului IMG, acest element trebuie inclus în elementul A. În cazul elementului INPUT, acesta trebuie să fie de tipul "imagine". În ambele cazuri, atributul logic ismap [CI] trebuie să fie setat pentru element.

Când un utilizator activează o legătură făcând clic pe o imagine, coordonatele ecranului sunt trimise direct pe serverul în care este localizat documentul. Coordonatele ecranului sunt exprimate în pixeli în raport cu imaginea. Pentru informații normative despre definirea pixelilor și despre scalarea acestora, vedeți [CSS1].

În următorul exemplu, regiunea activă definește o referință a serverului. Astfel, dând clic oriunde în imagine, coordonatele vor fi transferate către server.

Agentii utilizator nu oferă utilizatorilor un mijloc de a selecta coordonatele specifice (de exemplu, agentii utilizator non-grafice, în funcție de intrare tastatura, agentii utilizator de voce, etc.) ar trebui să transmită la server atunci când coordonatele link-ul, „0.0“.

Toate atributele elementelor IMG și OBJECT. legate de alinierea vizuală și prezentarea sunt depășite. În schimb, ar trebui să utilizați foi de stil.

Definirea atributului width = length [CN] Suprascrie lățimea imaginii și a obiectului. height = length [CN] Suprascriere pentru imagine și obiect.

Dacă sunt specificate atributele de lățime și înălțime. aceștia informează agenții utilizator despre necesitatea de a suprascrie dimensiunea originală a imaginii sau a obiectului cu aceste valori.

Atribuiile de înălțime și lățime oferă utilizatorilor o idee despre dimensiunea imaginii sau a obiectului, astfel încât să poată rezerva spațiul adecvat și să continue să genereze documentul, așteptând datele de imagine.

Atributele vspace și hspace definesc spațiul liber din stânga și din dreapta (hspace) și deasupra și sub (vspace) IMG. APPLET. OBIECTUL. În mod implicit, valoarea acestui atribut este nedefinită, dar de obicei aceasta este o valoare mică non-zero. Ambele atribute au o valoare de lungime.

O imagine sau un obiect poate înconjura o margine (de exemplu, dacă este specificată de utilizator sau imaginea conține conținutul elementului A).

Definirea atributului border = pixels Unfamiliar. Atributul de graniță specifică lățimea marginii în pixeli. Valoarea acestui atribut, care este utilizată în mod prestabilit, depinde de agentul utilizator.

Atributul Alignare specifică poziția IMG. OBJECT sau APPLET privind conținutul său.

• jos: înseamnă că fereastra obiectului trebuie să fie aliniată vertical cu linia de bază curentă. Aceasta este valoarea implicită.
• mijloc: înseamnă că centrul obiectului trebuie să fie aliniat vertical în raport cu linia de bază actuală.
• top: înseamnă că partea superioară a obiectului trebuie să fie aliniată vertical cu partea superioară a șirului de text curent.

Celelalte două valori sunt lăsate și dreapta. mutați imaginea la marginea stângă sau dreapta curentă. Acestea sunt discutate în secțiunea despre obiecte plutitoare.

Diferența dintre interpretările atributului alin. Agenții utilizator au interpretări diferite ale atributului aliniere. Unii iau în considerare numai șirul de text înaintea elementului, unii iau în considerare textul de pe ambele părți ale elementului.

Definiții atribute alt = text [CS] Pentru agenții utilizator care nu au capacitatea de a afișa imagini, formulare sau aplicații, acest atribut definește textul alternativ. Limba textului alternativ este definită de atributul lang.

Atributul alt trebuie specificat pentru elementele IMG și AREA. Nu este obligatoriu pentru elementele INPUT și APPLET.

Informații despre tratarea cazurilor în care nu există text alternativ pot fi găsite în secțiunea referitoare la generarea unui text alternativ.

Articole similare

• Harta site-ului în crearea și configurarea formatelor html și xml, cms și motoare pentru site-uri

Trimiteți-le prietenilor: