www.osbelder.de

unsere bilder im web

FUSION-2
os belder = rheinisch für "unsere Bilder"
Zur Stichwort-Suche
Erklaerungen zur Web-Site
Impressum

Zum Seitenanfang


Inhaltsverzeichnis
 

Aktuelles
Spezielles

 

Suche
Stichworte

 


Abkürzungen
 

Mit Klick auf die äußeren Spalten zurück zum Seitenanfang
 

Netobjects-Fusion (NOF)

Erfahrungen Seite 2

 

Zurück zur Übersichts-Seite

 

 

 

17

Hintergründe selbst herstellen

Mit Photoshop-Elements habe ich mir einen eigenen Hintergrund erstellt.

Dazu zuerst eine leere Seite erzeugt, z.B. 600 x 500 Pixel mit 72 dpi und einen farbigen Hintergrund wählen. Auch weiß ist möglich, nur nicht transparent.

Nicht zu kleines Ausgangsbild verwenden, das Kacheln, das Aneinanderreihen von kleinen Hintergrundbildchen, benötigt längere Ladezeiten.

 

Zuerst muss ich ein Grundmuster suchen, z.B. >Filter >Strukturierungsfilter >Kacheln

 

Für diesen Hintergrund wurde eine kleine Kachelgröße und eine hohe Fugenbreite gewählt.

Anschließend bearbeitete ich die Vorlage weiter mit verschiedenen Kunstfiltern.

 

Leider habe ich mir die weiteren Arbeitsschritte nicht notiert, sodass ich den weiteren Verlauf für den Hintergrund in osbelder nicht mehr dokumentieren kann.

 

Den fertigen Hintergrund über “Design”-Ansicht für alle Seiten einfügen:

Design-Ansicht aus der Menü-Leiste öffnen

im SiteStyle das Feld:

“Seitenhintergrund” anklicken

in der Palette: Seitenhintergrund-Eigenschaften

unter “Bild:” den Hintergrund einlesen

18

Rollover-Navigation (in der hier verwendeten Art)

Auf dieser Web-Site wurde eine horizontale Navigationszeile gewählt, die die vollständige erste Ebene der Seiten enthält (erste Top-Ebene). Die nachgeordneten Ebenen werden per Rollover geöffnet, sobald der Mauszeiger auf ein Thema gesetzt wird.

Um die Navigation meinen Wünschen anzupassen musste sie benutzerdefiniert verändert werden in folgenden Schritten:

 

1. Schritt: Navigationsleiste markieren (anklicken)

Palette “Navigationsleisten-Eigenschaften” ggf. über Ansicht >Eigenschaftspalette aufrufen

in der ersten Zeile nicht “Site” sondern “Benutzerdefiniert” markieren

im folgenden Fenster erscheinen alle internen Links, auch die zu den Seiten

 

Die Seiten nun im linken Fenster markieren und ins rechte Fenster hinüberordnen.

 

Wichtig: die Abweichungen von der Site-Struktur (linke Seite) müssen ins rechte Fenster einzeln, genau nach Wunsch, per Drag & Drop zugeordnet werden, so, wie sie später in der Navigation angezeigt werden sollen.

 

1. Beispiel:

In meiner Seitenstruktur stehen Tiere-2 und Tiere-Archiv in unterschiedlichen Ebenen, deshalb erfolgte die frühere Anzeige in der Navigation nacheinander. Erst wenn der Mauszeiger auf “Tiere-2” gesetzt wurde, wurde Tiere-Archiv angezeigt.

Gewünscht war aber eine Anzeige aller Unterseiten, sobald die Maus auf “Tiere-1 steht. Deshalb wurden unter “Benutzerdefinierte Navigation” unter der Seite Tiere-1
die Seiten Tiere-2 und Tiere-Archiv untereinander in gleicher Ebene angeordnet

(im rechten Fenster ggf. per Maus an die richtige Stelle ziehen).

 

2. Beispiel: (noch zwingender):

Die Seite “Aktuell” gehört zur zweiten Top-Ebene und diese ist, lt. Provider, auch auf sechs Seiten begrenzt. Deshalb wollte ich kein Nebenthema in die zweite Ebene einordnen.

Ich habe die thematisch auch “aktuelle” Seite “pixel-top” in der Seitenstruktur eine Ebene tiefer,  platziert. Denn ab der 3. Ebene gibt es keine Begrenzung der Seitenanzahl mehr.

 

