HTML selbstgemachtes interface verwenden

[Beroni]

Hallo!

Ich habe ein Handgezeichnetes Interface für eine Webseite (quasi die Buttons in einer schönen darstellung), habe dies nun gescannt und im Photoshop quasi optisch für meine Homepage tauglich gemacht.

Nun habe ich eine .PSD datei die ich natürlich in ein xbeliebiges Format wandeln kann, meine Frage ist nun wie werden für einen Homepage Anfänger, der Dreamweaver cs5 zur verfügung hat, aus meinem statischen Bild nun betätigbare Knöpfe auf meiner Homepage.

Gibt es dafür einen einfachen Weg? Ich brauch nichts aufwändiges ...

Würde mich über eure Hilfe freuen!

danke lg

 

[Tumbleweed]

Die einfachste Lösung ist wohl so ein Bild einzufügen und es zu einem Link zu machen.

<a href="zielURL"><img src="bildQuellURL"></a>

Dazu darf das natürlich nicht ein riesiges Bild sein, sondern du musst die Knöpfe einzeln ausschneiden.

 

[Beroni]

na so blöd bin ich auch nicht :-) .... das ist natürlich ne leiste im ganzen mit ca 7-8 buttons, die man nicht zerschneiden kann weil die durch eine 1px trennlinie unterteilt sind die natürlich zum design gehört.

 

[powerfx]

Du kannst sie einfach "zerschneiden" und dann mit den umgebenden Bereichen zusammenfügen.

Beispiel: Hier ganz oben links auf der Seite: Das ComputerBase-Logo ist ein "Button" (ein Link halt), der Hintergrund daneben nicht. Und es gibt keine Trennlinien.

 

[GustlPC]

Stelle doch einmal ein Bild von deinem Entwirf hier online. Dann kann man bestimmt mehr sagen.

Wenn es nicht allzu scwierig ist, werde ich dir die html davon erstellen.

Gruß

 

[Beroni]

Ah das ist aber nett! In welchem Format hättest du es denn gern?

 

[Kagee]

Google mal nach "slicen" oder "slicing"

 

[GustlPC]

Erstmal ein Bild von dem ganzen, oder mir direkt schicken. Am liebsten ein Format welches ich mit Gimp oder Peint.NET öffnen kann.

 

[Xetoxyc]

oder einfach mal html von grund auf lernen... und sich nicht auf "hilfsmittel" wie dreamweaver verlassen... dass würde so fragen ersparen

 

[[ChAoZ]]

Wie schon gesagt wurde ist das Stichwort: "Slicing"
Du markierst alles was zerschnitten werden soll in der PSD und lässt PS dann die Arbeit machen.

Am Ende hast du dann zig JPG-Dateien die du weitergeben kannst.
Aber ich würde auch das Design weiter geben...

 

[Eagle-PsyX-]

@InEv1L
Da kann ich mir nur anschließen. Ich würde noch CSS dazustecken, immerhin brauchst du das, um aufwendigere Designs zu schreiben.

@[ChAoZ]
Das ist aber keine wirklich gute Empfehlung. Photoshop spuckt dir nur einen Tabellenbrei raus, der teilweise einfach nur riesig und schlecht ist, da man einiges sich ersparen könnte.

 

[Faboloco]

Kann mich ebenfalls nur anschließen. Und HTML ist gar nicht so schwer wie es aussieht.