Mehrfach anklickbare Karte erstellen.
Zur Bilderseite www.agriserve.de/Mehrfach-anklickbare-Karte-erstellen-Bilderseite.html
Zu meiner Hauptseite: www.agriserve.de


1 Grundzüge des Verfahrens zur Erstellung eines anklickbaren Bildes auf einer Weltnetzseite.


Die Erstellung eines mehrfach anklickbaren Bildes geschieht auf die Art, daß man die Gesamtbildfläche in Teilflächen aufteilt und jeder dieser Teilflächen einen Auftrag zuordnet.

Wenn später beim Betrieb der Weltnetzseite eine Teilfläche des Bildes angeklickt wird, dann wird in dem Augenblick des Anklickens der vorher schon zugeordnete Auftrag ausgeführt.

Dieser Auftrag kann beispielsweise sein:
---Springe auf eine andere Weltnetzseite.
---Zeige ein anderes, vergrößertes Bild.
---Gebe ein Geräusch von dir.
---Zeige einen Film.



2 Das Gesamtbild auf den Bildschirm bringen. - - -
Kurzform zum Merken. Ausführliche Darstellung auf der Unterseite "112"







1.
img
es handelt sich um ein Bild

2.
src="..."
Quellort des Bildes oder der Speicher, aus dem das Bild geholt wird.

3.
width="..."
Breite

4.
height="..."
Höhe

5.
Am Anfang und Ende dreieckige Klammern <...>


Man stelle die Angaben 1 bis 4 hintereinander und umschließe sie gemäß Punkt 5 mit dreieckigen Klammern <...>
Das reicht schon aus, mehr braucht man sich nicht zu merken

Für die Breite Zahlen zwischen null und tausend eingeben,
für die Höhe ebenfalls Zahlen zwischen null und tausend,
das nur als Anhaltspunkt.

Eine Bildschirmbreite beträgt ungefähr 1000 Pixel,
daher kommt die Zahl 1000 als günstige Obergrenze für ein großes Bild.



Man beachte immer die buchstabengenaue Schreibung und man achte darauf, daß kein Komma, kein Punkt und keine Klammer falsch sitzt oder vergessen wird.

Eine ausführliche Darstellung findet sich auf der Unterseite "112"


3 Wie geht es weiter?



Unterhalb von diesem Abschnitt drei steht die alte Seite, etwas umständlich geschrieben, teilweise auch falsch.
Diese alte Seite arbeite ich nach und nach um und füge sie hier an das Neue unten an.



Hinweise zum Erstellen einer mehrfach anklickbaren Karte.

1
aa

6
Im vorigen Absatz habe ich den Sachverhalt in umgangssprachlicher Ausführung dargestellt.

Bei einer Sprache, die der Rechner versteht, muß aber alles in genau bestimmten Worten und Zeichen, die oftmals auch in einer genau bestimmten Reihenfolge stehen müssen, dargestellt werden oder der Rechner versteht gar nichts oder er versteht es falsch.

Wie lauten die formelmäßigen Sätze, die der Rechner versteht?

1.
Für den Kreis
---Es ist ein Kreis.
---Der Mittelpunkt befindet sich soviel rechts (z.B. "230") vom Nullpunkt und
---soviel unterhalb des Nullpunktes (z.B. "380".)
---Der Halbmesser des Kreis beträgt soviel (z.B. "65".)
---Es handelt sich um eine Teilfläche eines anklickbaren Bildes.

Diese Aussgen stecken alle in dem nachfolgenden ziemlich starren, dafür aber für den Rechner verständlichen Satz:
area coords=" 230, 380,65 " shape="circle"
Hinweis: Der Satz wird von dreieckigen Klammern eingeschlossen,
diese sehen aus wie die Kleiner-als- und Größer-als-Zeichen (< >).