Durch die Zuordnung der neuen Seite in eine tiefere Ebene entstanden in der Standardeinstellung “Site” Darstellungsprobleme in der Navigation.

Deshalb wurde die Seite im Fenster “Benutzerdefinierte Navigationsleiste” unterhalb von “Aktuell” eingefügt. Also dem gewünschten Thema, als eingerückte neue Ebene, wieder zugeordnet. Deshalb funktioniert jetzt die Anzeige per Rollover neben der Seite “Aktuell”.

 

Wenn alle Seiten in die “Benutzerdefinierte Navigationsleiste” korrekt übertragen wurden,

dann mit OK bestätigen.

 

2. Schritt: Die Navigationsleiste ist weiterhin markiert

Jetzt in der Navigationsleisten-Eigenschaften-Palette...

 

(kurze Kontrolle im Register Allgemein: unten, neben “Orientation”
ist Horizontal für die erste Navigations-Ebene gewählt)

 

das Register “Stil” öffnen.

 

unten links: in osbelder.de sind unter “Optionen” alle Möglichkeiten mit einem Häk´chen markiert, außer das Feld “Nav.-Enden” - Rahmen und Abstand stehen auf -0-

 

Nun oben, erste Zeile: “Aktuell” wählen

Button “Erweitert” öffnen

im folgenden Fenster...

nacheinander die Ebenen markieren und die Werte, für die jeweils folgende Ebene,
unten rechts eingeben.

 

In osbelder.de stehen unten rechts folgende Werte:

Home  -> (Die Navigationleisten-Ausrichtung wurde bereits auf Horizontal gesetzt, siehe oben)

Wohnort (gesamte erste Ebene - für die 2. Ebene)  -> Vertikal, Unten, X 0, Y 0

Lage (gesamte zweite Ebene - für die 3. Ebene) -> Vertikal, Rechts, X 2, Y 0

Liebenstein-O (3 Ebene - für die 4. Ebene) -> Vertikal, Rechts, X 2, Y 0

 

Die dritte Ebene in den Kurzwanderungen wird noch deutlich erweitert, deshalb müssen die Unterseiten “Liebenstein-1 und -2, als vierte Ebene, nach rechts ausklappen.

 

Eine fünfte Ebene wird es in meiner Navigation, hoffentlich nicht geben. Die Besucher akzeptieren keine zu tiefe Staffelung.

 

Verwirrend ist anfangs die Einstellung “Vertikal”, bei mir schon ab erster Ebene (Wohnort).

Der erste Wert bezieht sich auf alle einzelnen Seiten der nachfolgenden Ebene. Und die werden untereinander stehend, also vertikal, ausgeklappt.

Erst der zweite Wert “Rechts” gilt für die Horizontale Ausrichtung der Gesamt-Ebene, bei mehreren Seiten also für den gesamten Seiten-Block.  

 

Erfreulicher Nebeneffekt der benutzerdefinierten Navigation:

Die Navigations-Button der nachfolgenden Ebenen werden jetzt, nicht wie vorher,
Ebene für Ebene, sondern als Block, d.h. alle sofort, angezeigt.

Außerdem erfolgt die Anzeige verblüffend schnell, der Tempogewinn macht richtig Spaß.

 

Und die abschließende Kontrolle:

Wechseln Sie auf den Reiter “Seitenvorschau” - Dann werden Ihnen mit Hilfe des Mauszeigers alle Ebenen Ihrer Navigation angezeigt. Fehler in den Ausklapp-Menüs sind sehr gut erkennbar und können anschließend mm-genau korrigiert werden.

PS: Bei Seiten für ältere Besucher sollten die Navigations-Button groß genug sein und nicht zu weit auseinanderliegen, sonst reißt die Öffnung der Ebenen bei zu langsamer Mausführung ab.

 

19

Link zum Seitenanfang aus jeder Position

Ein Besucher beklagte sich, dass er zum Seitenanfang zurück-scrollen müsse.

Er wolle mit einem Klick zum Seitenanfang zurückspringen.

Zuerst nahm ich den Wunsch nicht ernst, später überlegte ich, warum eigentlich nicht?

Ist das mit NOF ohne HTML-Kenntnisse möglich?

 

