HTML-Kurs - Grafiken beschriften

2. Grafik

2.1 Grafiken beschriften

Die angebotenen Grafiken auf dieser Seite sind bewusst ohne Beschriftung. Damit sie für Ihre Website brauchbar werden, müssen sie beschriftet werden. Dies geht auf 2 Arten.

1.) Sie öffnen die gewünschte Grafik - z.B. diese hier: mit einem x-beliebigen Grafikprogramm (es kann sogar das bei Windows integrierte "Paint" sein), fügen mit der Textauswahl den gewünschten Schriftzug hinzu und speichern die Grafik unter einem anderen Namen ab.

Diesen Vorgang wiederholen Sie, bis Sie alle benötigten Buttons haben.

Je nach Grafikprogramm müssen Sie vor der Beschriftung die Grafik zuerst in RGB-Echtfarben umwandeln (z.B. bei PhotoImpact), falls die Schrift eine andere Farbe haben soll.

2.) Bei der 2. Möglichkeit definieren Sie den neutralen Button als Hintergrundgrafik einer Tabellenzelle und setzen einen Text darüber.

Der Quellcode dafür sieht so aus:

<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td style="color:white;background-image(url:button.gif)" height="20" width="105" align="center"><b>Home</b></td>
</tr>
</table>

Eigene Homepage kostenlos: direkt online, in Flash und HTML.