Spezielle NetObjects Themen

Hintergrund mit nach unten aufhellendem Verlauf in Netobjects einfügen:

Folgende Grafik zeigt, wie der Verlauf als Hintergrund der Website für alle Seiten aussehen soll:

BGblauverlauf

Der Hintergrund wird mit der Funktion  “Füllen” oder mit dem “Farbverlaufswerkzeug” (oder auch Gradients im Photoshop)  eines Grafikprogramms erstellt.  Wir schneiden ein schmales vertikale Segment (auch “Schnipsel” genannt) dieses Verlaufs für die Website aus:

BGblauverlaufSchnipsel

Da der Hintergrund für alle Seiten gelten soll, wird er im Design einmalig voreingestellt. Wir öffnen also die Design-Ansicht, suchen im Menü unter “Design” > “Formatvorlagen verwalten”  nach den Design-Einstellungen für den Haupttext/Body. Folgende Bilder erläutern den Vorgang.

Anmerkung: In der Version NOF11 ist der Menü-Punkt nicht mit  “Design” sondern als “Formatvorlage” bezeichne

Formatvorlagen verwalten

Haupttext/Body

Auf “Bearbeiten” klicken, im Karteireiter “Hintergrund” den Grafik-Schnipsel so wie die Hintergrundfarbe eingeben sowie die Einstellungen für die Grafik-Position eintragen:

Hintergrund-Einstellungen

Jetzt sind die wichtigsten Einstellungen erfolgt. Der Hintergrund wiederholt sich automatisch und unendlich horizontal, unabhängig von der Bildschirmgröße des Betrachters.

Allerdings sollten wir Inhalte nicht direkt auf den Hintergrund schreiben, denn diese wären schwer zu gestalten und schwer zu lesen. Die klassische Lösung: Wir wählen für den Inhalt andere Hintergründe.

Dafür wechseln wir von der Design-Ansicht in die Seitenansicht, zentrieren die Website, und organisieren die Inhalte mit Hilfe von Tabellen. Ein Anordnungsbeispiel zeige ich Ihnen nachfolgend:

Anordnungsmöglichkeit für die Inhalte

Für diese Anordung kann die Tabelle wie folgt organisiert werden:

Im oberen Bereich (Masterrahmen) eine Tabelle mit einer Spalte und zwei Zeilen, für Banner und Navigation.

Im mittleren Bereich (Layout) eine Tabelle mit nach Wunsch angeordneten Zellen für die Inhalte.

Im unteren Bereich (Masterrahmen) eine Tabelle mit mindestens einer Zeile für die Footer-Inhalte.

Achtung: Für alle NOF-Anfänger und erfahrene User: Für die Definition von Hintergründen, Schriften, Rahmen, Abständen und so weiter, verwendet man CSS-Formatvorlagen. Diese haben erhebliche Vorteile gegenüber der händischen Eingabe von Formaten in den Zelleneigenschaften.

Die Verwendung der CSS-Formatvorlagen wird hier erklärt.

Weitere Hintergrund-Möglichkeiten werden hier beschrieben.


FREIE DOWNLOADS VON VERLAUFSHINTERGRÜNDEN FÜR REGISTRIERTE MITGLIEDER HIER!


Fragen zu den NOF-Tutorials beantworten wir gerne in unserem Netobjects-Forum.


Nach oben

 

 

 

NetoojectsFusion XII