Nach einigen Experimenten hier die Lösung

(bevor sie die eigene Web-Site ändern, bitte den Hinweis -unten- lesen!)

 

1. Am äußersten linken Rand, in der schmalen Tabellenspalte (bisher Dekoration),

wurde ein Rechteck eingefügt.

Zur Arbeitserleichterung Tabellenspalte vorübergehend verbreitern.
 

Das Rechteck, über die ganze Seitenlänge, möglichst in den Masterrahmen stellen.

Was im Masterrahmen steht, wird mit jeder neuen Seite automatisch angelegt und das gilt auch für den Link zum Seitenanfang.

Rechteck links: ohne Rand und mit den gleichen Farben wie der Hintergrund, deshalb ist der Trick optisch nicht zu erkennen. 
 

2. Im Kopfbereich ganz oben (!) einen Anker setzen -

als Anker-Titel habe ich “ZumSeitenanfang” eingetragen und später, als Alternativ-Text im Rechteck-Eigenschaftenfenster “Zum Seitenanfang”.
 

3. Rechteck in der äußersten linken Tabellenspalte verlinken mit:

Interner Link

Name auswählen, hier “ZumSeitenanfang”

Vor “Aktuelle Seite” den Punkt setzen (das ist entscheidend!)

mit der Schaltfläche “Link” abschließend, das Linkfenster schließen 

Fertig

 

Durch die Markierung vor “Aktuelle Seite” setzt NOF automatisch auf jede Seite den Link, hier mit dem Namen “Seitenanfang”.

 

Der Trick ist zwar nicht unbedingt nötig, aber man kann sich, das muss ich feststellen, schnell  an die neue Bequemlichkeit gewöhnen.

 

Zum optischen Abschluss habe ich inzwischen auch am rechten Rand einen Rücksprung-Link eingefügt. Allerdings dort nicht in einem Masterrahmen. Deshalb muss ich den Rücksprung am rechten Rand auf jeder neuen Seite manuell hinein kopieren. Die gleiche Position erhält er durch die NOF-Einstellung >Ansicht >An Gitter einrasten.

Für ungeübte Mäus´chen habe ich den linken Rücksprung ein wenig breiter gesetzt. 

 

Übrigens mit dem Rücksprung im Browser gelangt man wieder genau zum Klick-Punkt zurück, ab dem man hochgesprungen ist. Oder, es ist vorher irgendwo auf der Seite der Cursor gesetzt worden, dann springt er auf die letzte Cursor-Position

 

 

Weitere Tipps:

 

Das ging bei mir nicht

1. überlange Fotos in eine Tabelle einfügen, FUSION warnt vor Anzeigeproblemen!

2. Tabellen oder Tabellenspalten können nicht verlinkt werden

 

Das ist möglich

1. Linien können auch verlinkt werden, haben aber sichtbare Farb-Schattierungen

2. Habe zuerst mit einer breiteren Spalte gearbeitet und am Schluss Rechteck und Spalte verkleinert.

 

Hinweis: Selbst nach Monaten kam es zu keinen auffälligen Programm-Reaktionen, weder in NOF noch in den Browsern.

Trotzdem kann ich nicht mit Sicherheit sagen, ob das gleiche Verfahren generell möglich ist. Die hier gesetzte Verlinkung habe ich bisher auf keiner anderen Internetseite gesehen.

Ich empfehle deshalb, zuerst eine Vorlagen-Sicherung zu erstellen. Dann den verschachtelten Link auf einer Übungsseite ausprobieren, bevor er abschließend auf der Original-Web-Site eingefügt wird.

 

20

Skriptschäden Ergänzung zu Punkt 7

Die gefürchteten Skriptschäden wurden bereits auf Seite 1 unter Punkt 7 beschrieben. Durch ein NOF-Forum wurde ich auf einen Fehler in meiner ersten Arbeit aufmerksam, der so gut wie immer zu irreparablen Schäden auf der Web-Site führt.

 

Ich hatte formatierten Text aus einem Büroprogramm eingelesen. Das ist wohl einer der schlimmsten Fehler, den man in NOF machen kann, weiß ich heute.

 

Man muss sich die Arbeitsweise dieser Hilfsprogramme vorstellen. Wenn vordergründig Texte und Bilder einfügt, verschoben, vergrößert und verkleinert werden, müssen die Web-Design- Programme, wie auch NOF, den HTML-Text im Hintergrund mitschreiben, entweder direkt, oder bei der Publizierung.

 

