Hoffe bin in diesem Bereich des Forums richtig.

Ich habe eine Idee für eine Webseite, doch ich weiss nicht womit man dies umsetzen kann??

Grob gesagt soll da ein Hintergrund Bild sein, dann darauf verschiedene Links als eigenes Bild (quasi eine Fotocollage) sein und wenn man drüber fährt, soll das Link-Bild zuerst noch etwas grösser werden und auf diesem grösseren Bild eine kurze Zusammenfassung des Inhalts zu lesen sein.
Wenn man dann drauf klickt, öffnet es sich und gibt den Inhalt frei. Aber der eigentliche Hintergrund vom Anfang soll da bleiben.

Ich hoffe man versteht was ich meine?

Mit welchem Program kann ich dies machen? Genial wäre es wenn das Program nicht nur in Deutsch ist, damit ich es auch verstehe (oder zumindest eine deutsche Anleitung hat) sondern wenn es auch noch Gratis ist. Sollte es was kosten, dann müsste es möglichst günstig sein. Mein Budget ist aktuell recht klein.

Sollte man noch nicht verstanden haben was ich meine, gebe ich gerne weitere informationen.

__________________
gruss X5-599

1. Du bist hier richtig.
2. Klar geht das - alles geht.
3. Programm ? Dein Kopf ! Lernen ...
4. Werkzeug ? Ein Editor und ein Webserver.

Dann sag mal was Du eigentlich machen willst.

__________________
Grüße aus dem Spessart, Joe

{ table-layout: biertischistbesser; }
Der Mausinator

Das klingt schon mal gut.

Das klingt noch besser

Der Kopf ist da, Lernwillig ist er auch, Programm sag welches

Ein Editor wäre vorhanden, aber der ist nur auf einfaches html, php, css ausgelegt. Webserver mit allem drum und dran ist ebenfalls vorhanden.

Hatte ich doch oben bereits oder ist das zuwenig info um zu erkennen was ich möchte? Dann würde ich sonst mal ein paar Grafiken erstellen die zeigen was ich möchte

__________________
gruss X5-599

Dann ist ja alles da. Zeig mal Grafik.

__________________
Grüße aus dem Spessart, Joe

{ table-layout: biertischistbesser; }
Der Mausinator

"Programm"? Sprache.
HTML, CSS, Javascript (zus. jQuery, mootools, was dir am liebsten is), evtl. PHP

So, ich habe mal ein paar Beispiele gezeichnet.
Das sollen nur Beispiele sein und nicht das endgültige Design darstellen. Einfach nur damit man sich besser vorstellen kann was ich meine.


Das erste Bild ist dann quasi das Grundbild. Eben ein bestimmter Hintergrund und die orangenen Dinger wären dann quasi die Bilder die als Link dienen.


Das zweite Bild soll darstellen was passiert wenn man über ein Bild drüber fährt. Es wird ein bischen grösser und zeigt eine kurze Zusammenfassung des Inhalts an.


Das dritte Bild zeigt wie es aussehen sollte wenn man dann auf den Bilder-Link geklickt hat.

Hoffe man versteht nun genauer was ich meine.


Bild 1
www.ahs-amiga.ch/div/web01.jpg
Bild 2
www.ahs-amiga.ch/div/web02.jpg
Bild 3
www.ahs-amiga.ch/div/web03.jpg

__________________
gruss X5-599

Als Einsteiger hast Du Dir da ganz schön was vorgenommen. Da bleibt eigentlich nur:
1. HTML lernen
2. CSS lernen
3. Javascript lernen

Für Deinen Effekt: Schau mal nach "Lightbox", das dürfte grob in Deine Richtung gehen. Allerdings scheinen Deine Vorstellungen zu speziell zu sein, als dass sich da etwas out-of-the-box realisieren ließe. Also zurück zu den Punkten 1 - 3

__________________
... Meine Meinung

Erledigt

Erledigt

Falls von nöten, kein Problem.

Aber ich bin mir irgendwie ziemlich sicher dass es irgendwo ähnliche Vorlagen gibt die man nur anpassen müsste. Doch wie finden wenn man nicht weiss was man suchen muss.
Schliesslich ist die Idee doch sicherlich nicht neu, sonst würde ich sie gleich Patentieren lassen wenn ich der erste wäre der auf diese Webseiten Idee kommt

Lightbox werde ich mir mal anschauen. Muss ich da nach einer Software oder nach einem php Script oder was auch immer googeln? Sofern da nicht gleich mit dem Wort was sinnvolles rauskommt.

__________________
gruss X5-599

So etwas findet Du garantiert nicht, da
Schau Dir - wie schon gesagt - mal Ligtboxen an. Das geht am ehesten in die Richtung. Und Javascript brauchst Du für diese Effekte auf jeden Fall.

Bestimmt hat jemand schon mal so etwas gemacht, aber der wird das auch per Hand gemacht haben und bestimmt nicht irgendwem zur Verfügung stellen.

Als Hilfestellung zu Javascript gibt es Frameworks wie z. B. jQuery - Allerdings sollte man auch da die Prinzipien von Javascript verstanden haben..

EDIT:
Das ist die falsche Einstellung An so eine Sache ranzugehen, mit der Hoffnung, irgendwo ein einfaches Skript zu finden, das man nur "anpassen" muss, geht schief. Selbst wenn es das gäbe, wäre die Anpassung vermutlich zu kompliziert für Dich - Und das soll keine Beleidigung sein. Allerdings vermute ich eben aufgrund Deiner Fragen, dass Du auch in HTML und CSS nicht so bewandert bist, wie es notwendig wäre.

Mach doch mal Folgendes, wenn Du Dich dafür schon fit fühlst: Setz Dein Layout mal in HTML und CSS um und erstelle verschiedene Versionen für die verschiedenen Zustände (verschiedene Layer offen). Dann bekommst Du am ehesten ein Gefühl dafür, was Du noch benötigst. Die Umsetzung der Effekte kannst Du auch später noch machen.

__________________
... Meine Meinung

Also ich sehe hier nur ein paar Links (in Listenelementen), die in einer positionierten <ul> selbst absolut positioniert werden.
Jedes <a> beinhaltet ein weiteres Element (span?), das den Text enthält und nur bei Hover angezeigt wird. (Dabei kann es sich auch vergrößern)

Bei Klick wird dann die "lightbox" in Gang gesetzt, die den (html?) Inhalt anzeigt.

__________________
Gruß Roman