6. Lektion : "Ausgestaltung" eines Bildes und "Mapper" eines Bildes
 
 
 
"Ausgestaltung" eines Bildes :

Es ist möglich,ein Bild mit einem Text zu versehen. Es genügt, die Eigenschaft align zu benutzen. (left, right, center, texttop, abscenter, absbottom).

Die Schrift, die für dieses Photo benutzt wird, lautet : <img src="strasbourg.gif" align="left">
 

 

 
 
Ein Bild "mappen" :

"Mapper" erlaubt, die einzelnen Bildabschnitte, die in der Weise einer "Hypertextverbindung" aktiviert werden können, zu umgrenzen.
 

Beispiel : Klicken Sie die beiden Glockentürme an, darauf das Fundament des linken Glockenturms. 

tablehypertexttags

Hier ist die Schrift:

<img usemap="#thomas" SRC="stthomas.jpg" height=480 width=640 border="0">

<map name="thomas">
<area shape="circle"  alt="table"  coords="180,100,100" href="lecon_5.html">
<area shape="rect"    alt="hypertext" coords="350,150,600,400" href="lecon_2.html">
<area shape="polygon" alt="tags" coords="245,230,150,300,150,480,310,480,310,320"> <href="lecon_1.html">
</map>
</body>

 
 
Eigenschaften des Markierungszeichens img
usemap Der Name und die Adresse der "map" die benutzt wird.
border="0" Vermeidet einen Rahmen um das Photo zu haben
height=480 width=640 Grösse des Bildes in "pixel"

 
Das Markierungszeichen map und seine Eigenschaften
<map name="thomas">  </map> Rahmt die Informationen ein, die die "Landkarte" ("map") betreffen.
name="thomas" Name der "map"
area shape="circle" (rect ou polygon) Art und Weise der Auswahl
coords="180,100,100" Koordinaten der "Pixel" -Selektionen
circle : corrds="a,b,c"
  • Kreis: a und b = Platz des Kreiszentrums 
  • a =Abstand vom Zentrum des Kreises bis zum linken Bildrand
  • b= Abstand vom Zentrum des Kreises bis zum oberen Bildrand

    • c=Kreisdurchmesser.
    rect :  coords ="a,b,c,d"
  • a = Abstand von der linken Seiteenrand (senkrecht) bis zum linken Bildrand
  • b = Abstand von dem oberen Seitenrand (waagrecht) bis zum oberen Bildrand
  • c = Abstand von dem rechten Seitenrand (senkrecht) bis zum linken Bildrand.

    • d = Abstand von dem unteren Seitenrand (waagrecht) bis zum oberen Bildrand.
    polygon :  coods="a,b,c,d,e,f ....."
  • a,b =Koordinaten der ersten Ecke (Kante) des Vielecks, a =waagrechte Koordinate, b = senkrechte Koordinate 
  • c,d = Koordinaten der zweiten Ecke

    • e,f ...........
    alt="table" Nur mit explorer, zeigt "table".
    href="lecon-5.html" "Hypertextverbindung"

    Zusammenfassung