Nun verwenden Büroprogramme und das Internet ähnliche, aber nicht gleiche Programmbefehle und dadurch kommt es zur Kollision zwischen den Formatierungen des Textes aus dem Büroprogramm und dem HTML-Text. In solchen Fällen sind wir, die HTML-Laien, hilflos. Wir müssen neu beginnen. Aber auch die Profis hätten ihre Mühe, solche Fehler zu korrigieren.

Deshalb hier nochmals der Hinweis, immer wieder Vorlagen zu exportieren (Punkt 3).

 

Deshalb unbedingt folgenden Weg beachten,
Texte aus einer anderen Anwendung per Kopiervorgang einfügen mit...

 

Rechte Maustaste (Kontextmenü)

Speziell Einfügen

Unformatierter Text

 

Durch diesen Vorgang werden, vor dem Einfügen, alle Formatierungen im Ursprungstext gelöscht. Danach müssen sie anschließend in NOF neu formatiert werden.

Ich habe aus den ersten Erfahrungen gelernt und nicht einmal mehr HTML-Texte aus anderen Programmen in NOF übernommen. Denn die Standards der Programme sind nicht zuverlässig kompatibel !!!

 

Siehe unbedingt auch Punkt 25

 

Längere Texte habe ich, statt sie einzufügen, als PDF oder HTML-Dokumente abgespeichert und mit Hilfe der Funktion “Datei-Link” nur noch extern verlinkt, siehe Bildgröße bestimmen.

 

21

Bisherigen Punkt 21 gelöscht.

Thema “Galerien”: viele Fotos in Netobjects-Fusion einbinden, siehe Seite FUSION-4
 

Neu - 07.06.09 -

Web-Site im Browser zentrieren

Wieder eine Anleitung aus dem NOF-Forum, also keine eigene Erfahrung. Aber zur eigenen Erinnerung an dieser Stelle notiert.

Eine Web-Site wird im Browser des Besuchers in der Regel am linken Rand angezeigt.

Bei unterschiedlichen Bildschirmen und Bildschirmeinstellungen kommt es zu unschönen leeren, unsymetrischen Flächen.

Um das zu ändern erhielt ich im NOF-Forum folgende Anweisung:

 

F10-Taste drücken - (Masterborder-Eigenschaften werden geöffnet)

HTML - auf den HTML-Button klicken

Beginn des Haupttextes - den Reiter öffnen

jetzt eingeben:

<div align=”center”>

Ende des Haupttextes - jetzt diesen Reiter öffnen

und eingeben:

</div>

 

Wenn bereits im Fenster “Layout-Eigenschaften” Seiten einzeln zentriert wurden, dann muss bei “Im Browser zentrieren” das Häk´chen entfernt werden.

 

Unerwünschte Zentrierung

Jetzt werden alle Objekte im Browser zentriert angezeigt. Das kann auch zu unerwünschten Darstellungen führen, wenn in der Layoutfläche zu wenig eingefügt wird.
Beispiel: Selbst ein linker Masterrahmen wird in die Mitte gerückt, wenn die Layoutfläche einer neuen Seite noch leer ist.
 

Um das zu verhindern, sollte im Layoutbereich mindestens ein kleines Objekt an den äußersten rechten Rand gestellt werden. Ein kleiner leerer Textrahmen genügt.

 

Auf dieser Web-Site sorgt ein durchgehendes, zum Seitenanfang verlinktes Rechteck, für den festen rechten Rand und somit zum gewünschten Zentrier-Effekt.

Denn durch die Begrenzung am rechten Rand, ob durchgehend oder nicht, werden die Seiten immer als ganzes zentriert. Es kommt nicht mehr zu ungewollten Verschiebungen.

 

 

 

 

Zur vorherigen Seite

Zum Inhaltsverzeichnis

Zur nächsten Seite

 

Zum Seitenanfang

©
Alle Rechte vorbehalten
 

IMG_4763-DennenloheDennenlohe-1Zur Seite "Aktuelles"Zur Seite "Home"Zu "Wohnort"Zu "Unterwegs"Zu "Infos-Inhalt"Schloss DennenloheSchloss DennenloheNaturfotosReisen
Zum Seitenanfang