Design: "Spotlight"

Konstruktion: ohne Frames

  • Tabellen- und 'Div'-Boxen-Konstruktion (nur das Navigationsmenü befindet sich in einer Tabelle)
  • Breite ohne Navigation: 700px; Breite mit Navigation: 730px
  • Die Formatierung ist über die extern ausgelagerte CSS-Datei vorzunehmen.
  • Je nach Inhalt, der eingefügt wird, verlängert bzw. verkürzt sich die Seite automatisch.
  • Nach Anpassung der Links ist das Html-Dokument 'index.htm' so oft zu kopieren, wie Seiten benötigt werden, die dann noch dementsprechend umzubenennen sind.
  • Weitere Pics zu dieser Vorlage finden Sie auf der zweiten Seite (index-2.htm).

Navigation und allgemeine Links

  • Das Navigations-Menü kann bei Bedarf ein wenig erweitert werden. Sie können in der CSS-Datei bei #navi die Pixelzahl etwas erhöhen, bzw. in der Navigationstabelle ein oder zwei zusätzliche Zellen hinzufügen sowie die Schriftgröße verringern. Zu beachten ist ausserdem die Monitorauflösung von 800 x 600 px.
  • Hier noch ein Beispiel-Link im Text ohne Ziel.

Logo

Nachtrag: Das Logo ist ganz einfach mit einem Grafik-Programm nachzubauen, wie folgt: Sie öffnen in Ihrem Grafik-Programm ein neues Dokument in der Größe von ca. 400 x 115px und färben den Hintergrund in Hex: #454545 bzw. in RGB: 69,69,69. Benutzen Sie das horizontale Text-Werkzeug, um den von Ihnen gewünschten Logo-Text zu erstellen. In diesem Logo wurde für den Text die Farbe #660000 (RGB: 102,0,0) gewählt, die mit dem Ebeneneffekt "Schlagschatten" noch ein wenig aufgepeppt wurde. Probieren Sie die Ebeneneffekte selbst ein wenig aus, bis es Ihren Vorstellungen entspricht. Um den Spiegelungs-Effekt anzuwenden, kopieren Sie den Schriftzug in ein neues Dokument und benutzen dort das lineare Verlaufswerkzeug (Hintergrund: #454545 / Vordergrund: transparent) von oben nach unten. Danach spiegeln Sie das Bild mit Bild -> Arbeitsfläche drehen -> vertikal spiegeln und kopieren es erneut, um es wieder in das zuerst erstellte Dokument einzufügen. Durch das Einfügen des gespiegelten Textes entsteht automatisch eine neue Ebene im ersten Dokument, die unter die Textebene zu ziehen ist, um eine Bildüberlagerung zu vermeiden. Anschließend gehen Sie mit der rechten Maustaste auf das Bild und wenden "frei transformieren" an. Schieben Sie dann mit der linken Maustaste den gespiegelten Text genau unter den ersten Text. Nun ist das Logo fertiggestellt und es kann dann durch das Beispiel-Logo ersetzt werden. (siehe auch ausführliche Anleitung unter Homepage-Tipps)

Sonstiges

::: Diese Homepagevorlage ist validiert (valides HTML) :::

Valid HTML 4.01 Transitional

Wichtige Info

Die Nutzung dieser Homepagevorlage ist nur für private Inhalte kostenlos, sofern der Backlink, der auf unsere Seite (http://www.homepage-vorlagen-webdesign.de/homepagevorlagen/) verweist, nicht entfernt wird. Der Backlink darf nur gegen Bezahlung entfernt werden! Für eine Nutzung gewerblicher, sowie kommerzieller Seiten, ist diese Homepagevorlage ebenfalls zu erwerben. Auf nachfolgenden Links gelangen Sie zu den Nutzungsbedingungen, bzw. zum Bestellformular von homepage-vorlagen-webdesign.de!

Claudia Mustermann ~ Mustergasse 77 ~ 54321 Musterstadt ~ Homepagevorlagen