Design: "Bright Stars"

Div-Konstruktion: absolut positioniert

Die hier verwendete Grafik (hintergrund.jpg / Speichergröße: ca. 48 KB) kann vollständig angepasst werden, da sie hier zusätzlich noch im Psd-Format (hintergrund-alle-ebenen.psd / Speichergröße: ca. 924 KB) beiliegt. Die Bildmaße der Grafik betragen 771px in der Breite und 558px in der Höhe.

Bearbeitung der Grafik im Psd-Format (Photoshop)

Nur bei Grafiken im Psd-Format kann auch nachträglich noch auf alle Ebenen zugegriffen werden, um Änderungen oder Anpassungen zu jeder Zeit durchführen zu können. Da jede Ebene separat in einer einzigen Datei gespeichert wird, nimmt ein derartiges Dateiformat besonders viel Speicherplatz ein. Aus diesem Grund wird die Psd-Datei vor dem Upload zum Server wieder in ein anderes Format wie *jpg, *gif oder *png konvertiert, da diese Formate ein erheblich geringeres Datenvolumen aufweisen. Psd-Grafiken werden daher auch nicht mit zum Server hochgeladen, da sie nur zur weiteren Bearbeitung oder Anpassung dienen.

Die Grafik dieser Homepagevorlage beinhaltet insgesamt 22 einzelne Ebenen:
1 Hintergrundebene für die Hintergrundfarbe, 1 Ebene für die ovale Hauptgrafik, 13 Ebenen jeweils für die Sterne bzw. Kreise sowie 7 Textebenen. Auf jede Ebene incl. deren Effekte kann zugegriffen werden, sofern Sie über ein geeignetes Bildbearbeitungsprogramm wie z. B. Adobe Photoshop o. ä. verfügen.

Greifen Sie nun mit dem horizontalen Textwerkzeug auf die jeweiligen Textebenen und ersetzen dort den Text durch Ihren eigenen. Es können sogar einzelne Ebenen sowie deren Effekte ein-/ausgeblendet oder auch neue hinzugefügt werden. Nachdem Sie die Textanpassung durchgeführt haben, sollte die Grafik zuerst wieder als Psd-Datei abgespeichert werden, um auch weiterhin Änderungen in dieser Grafik vornehmen zu können. Danach speichern Sie die Grafik-Datei zusätzlich noch für das Web als "hintergrund.jpg" wieder in den Ordner "images" zurück, um die vorhandene Beispiel-Grafik zu überschreiben.

Tipp: Für Personen, die über kein geeignetes Bildbearbeitungsprogramm verfügen, liegt der Homepagevorlage vorsorglich noch eine unbeschriftete Grafik im Jpg-Format (hintergrund-unbeschriftet.jpg) anbei - Standard-Beschriftungen können beispielsweise auch mit dem in Windows integriertem Bordmittel wie "Paint" durchgeführt werden!

Navigation und allgemeine Links

Die Verweise im Navigationsmenü sind mit Hilfe von Koordinaten in einzelne Sektionen (Image Maps) unterteilt, da die Grafik anstelle von Verweistext, folglich verweis-sensitiv definiert wurde. Die Verweise selbst sind daher über das Html-Dokument innerhalb der "Map" anzupassen.
Hier noch ein allgemeiner Link im Text ohne Ziel!

Änderungen der Formatierung erfolgen über die ausgelagerte CSS-Datei "style.css", die sich im Ordner "css" befindet. Nach Anpassung des Textes in der Bilddatei, der Verweise und der Fußzeile im Html-Dokument legen Sie weitere Seiten durch Kopieren der Datei "index.htm" an, die danach noch entsprechend zu benennen sind!

Weitere Infos

Bitte beachten Sie: Die Nutzung dieser Homepagevorlage ist nur für private Inhalte kostenlos, sofern der Backlink am unteren Ende, der auf unsere Seite verweist, erhalten bleibt. Der Backlink darf nur gegen Bezahlung entfernt werden! Für eine gewerbliche bzw. kommerzielle Nutzung ist diese Homepagevorlage ebenfalls zu erwerben. Auf nachfolgenden Links gelangen Sie zu den Nutzungsbedingungen, bzw. zum Bestellformular von homepage-vorlagen-webdesign.de!