Verwende unsere Suchfunktion
Impressum und Datenschutz
Die NOF-Schule | Startseite
Zum NOF-Forum
trennlinie-im-NOF-Projekt

Hintergrund mit Verlauf in Netobjects Fusion einfügen

Hintergrund-Grafik erstellen

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

Hintergrund-mit-verlauf

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:

Hintergrund-schnipsel

 

Hintergrund-Grafik einbinden

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 und allen späteren Versionen (aktuell NOF 2015) ist der Menü-Punkt nicht mit  “Design” sondern als “Formatvorlage” bezeichnet. Der Vorgang ist aber in allen Versionen beinahe identisch.

Formatvorlage-design

Hintergrund-Formatvorlage

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

Hintergrund-einbinden

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:

Beispiel Seitenaufbau mit Verlaufshintergrund (oder einfarbig)

Hier der typische Aufbau einer Seite mit abweichendem Hintergrund:

Beispiel-Layout

Im Grunde ist unsere NOF-Schule genau so aufgebaut - selbst wenn der Hintergrund keinen Verlauf enthält.

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

Im oberen Bereich (Masterrahmen) zwei horizontale Layoutbereiche mit unterschiedlichen Farben für Header und Navigation.

Im mittleren Bereich (Layout) eine großer Layoutbereich für Inhalte. Texte und Inhalte können in größeren Textfelder in WYSIWYG-Methode untergebracht werden, damit man nicht bei jeder Editierung viele Textfelder manuell verschieben muss..

Im unteren Bereich (Masterrahmen) ein Layoutbereich für die Footer-Inhalte.
 


Nächste Seite

Seite drucken