Anfänger frage....

[Kawa-Jens]

Hallo,

ich bin ganz neu in Sachen HTML und habe deshalb auch eine echte Anfänger frage... denke ich zumindest ;)

Also ich habe im Photoshop mir ein Hintergrund Design erstellt. Und möchte darauf jetzt Buttons machen und diese dann auf die unterseiten verlinken. Frage nur wenn ich z.B. im Dreamweaver den Button einbaue wie kann ich diesen dann verlinken?!

Auch im Editor bekomme ich dies nicht hin, da mein Hintergrund ja ein Bild darstellt.... Wäre euch für einen Tipp sehr dankbar!

Gruß Jens

 

[Leustich]

das ist gar kein großer aufwand:

<a href="#" title="dahin gehts"><img src="deinbild.jpg" alt="das is auf dem bild" /></a>



Mfg

 

[Kawa-Jens]

erstmal danke!

okay erstmal vielen dank!

Problem jetzt nur ist, das ich meine Buttons garnicht auf das Design bekomme, sondern Dreamweaver diese immer neben das Design setzt....

Gruß Jens

 

[prm]

Ohne Link zur Seite kann man da konkret schwer helfen.
Du solltest aber folgendes beachten:
Photoshop ist ein Grafikprogramm und sollte auch für diesen Zweck eingesetzt werden.
Die websitemäßige Umsetzung eines erstellten Designs ist ein ganz anderes Thema. Da kannst du Grafiken z.B. direkt einbinden, sie als Hintergrundgrafiken verwenden oder musst sie entsprechend positionieren.
Deshalb ist es wichtig, dass du dir zunächst einen Plan über das Aussehen der Seite machst.
Dann überlegst du, mit welchen Elementen du diesen umsetzen kannst, wo und wie diese Elemente zu positionieren sind und auf welche Art die Grafiken eingebunden werden.
Ich kenne zwar Dreamweaver nicht und weiß nicht, welche Arbeiten er da abnehmen kann. In jedem Fall können dir jedoch HTML- und CSS-Kenntnisse nützlich sein.

 

[Kawa-Jens]

also es geht um diese "seite" ist mehr s aus testzwecken dabei zuentstehen:

FC-Göttingen

Und ich möchte wie oben schon beschrieben die buttons die jetzt oben über dem Hintergrund sind auf den Hintergrund bringen?! Gibt es da irgendeine recht einfache Möglichkeit?!

 

[threadi]

Auf welchen Hintergrund? Ich sehe nur eine schwarze Farbe als Hintergrund und darüber sind diese Grafiken bereits.

Du meinst außerdem eher diese Seite: FC-Göttingen

Bitte füge auch noch einen gültigen Doctype ein, dein HTML-Code ist sehr fehlerhaft:
[Invalid] Markup Validation of http://www.biker-goettingen.de/FC-Goe/index.htm - W3C Markup Validator

 

[Kawa-Jens]

Da kannst du Grafiken z.B. direkt einbinden, sie als Hintergrundgrafiken verwenden oder musst sie entsprechend positionieren.

ja genau das ist ja das was ich möchte, ich möchte eine Grafik direkt einbinden, aber diese Grafik muss man ja vorher irgendwo erstellen daher dachte ich an Photoshop. Habe mir da jetzt die Grafik erstellt und weiß wie ich was positionieren will. Wie binde ich diese Photoshop Grafik die ja als .jpg gespeichert ist denn so ein das dies mein Dynamischer Hintergrund wird auf dem ich agieren kann, also auch Texte schreiben kann etc.?!

Gruß Jens

 

[threadi]

Natürlich als Hintergrundbild:

SELFHTML: Stylesheets / CSS-Eigenschaften / Hintergrundfarben und -bilder

 

[prm]

Wenn du "Texte draufschreiben" willst, dann als Hintergrundgrafik.

<div style="background-image: url(deinbild.jpg);">
<p>
Text
</p>
</div>

Soll die ganze Grafik angezeigt werden, dann weise noch Höhen- und Breitenangaben zu entsprechend denen des Bildes, z.B.

<div style="background-image: url(deinbild.jpg); width: 400px; height: 200px;">
<p>
Text
</p>
</div>

Eine weitere Möglichkeit, jedoch mit Nachteilen behaftet:
Bildschirmfüllende Hintergrundgrafik

 

[Kawa-Jens]

Natürlich als Hintergrundbild:

SELFHTML: Stylesheets / CSS-Eigenschaften / Hintergrundfarben und -bilder

Diese Variante werde ich heute Nachmittag mal ausprobieren. Und hoffe das ich dann zu einem Ergebnis komme, Vorteilhaft wäre natürlich ein Positives ;)

Schonmal Vielen Dank für die Hilfen!

Gruß Jens