• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Homepage aus Grafik erstellen...?!

Status
Für weitere Antworten geschlossen.

absoluterHPnewbie

Neues Mitglied
Hallo an alle!

Ich bin ein absoluter Neuling auf dem Gebiet html und co. und ich habe da eine Frage, über die sich vielleicht so mancher Pro kaputtlachen wird, aber ich habe mich ja hier angemeldet, um etwas dazuzulernen.

Ich habe mir überlegt, ob es möglich ist, aus einer Grafik eine Website zu erstellen.

Zum besseren Verständnis habe ich diese Grafik mal zur Ansicht auf einen Bilderservice hochgeladen, hier der Link:

http://www.hostpix.de/file.php?dat=p0YoSbxY.jpg

Auf dem Bild erkennt man das Layout, wie die Homepage in etwa aussehen soll und ich möchte die verschiedenen Wörter "über", "news", "links", "bilder" etc. mit einer Schaltfläche belegen bzw. so erstellen, dass man damit auf die nächste Unterseite schalten kann usw. Der Text dieser Unterseiten soll dann in einem Textfeld auf der Papiergrafik angezeigt werden. Auch soll die gesamte Seite nicht bildschirmfüllend erscheinen, sondern zentriert in einer Größe von ca. 600 x 450 Pixel, so dass das Ganze bei verschiedenen Monitorauflösungen auch ansehnlich bleibt. Ich hoffe, das habe ich einigermaßen verständlich beschrieben...:oops:

Jetzt ist halt meine Frage, wie einfach oder auch kompliziert ist so etwas zu realisieren und und mit welchen Programmiertechniken müsste ich mich dafür auseinandersetzten?

Gibt es ggf. auch Programme, in der man solch eine Grafik einfach mit Schaltflächen belegen kann, die dann zur nächsten Seite verlinken?

Ich habe im Moment noch keine Ahnung, wie ich an so etwas herangehe, daher würde ich mich über konstruktive Tipps oder Lösungsansätze von Usern, die mehr Ahnung haben als ich, sehr freuen!

Bitte verzichtet auf Kommentare wie "Geh mal g**geln oder benutze die Suche, das habe ich schon getan. Habe aber für mein Problem noch keine wirklichen Lösungsansätze gefunden...:(

Vielen Dank schon im Voraus für Eure Bemühungen,

Mit freundlichen Grüßen,

Andreas
 
Hallo Andreas!

Die Lösung zu deinem Problem heißt slicen. Wenn du ein solches Bild hast, am besten ohne den Text im Inhaltsbereich kannst du es mit Programmen wie Photoshop slicen. Das heißt, dass du vorher das Bild in Bereiche aufteilst, in diese Teile wird das Bild dann vom Programm zerlegt und einzeln abgespeichert, so dass du später alles wieder per HTML und CSS zusammen anordnen kannst. Erfordert sicher etwas Übung (wenn es valide sein soll, andernfalls einfach gleich als Homepage speichern lassen, das geht auch).

Bilder werden in HTML mit <img> angegeben, Verweise mit <a></a>, du musst also, um ein Bild zu verlinken, das Bild zwischen den Verweis schreiben.
HTML:
<a href="www.deine-domain.de/hier-will-ich-hin.html">
<img src="www.deine-domain.tld/order/bild.ext" alt="Alternativ Text" />
</a>

Ich hoffe ich konnte dir ein wenig weiterhelfen.
 
Grafik Slicen

Hallo auch!

@ Tar-Minyatur:
Danke für die schnelle Antwort, das mit dem Slicen klingt ja sehr vielversprechend, werde das mal probieren.

Habe jetzt zumindest schon mal erfahren, dass es solch eine Möglichkeit gibt, das gibt mir ja Hoffnung, irgendwann meinem Ziel näher zu kommen!

Wenn noch jemand seine Erfahrungen mit dem "Grafiken in Websites umwandeln" mitteilen möchte, dann freue ich mich, wenn Ihr das hier einbringt.

Man kann ja nie genug Input bekommen und es führen sicher viele Wege nach Rom...:!:

Viele Grüße,

Andreas
 
Nun du kannst auch mit Adobe Fireworks Segmente markieren und diese dann als beliebige Datei exportieren z.B. jpg, png, gif...
Geht schnell und ist einfach zu machen.
 
Status
Für weitere Antworten geschlossen.
Zurück
Oben