Annabella: Felder auf Grafik

Hi,

ich befasse mich seit kurzem erst mit HTML und möchte eine eigene Seite gestalten bzw. schreiben.

Ich habe nun gesehen dass manche Links auf einer Grafik machen.

Hier die gesehenen Seiten, die mich angesprochen haben.

www.schwimmbecken-vertrieb.de/sites/entry.htm
www.magiline.com/solutions_de.htm

Wie kann man so etwas machen?

Vielleicht könnt ihr mir ja wieterhelfen. Wäre echt super von euch.

Danke

Annabella

  1. Hi Annabella,

    meinst du jetzt eine Imagemap (Bild mit mehreren Links) oder meinst du einfach nur grafische Links? Hast du denn schon etwas in SelfHTML geblättert? :-)

    Gruß
    Ben

    1. Da ich nicht wußte, wie man so etwas nennt, konnte ich auch noch nicht in SelfHTML blättern.

      Was ist eine Imagemap? Und was grafische Links?

      1. Hi,

        Was ist eine Imagemap?

        Eine große Grafik, in der Du (mit HTML) kleinere Bereiche als (verschiedene) Links definierst -> andere Stelle, anderer Link.

        Und was grafische Links?

        Ein "normaler" Link, nur daß statt Text eine Grafik eingebunden wird -> egal wohin Du auf diese Grafik klickst, es ist derselbe Link.

        Gruß, Cybaer

        --
        Hinweis an Fragesteller: Fremde haben ihre Freizeit geopfert, um Dir zu helfen. Helfe Du auch im Archiv Suchenden: Beende deinen Thread mit einem "Hat geholfen" oder "Hat nicht geholfen"!
        1. Ich habe da dann eher die Imagemap gemeint. Also nur Text.

  2. Ich habe nun gesehen dass manche Links auf einer Grafik machen.

    <a href="LinkURL"><img src="DeinBild.jpg"></a>

    Das ist ein Link auf einem Bild, genau wie bei Text. Ist es das was du wissen willst?
    Sollen sich die Bilder verändern wenn du mit der Maus darüber bist musst du JavaScript verwenden. Wenn du Neuling bist würde ich dir empfehlen das mit Macromedia Dreamweaver zu machen, der kann dir automatisch einen Hover-Effekt für Bilder einfügen

    1. Hi,

      »»Wenn du Neuling bist würde ich dir empfehlen das mit Macromedia Dreamweaver zu machen, der kann dir automatisch einen Hover-Effekt für Bilder einfügen

      Meinst du das Annabella dann richtig HTML lernt?

      Bis denne

      Botix

      1. Meinst du das Annabella dann richtig HTML lernt?

        Es geht hier um JavaScripts, nicht um das html, und das ist für einen Neuling schwer. am anfang gibt das html wohl genug Verständnisarbeit
        Ausserdem finde ich, dass man sich solche Hilfen ruhig gönnen kann. Man muss ja nicht von Anfang an alles von Hand können. Wenn man daran interessiert ist, kann man dann immer noch schauen wie das JavaScript funktioniert das der Dreamweaver schreibt.

        1. Hi,

          Ausserdem finde ich, dass man sich solche Hilfen ruhig gönnen kann. Man muss ja nicht von Anfang an alles von Hand können. Wenn man daran interessiert ist, kann man dann immer noch schauen wie das JavaScript funktioniert das der Dreamweaver schreibt.

          LOL - mit gehörigem Sarkasmus: Wenn du es geschafft hast, *den* grausamen Code zu verstehen, dann solltest du auch genug gelernt haben, um festzustellen, daß man es *so* eigentlich nicht machen sollte ... =:->

          Gruß, Cybaer

          --
          Hinweis an Fragesteller: Fremde haben ihre Freizeit geopfert, um Dir zu helfen. Helfe Du auch im Archiv Suchenden: Beende deinen Thread mit einem "Hat geholfen" oder "Hat nicht geholfen"!
          1. LOL - mit gehörigem Sarkasmus: Wenn du es geschafft hast, *den* grausamen Code zu verstehen, dann solltest du auch genug gelernt haben, um festzustellen, daß man es *so* eigentlich nicht machen sollte ... =:->

            Immerhin funktionierts... aber du hast recht, es ist nicht gerade übersichtlich geschrieben.

            Ich bin ein ziemlich bequemer Mensch,und wenn ich ein Programm habe dass mir ein funktionierendes, kompaktes Script liefert dann schreibe ich keines selber, nur weils dann schöner aussieht. Vor allem wenn es sich um etwas so einfaches geht über das ich keine Übersicht haben muss. Aber jedem das seine...

            1. Hi,

              Immerhin funktionierts...

              Ach, hat Macromedia ihren Code mittlerweile verbessert? :-o

              Denn "funktioniert" ist relativ ...

              ... bei meiner letzten Durchsicht (zugegeben, schon ein wenig her - aber Roll-over ist ja auch nicht mehr so neu ;-)) waren noch Fehler drin, bzw. mindestens (unnötig, also aus Dummheit - von Unwissenheit wage ich bei dem Level, auf dem sich die Firma zu bewegen glaubt, nicht mehr zu sprechen) unsaubere Programmierung, die auf manchen Browsern zu Fehlern führt. So etwas bietet man seinen (vermeintlich professionellen) Kunden nicht als (vermeintlich professionelles) Gestaltungsmittel, die diesen Fehlern dann auf viele (vermeintlich professionelle) Websites multiplizieren dürfen ...

              Gruß, Cybaer

              --
              Hinweis an Fragesteller: Fremde haben ihre Freizeit geopfert, um Dir zu helfen. Helfe Du auch im Archiv Suchenden: Beende deinen Thread mit einem "Hat geholfen" oder "Hat nicht geholfen"!
        2. hi,

          Es geht hier um JavaScripts

          nein, tut es nicht.
          _deine_ antwort beschäftigte sich zwar mit JS - ging damit aber m.E. am thema vorbei.

          gruss,
          wahsaga

          1. »» _deine_ antwort beschäftigte sich zwar mit JS - ging damit aber m.E. am thema vorbei.

            ja, das stimmt wohl. Ich war mir auch nie sicher ob ich diese Frage richtig verstanden habe und habe das auch angedeutet ("Ist es das was du wissen willst?").
            Allerdigns gibt es, soweit ich mich daran erinnere, auf den Seiten die Anabelle angegeben hat eben auch Menus mit Bildern und Hover-Effekt. Das hat mich auf die JavaScripts gebracht.

            1. Also ich möchte eigentlich nur, dass wenn man über einen zb. Kreis fährt mit der Maus, diesen Kreis(Punkt) dann anklicken kann und dann ein kleines extra Fenster mit einen Text erscheint. Also kein großes Fenster sondern nur ein kleines Fenster mit Text von ca. 5 Sätzen.

              Was ist das und wie macht man denn das nun?

              Ich kenn mich gar nicht mehr aus!!

              1. Hi Annabella,

                dann wird das ziemlich schwierig, wenn du dich gar nicht auskennst. Als erstes solltest du dich hier http://selfhtml.teamone.de/html/grafiken/verweis_sensitive.htm über Imagemaps informieren. Danach müsstest du vielleicht mit JavaScript versuchen, Layer per Klick oder MouseOver (bei dem entsprechenden Bereich in deinem Bild) einzublenden.

                Liebe Grüße
                Ben

              2. Hi,

                Also ich möchte eigentlich nur, dass wenn man über einen zb. Kreis fährt mit der Maus, diesen Kreis(Punkt) dann anklicken kann und dann ein kleines extra Fenster mit einen Text erscheint. Also kein großes Fenster sondern nur ein kleines Fenster mit Text von ca. 5 Sätzen.

                Was ist das und wie macht man denn das nun?

                Imagemap, wenn der Kreis sich innerhalb einer größeren Grafik befindet, oder der Link sich wirklich an runden Grenzen orientieren soll (Standard-Links sind immer rechteckig).

                Auf

                http://www.vampirehost.de/pzn/extras/

                findest Du die zentrale, kreisrunde Grafik, eingebunden mit (hier verkürzt):

                <img src="img/abdul1.jpg" width="350" height="347" usemap="#Abdul">

                sowie (ebenfalls verkürzt):

                <map name="Abdul">
                 <area shape="circle" coords="173,174,172" target="_parent" href="kapitel.htm" alt="">
                </map>

                Dabei wurde der Kreismittelpunkt definiert und der Radius. Und wenn man in diesen Kreis klickt, dann wird kapitel.htm geladen.

                Dein Verlangen wird etwas mehr Know-how erfordern (z.B. mit onClick ein neues Fenster via window.open oder Einblenden eines bereits existenten "Layers").

                Außerdem sollten natürlich keine "Merkwürdigkeiten" entstehen, falls JavaScript deaktiviert ist ... =;-)

                Gruß, Cybaer

                --
                Hinweis an Fragesteller: Fremde haben ihre Freizeit geopfert, um Dir zu helfen. Helfe Du auch im Archiv Suchenden: Beende deinen Thread mit einem "Hat geholfen" oder "Hat nicht geholfen"!
          2. Hi,

            _deine_ antwort beschäftigte sich zwar mit JS - ging damit aber m.E. am thema vorbei.

            Hmm, wohl kaum! Zumindest die erste Seite hat keine Image-Map, sondern eben solche IMG-Links, wie von sam beschrieben, mit einem JavaScript-Roll-Over.

            Gruß, Cybaer

            --
            Hinweis an Fragesteller: Fremde haben ihre Freizeit geopfert, um Dir zu helfen. Helfe Du auch im Archiv Suchenden: Beende deinen Thread mit einem "Hat geholfen" oder "Hat nicht geholfen"!
  3. hi,

    http://selfhtml.teamone.de/html/grafiken/verweis_sensitive.htm dürfte dich interessieren.

    gruss,
    wahsaga