2.
Für das Vieleck.
---Es ist ein Vieleck.
---Nacheinander wird die Lage der einzelnen Eckpunkte angegeben,
jeweils als Zahlenpaar, zuerst wird von einem Eckpunkt angegeben,
wie weit rechts vom Nullpunkt er ist
(=Zahl 1, dann folgt ein Beistrich, dann folgt die Angabe,
wie weit unterhalb des Nullpunktes der Eckpunkt1 sich befindet (=Zahl 2).
Damit ist der erste Eckpunkt festgelegt.
---Es folgt ein Beistrich, danach wird der nächste Eckpunkt
auf dieselbe Art festgelegt, so hat man jetzt die Folge
Zahl 1
Beistrich
Zahl 2
Beistrich
Zahl 3
Beistrich
Zahl 4
---So werden alle Eckpunkte festgelegt.
Der Rechner versteht das und er legt eine gerade Linie vom ersten Eckpunkt zum nächsten und so fort, schließlich vom letzten Eckpunkt auch eine Linie zum ersten Eckpunkt.

---Es handelt sich um eine Teilfläche eines anklickbaren Bildes.

Diese Aussgen stecken alle in dem nachfolgenden ziemlich starren, dafür aber für den Rechner verständlichen Satz:
area coords=" Zahl1, Zahl2, Zahl3, Zahl4, Zahl5, Zahl6 usw. " shape="poly">
Hinweis: Der Satz wird von dreieckigen Klammern eingeschlossen,
diese sehen aus wie die Kleiner-als- und Größer-als-Zeichen (< >).



3.
Für das waagrecht liegende Rechteck.
---Es handelt sich um eine Sonderform des Vielecks und zwar um ein Rechteck, welches waagrecht liegt, das heißt, es ist mit den Seiten abstandgleich zu der senkrechten und waagrechten Kante des Grundbildes.
---Aufgrund dieser festgelegten Eigenschaften braucht man für diese Sonderform des Vielecks nicht alle vier Eckpunkte festzulegen, sondern es reicht aus, den linken oberen und den rechten unteren Eckpunkt festzulegen. Die beiden anderen Punkte ermittelt der Rechner von alleine.
---Es handelt sich um eine Teilfläche eines anklickbaren Bildes.

Diese Aussgen stecken alle in dem nachfolgenden ziemlich starren, dafür aber für den Rechner verständlichen Satz:
area coords=" Zahl1, Zahl2, Zahl3, Zahl4 " shape="rect"
Hinweis: Der Satz wird von dreieckigen Klammern eingeschlossen,
diese sehen aus wie die Kleiner-als- und Größer-als-Zeichen (< >).



4.
Für die Restfläche.
---Es handelt sich um eine Restfläche.
---Diese Restfläche ist eine Teilfläche eines anklickbaren Bildes.

Diese Aussgen stecken beide in dem nachfolgenden ziemlich starren, dafür aber für den Rechner verständlichen Satz:
area shape="default"
Hinweis: Der Satz wird von dreieckigen Klammern eingeschlossen,
diese sehen aus wie die Kleiner-als- und Größer-als-Zeichen (< >).

7
Ein Hinweis zur Bedeutung der englischen Wörter.

Die Wörter der Rechnersprache sind zumeist der griechischen, lateinischen oder englischen Sprache entnommen.
Sie geben gewisse Hinweise darauf, was gemeint ist.
Man darf aber nicht denken, daß genau die umgangssprachliche Bedeutung gemeint ist.

area=Fläche

coords=Koordinaten=Punktfestlegung durch ein Zahlenpaar, das den Abstand zu einer waagrechten und zu einer senkrechten Grundlinie angibt

shape=Form, Gestalt

default= dieses Wort ist in der englischen Sprache ein Teekesselchen. es bedeutet einerseits: Grundwert, Grundeinstellung, wenn nichts anderes angegeben ist, wähle diese Einstellung

Es bedeutet andererseits: fehlerhaft, verspätet, schlecht.

Hier an dieser Stelle ist die erste Bedeutung gemeint. Solange eine Fläche des Grundbildes nicht ausdrücklich zu einem Kreis, Vieleck oder dessen Sonderform, dem waagrecht liegenden Rechteck, zugeordnet wird, solange wird sie der Restfläche zugeordnet.

rect=rectangle=Rechteck. Hier in diesem Zusammenhang sind aber nicht alle Rechtecke gemeint, sondern nur die waagrecht liegenden (=senkrecht stehenden) Rechtecke.
Aus dem Wort allein geht diese Bedeutungseinschränkung nicht hervor.

Die Wörter sind eben nicht umgangssprachlich zu verstehen, sondern als Bestandteile der staren, rechnerverständlichen Sätze.

8
Was tut sich beim Anklicken eines Teilbereiches?

Hier ein Beispiel:
Zunächst wird ein Kreis festgelegt area coords=" 230, 380,65 " shape="circle"
Dann wird ein Tu-Befehl (Tätigwerden-Befehl) eingefügt.
area href=" http://www.agriserve.de/Scirocco-gelb.html " coords="230,380,65" shape="circle"

Der Rechner versteht das so:
Sobald der Mauszeiger innerhalb des festgelegten Kreises befindlich ist und die Klicktaste gedrückt wird, öffnet er die genannte Weltnetzseite und zeigt diese an.

Beachte: Diese Befehlszeilen stehen in dreieckigen Klammern (< >).

10
Wie ermittele ich die Kennwerte einer Teilfläche?

Eine Vorgehensweise. Das Grundbild anklicken, dann auf "Eigenschaften" gehen. Es werden die Breite und Höhe des Grundbildes in Pixelwerten angegeben.

Dann das Grundbild ausdrucken und mit einem Maßstab die Entfernung der Kennpunkte (oft sind es Eckpunkte)von der Oberkante und von der linken Kante ausmessen. Schon hat man ein Zahlenpaar für den ersten Eckpunkt.

Dann diesen Millimeterwert in einen Pixelwert umrechnen. Wenn der Rechner anzeigt, daß das Bild 850 Pixel breit ist und der Maßstab am gedruckten Bild anzeigt, daß es 180mm breit ist, dann etspricht 1 MIllimeter (850 durch 180) Pixeln.




Die zweite Vorgehensweise:

Man geht auf die Seite: http://www.pcfreunde.de/download/d3945/fast-image-map/

Dort angelt man sich ein kleines Werkzeug, und wenn man das auf seinem Rechner hat, dann tut man dort sein Grundbild hinein. Die Bedieungsanleitung für das Werkzeug namens "fast-image-map" ist dabei Wenn dann das Bild auf dem Fast-Image-Bildschrim drauf ist und man die Maus bewegt, dann wird unten links am Werkzeug auf dem Bildschirm das jeweils gültige Zahlenpaar angezeigt Der X-Wert zeigt den Abstand nach rechts vom Nullpunkt an,
Der Y-Wert zeigt den Abstand nach unten vom Nullpunkt an.
Beide Werte sind positiv, es gibt keien Minuszahlen. Das ist vereinbarungsgemäß so festgelegt.

11
Zur Erklärung der englischen Wörter:

Das englische Wort "fast" sprich "fahst" bedeutet "schnell"

"image-map" bedeutet wörtlich "Bild-Karte", vom Sinn her ist damit ein mehrfach anklickbares Bild gemeint, wobei das Bild auch eine Landkarte sein kann.

12
ss





Es sind noch keine Bilder da.

  


Sämtliche Angaben ohne Gewähr.       Eingefügt am 21. August 2011

Zur einfach verstehbaren Bilderseite, das ist eine Seite zum schnellen Erfassen des Sachverhaltes von "eine mehrfach anklickbare Seite erstellen".
www.agriserve.de/Mehrfach-anklickbare-Karte-erstellen-Bilderseite.html

Zu meiner Hauptseite: www.agriserve.de

- agriserve -
Mehrfach-anklickbare-Karte-erstellen.
ab dem 24.August 2011 bis 24.August 2011

Agriserve GmbH
Zum Schäferköppel 200
60437 Frankfurt

Ferndruck     06101 - 43.513
agriserve2000@yahoo.de
www.agriserve.de

Holz-, Getreide-, Biomasse-Heizungen
Entwicklung, Beratung, Herstellung
Geschäftsführer: Karlfried Cost