www.osbelder.de

unsere bilder im web

Netobjects-Fusion (NOF)

Erfahrungen Seite 3

Zurück zur Übersichts-Seite

22	Banner oder Schaltflächen für die Navigationsleiste kürzen Banner oder Schaltflächen sind in den vorgegebenen Layouts oft zu lang.   Beispiel: Bei heute fast üblichen sechs Top-Seiten gehen die Schaltflächen, in der horizontalen Ebene, über die übliche Bildschirmbreite von 1000 Pixel hinaus. Wenn man keine zwei Navi-Leisten anlegen will (Home z.B. ausgegliedert), bleibt nur noch die Kürzung der Schaltflächen.   Im folgenden der Arbeitsablauf zur Kürzung, am Beispiel eines Banners.   Design-Ansicht - aufrufen Banner kopieren (nur Kopien kürzen!) Kopie anklicken über rechte Maustaste “Bild bearbeiten” - anwählen Paint wird geöffnet Bild (in der Menüleiste oben) öffnen Strecken und zerren - auswählen über die %-Werte die Bannergröße nach Wunsch verändern. OK anschließend Datei Speichern Paint schließen Wieder in der Design-Ansicht: Die Bannerkopie anklicken im Eigenschaftenfenster (ganz unten) Bannerbild - über “Durchsuchen” aktualisieren Fertig     Danach, wenn alle benötigten Schaltflächen wunschgemäß gekürzt sind, in die Bearbeiten-Ansicht (Seiten-Ansicht) wechseln.   Die Navigationsleiste anklicken Im Eigenschaften-Fenster den geänderten Schaltflächensatz auswählen    Fertig   Lücke füllen: Es gelingt natürlich selten, die Navi-Leiste pixelgenau einzukürzen. Ich habe in die übrig gebliebene kleine Lücke ein Rechteck gesetzt und es mit der Seite Erklärungen zur Web-Site verlinkt (siehe oben, rechts zwischen SUCHEN und IMPRESSUM).   Eine neue Navi-Leiste oder ein neues Objekt für den Masterrahmen lese ich zuerst auf eine freie Layout-Fläche ein. Erst wenn die Änderung stimmt, setze ich sie hoch in den Masterrahmen. Denn Verschiebungen in der Layout-Fläche lassen sich leichter beheben, als ein Durcheinander im Masterrahmen.
23	Löschen von Text, Bildern und vor allem Galerien Wer bisher Büroprogramme bediente, muss sich umstellen. NOF löscht nur die Textfelder oder Text-Passagen über die übliche “Entferne”-Taste. Bilder und Galerien haben ihre eigenen Lösch-Abläufe:   Bilder entfernen (in zwei Schritten) 1. In der Seitenansicht, auf der Web-Seite, das Bild markieren und Entferne-Taste drücken 2. Menü “Assets” öffnen und das Bild zusätzlich auch im Assets-Ordner löschen. Bei größeren Arbeitsvorgängen und vor dem Exportieren einer Vorlage in die Assets-Ansicht wechseln, dort “Assets” in der Menüleiste öffnen, “Alle unbenutzten Assets löschen” auswählen. Sicherheitshalber immer unter Windows den “Papierkorb” aktivieren!   Eine interne Galerie entfernen (in drei Schritten) 1. In der Seitengestaltung, auf der Web-Seite, die Galerie markieren und Entferne-Taste drücken 2. In der Site-Ansicht die Datenbank-Site der betreffenden Galerie löschen 3. Menü “Assets” öffnen, den Reiter “Datenobjekte” öffnen und dort den Galerie-Eintrag ebenfalls löschen.
24	NOF 09 - Große Bildmengen, viele Galerien Die Web-Site osbelder.de ist hauptsächlich eine Fotoseite. Zwangsläufig werden die Fotos und die Galerien immer zahlreicher und größer.   Ohne eine komprimierte Darstellung können viele Fotos nicht übersichtlich präsentiert werden. Als Beispiel gilt die hier verwendete Seitenlänge von knapp 5 DIN A4 Seiten (über 4500 Pixel - Layout-Länge). Auf diese Länge passen nur acht große Fotos, zur Darstellung von Details.   Ein Thema von ca. 40 bis 50 Fotos würde eine Seitenlänge von 25 DIN A4 Längen erfordern. Das ist eindeutig zu lang und schwer zu überschauen. Außerdem würden die Ladezeiten der Web-Site viele Besucher vergraulen. Deshalb werden die komprimierten Präsentationen in eingebundenen Bildgalerien immer wichtiger, je mehr Fotos die Web-Site aufnehmen soll.   Allerdings musste ich feststellen, dass auch die Komprimierung in interne Galerien zunehmende  Probleme bereiten, nicht nur in NOF.   NOF wird in der Bearbeitung der Web-Site immer langsamer.  Der Besucher merkt davon nichts. Aber die Bearbeitung, hinzufügen, korrigieren, wird zum Geduldsspiel. Mein Seitenaufruf zur Bearbeitung, ob eine Seite eine Galerie enthielt oder nicht, dauerte drei bis über vier Minuten, jede einzelne Seite! Damit kann man nicht arbeiten.   Ich konnte zwar den Seitenaufbau durch Bereinigungen (korrekte Löschvorgänge, siehe Punkt 23, oben) wieder auf erträgliche 45 Sekunden herunter bringen, aber das war keine Lösung. Denn osbelder.de sollte noch etliche Galerien “verkraften” müssen. Und dann ist keine komfortable Bearbeitung mehr möglich.   Durch ein NOF-Forum erhielt ich den entscheidenden Tipp: Es wurde empfohlen, die Galerien auszulagern.   Leicht gesagt. Ich habe weder HTML-Kenntnisse, noch hatte ich je mit einem FTP-Programm gearbeitet. Und so musste ich mich vorsichtig an die Hilfsmittel und Arbeitsschritte herantasten, immer in Sorge, etwas auf dem Server meines Providers “kaputt” zu machen und somit das ganze Projekt zu gefährden.   Inzwischen ist es geschafft - Ich habe mir auf der folgenden Seite: FUSION-4, alle Hilfsmittel und Verfahrensschritte notiert, mit der osbelder, durch die Auslagerung auf externe Bildergalerien, überarbeitet wurde.    Seitdem kann ich unbedenklich  “tonnenweise Fotos” (Begriff aus dem Forum) auf meiner Web-Site veröffentlichen. Die Bearbeitung von osbelder hat sich nicht mehr verlangsamt.
25	Texte über einen Kopier-Vorgang einfügen In Punkt 20 wird schon vor dem Einfügen von formatierten Texten aus anderen Anwendungen gewarnt. Inzwischen musste ich erfahren, dass nicht einmal Textfelder aus der eigenen Anwendung, also aus mit NOF erstellten anderen Web-Sites eingefügt werden dürfen.   Folgender Vorgang: Aus meiner zweiten Web-Site habe ich ein umfangreiches Textfeld als ganzes mit der rechten Maustaste kopiert und in osbelder eingefügt.   Folge: Es hakte anfangs bei der Erkennung der Seite und über externe Links wurde die neue Seite überhaupt nicht erkannt.   Die Seite musste gelöscht und neu erstellt werden. Dann wurde ein leeres Textfeld aufgezogen und anschließend nur der pure Text aus der zweiten Website kopiert. Eingefügt wurde dann auf der neuen Seite in osbelder mit Bearbeiten (aus der Menüleiste) Speziell einfügen Unformatierter Text   Der eingefügte Text musste anschließend neu formatiert werden.   Eine weitere Besonderheit: Die Änderungen wurden im Browser erst richtig angenommen, nachdem ich den Browser-Cache gelöscht hatte und alle Seiten neu geladen werden mussten. Dann erst funktionierten alle internen und externen Verlinkungen.
26	aktualisiert am 02.02.2009 Zum Download - IrfanView  -  dort rechts oben “deutsche version” anklicken   Dateigröße setzen, neue hilfreiche Funktion in IrfanView ! IrfanView (aktuell Version 4.23) enthält die sehr zeitsparende Funktion “Dateigröße setzen”. Sie erspart den Internet-Bildbearbeitern pro Galerie etliche Stunden monotone Arbeit.   Die kleingerechneten Fotos eignen sich sehr gut für den Mail-Anhang (Breite: 720 Pixel reicht) oder für die eigene Web-Site, hier bevorzuge ich die Größe 660 Pixel (Lange Seite). Durch die Funktion in IrfanView unterscheide ich nicht mehr zwischen Hoch- und Querformat.   Beide Formate (hoch und quer) werden, bei einer Dichte von 96 dpi, auf 660 Pixel Länge, verkleinert. Das Bild auf der Web-Site wird durch Ziehen angepasst. Wichtig ist die Dateigröße, sie ist in beiden Formaten, hoch wie quer, ca. 80 KB, so wie ich das in IrfanView einstelle.  Ganze Galerien werden auf diese Weise automatisch genau nach Größe umgerechnet.   Grundsätzlich musste ich aber feststellen, dass alle Einträge für die Batch-Konvertierung absolut stimmig sein müssen. Wenn zum Beispiel erhebliche Moire-Verzeichnungen oder JPG-Treppchen oder “Zähne” an schrägen Kanten entstanden sind, stimmen die Eingaben in den Batch-Fenstern nicht.   Deshalb hier alle meine Einstellungen in den drei IrfanView-Fenstern der “Batch-Konvertierung” – und darunter eine Kopie des Hauptfensters: ( *  => markieren, auswählen mit Häkchen oder Punkt, alle anderen Felder bleiben leer!)    * Batch-Konvertierung und Umbenennen Zielformat: JPG...Format...  auswählen Optionen (zweites Fenster) Qualität: ... 80 * Dateigröße setzen: ...78 KB  * Spezialoptionen Setzen (drittes Fenster) * Größe ändern * Neue Größe * Lange Seite setzen ... 660 ... * Pixel  (nicht vergessen!) * Proportional * Resamble-Funktion... * Auf alle Seiten anwenden (rechte Seite unten, Standardeinstellung, habe ich belassen) Name: $N-web (Originalname wird erweitert um “-web”)  * Zielverzeichnis: ....auswählen  * Dateityp: PSD  (Die Einstellung des Bildformats auf der rechten Fensterhälfte bleibt, einmal ausgewählt, als meine persönliche Einstellung erhalten. Durch die auf PSD beschränkte Anzeige kann ich, wenn nötig, Fotos nachwählen. Dazu sollte oberhalb des Button “Starten” die Funktion “Vorschaubild anzeigen” markiert werden.) Starten   Erst mit diesen Einstellungen funktionierten meine Umwandlungen perfekt und sehr schnell, unabhängig von der Größe der Ausgangs-Datei. Die Zieldateien waren alle um die 80 KB klein und gleichzeitig waren die kleinen JPG-Dateien durch den Zusatz “-web” gekennzeichnet.   In der folgenden Spalte sehen Sie das Haupt-Fenster der Batch-Konvertierung
	Im nächsten Punkt 27, auf der folgende Seite, wird ausführlich beschrieben, wie große Bildmengen mit dem kleinen Programm “GalleryMaker”, auf einfache und sehr preiswerte Art, in bestehende Web-Sites integriert werden können.   Thema “Bilder”, weiter zu Punkt 27 (ganze Seite: FUSION-4)

Zur vorherigen Seite Zum Inhaltsverzeichnis Zur nächsten Seite Punkt 27, FUSION-4 Zu Punkt 28 ff. FUSION-5