Stefan: Webseite neu designen

Hi,

mein Árbeitgeber will, dass ich unsere Web-Seite aendere:

In der mitte der Seite soll ein Bild von einen Netzwerk sein.
In der mitte der Rechner von den Kabel weggehen, zu den drucker, Server, Bildschirm...

Dieses soll nur schehmenhaft dargestellt sein und wenn man mit der Maus drueberfaehrt, soll die eigentliche Grafik (nicht mehr schemenhaft, sondern das normale Bild) angezeigt werden, aber nur z. B. vom Bildschirm. Die anderen Teile sollen so bleiben wie sie sind.

Ich brauchte evtl. so ein Bild, eine Empfehlung für ein Programm, mit dem man von diesen gesamtbild den Bildschirm... "ausschneiden" kann, und diesen dann verlinken.

Wenn ich Auf dann uf besagten bildschirm klicke, soll dazu ein kleiner Infotext erscheinen.

Das alles sollte moeglichst nur durch HTML und JavaScript progrmmiert werden.

Kennt ihr vielleicht auch eine aehnliche Seite auf der so was in der Art schon verwirklicht worden ist?

Ich danke für euere antworten und Bemühungen!!!

MFG
Stefan

  1. Hallo,

    ich kenne kein fertiges Programm, aber ich würde es so machen: Male mit einem guten Grafikprogramm die Seite auf und speichere die ab. Sorge mit einem entsprechenden Filter bzw durch änderen der Ebenen(Layer)transparenz, das das Bild vernebelt, verblast, schwächer wird.

    Jetzt schneide bei beiden Bilder die einzelnenen Elemente mit dem Grafikprogramm aus, dabei sollte der Umriss bei beiden Seiten immer je Element exakt gleich gewählt werden. (Am besten geht das mit einem Ebenen-fähigen Programm, da kannst Du beide Bilder wie eine Folie übereinander legen. PaitshopPro oder Photoshop z.Bsp.) und speichere die so Speicherspatzsparend wie möglich ab.

    In HTML die jetzt per Div pixelgenau (CSS) positionieren und mit Mouse-over-Effekt versehen. Der Mouseover wechselt einmal das Bild aus und blendet ein vorher verstecktes Text-Info-Div ein....

    Chräcker

    <img src="http://homepages.compuserve.de/ackheller/stempel/grafiken/logo.gif" alt="">http://www.chraecker.de/stempel

    1. Hallo stefan

      mhhhh, ich koennte ja jetzt gemein sein:
      http://www.teamone.de/selfhtml/sfarchiv/2000_4/t22899.htm#a117218

      ich kenne kein fertiges Programm, aber ich würde es so machen: Male mit einem guten Grafikprogramm die Seite auf und speichere die ab. Sorge mit einem entsprechenden Filter bzw durch änderen der Ebenen(Layer)transparenz, das das Bild vernebelt, verblast, schwächer wird.

      den ausfuehrungen von craecker habe ich nichts hinzuzufuegen, ausser nochmals den hinweis, das du wie schon mal gesagt, die bilder im fireworks bearbeiten kannst (wenn natuerlich vorhanden) und gerade da deinen gewuenschten effekt des ebenen einblendens bei mouse-aktionen schnell und einfach machen kannst --> segmente, hotspots und verhaltensweisen ...
      natuerlich ist es da wie ueberall und bei allem, ohne einen gewissen einarbeitungsfleiss geht nichts :))

      tschau
          thomas

      1. Hallo,

        keine Angst, hab dich nicht vergessen, ich wollte das Posing nur nochmal reinsetzen, um vielleicht noch ein paar andere meinungen einzuholen, da ich mit diesen Programm noch nie gearbeitet habe.

        MFG
        Stefan

        1. Hallo Stefan,

          keine Angst, hab dich nicht vergessen, ich wollte das Posing nur nochmal reinsetzen, um vielleicht noch ein paar andere meinungen einzuholen, da ich mit diesen Programm noch nie gearbeitet habe.

          :))

          da hats easy lernlektionen dabei, wo du in 4-8 schritten erklaert bekommst, wie genau das funktioniert - eine halbe bis ganze stunde arbeit die sich wirklich lohnt ...

          tschau
              thomas