Textformate

Endlich steht eine neue umfangreiche Anleitung für den Aufbau eines eigenen Designs mit NOF zur Verfügung.

Es sind also nun zwei Versionen vorhanden:

Das Original wurde umgezogen:

Die alte Version – Ein eigenes Design mit NOF – Mit Tabellen (mit der Geranien-Vorlage)

 

Die neue Anleitung befindet sich auf den Hauptseiten der NOF-Schule:

Basisanleitung insbesondere für NetObjects Fusion 2013

NetObjects Fusion Tutorial

Inhalte:

Eine genaue Auflistung der Inhalte wurde in der NOF-Schule veröffentlicht:

http://www.nof-schule.de/forum/t-neues-tutorial-ein-eigenes-design-mit-nof

Die Themen sind übersichtlich mit Ankern verlinkt, so dass man in den Tutorials auch sehr leicht einzelne Themen finden und bearbeiten kann.

Eine Druckversion ist in Vorbereitung.

 

 

Manchmal werden in NOF Standardschriften für z.B. Überschriften zu gedrängt angezeigt. Wie lässt sich die Laufweite der Schrift anpassen?

Ganz einfach. In jeder gängigen NOF-Version auf Design-Ansicht die gewünschte Formatvorlage anzeigen (Beispiele  „Schriften“  oder unter „Überschriften“ ), im Reiter „Absatz“ die Laufweite erhöhen:

Textlaufweite in NOF eingeben

Textlaufweite in NOF eingeben

 

Abstand zwischen den Buchstaben im Feld „Laufweite“  in Pixel eingeben. Das Ergebnis ist in der Vorschau schon sichtbar.

 

 

 

 

Die Definitionen für die Schrift für das gesamte Projekt erfolgen in der Design-Ansicht unter

> Formatvorlagen verwalten > Normal (P)

CSS-Formatvorlagen öffnen

CSS-Formatvorlagen öffnen

 

 

Formatvorlage

Formatvorlage Normaltext p

Einstellungen für die Standardschrift hier vornehmen

Einstellungen für die Standardschrift hier vornehmen

Diese Schrift wird auf dem gesamten Projekt angezeigt.

 

 

Bei einigen Site-Styles von NetObjects Fusion 12  (z.B. Losenge) werden die Text-Zeilen oben und unten abgeschnitten, wenn die Texte ohne Formatvorlagen im Eigenschaftsfenster vergrößert werden. Die abgeschnittene Textzeile sieht dann so aus:

text-abgeschnitten

Die Ursache dieses Problem besteht darin, dass eine Formatierung für die Zeilenhöhe in diesem Style enthalten ist: line-height 1,5em.
Formatierung im Abstaz   line-height : 1.5 em
Grundsätzliche Information zu der CSS-Definition line-height.

„em“ ist dabei die Angabe der Zeilenhöhe, relativ zur normalen Zeilenhöhe.

In den NOF-Styles wird diese Angabe für die Textformatierung für den Absatz <p> („paragraph“) verwendet. Wenn man den Text mit Hilfe einer CSS-Formatvorlage formatiert, greift der Zeilenabstand der CSS-Formatvorlage. Wenn man den Text im Eigenschaftsfenster (HTML) formatiert, wird er abgeschnitten.

Lösung wenn der Text oben und unten abgeschnitten wird:

Man verwendet für Abweichungen vom Standard-Text eine CSS-Formatvorlage.

Oder, man deaktiviert die Eingabe der Zeilenhöhe für die Stylevorlage <p>.  Bitte vorher Schreibschutz entfernen.

Formatvorlage (Style – Design-Ansicht) öffnen und editieren:

 

losenge-style-schrift-1

So soll es dann aussehen:

losenge-style-schrift-2

Links zu externen oder internen Seiten können für die Suchmaschinenoptimierung genutzt werden, in dem man sie mit relevantem Text verknüpft und mit relevanten Mouseover-Titel beschreibt.

So sollte man es nicht machen:

http://www.nof-schule.de/forum

Besser ist es so:

Das beste  deutschsprachige NetObjects Forum

In der zweiten Verlinkung sind relevanten Keywords im Text und im Mouseover-Titel enthalten.

Tutorial zu Bild- und Link-Titeln in NetObjects Fusion

Titelformate sind insbesondere aus zwei Gründen wichtig:

  1. CSS-Einstellungen für die Formate werden zentral in der Datei style.css festgelegt. In NetObjects Fusion braucht man nur die Formatvorlage H1 bis H6 auf Design-Ansicht etc anzupassen, und die Titelformate ändern sich auf der gesamten Website – vorausgesetzt, dass sie dem Text zugewiesen wurden.
  2. Titel sind optisch hervorgehobenen Überschriften die beschreiben, was der Besucher und die Suchmaschine  im Inhalt der Webbsite zu erwarten hat. Suchmaschinen geben den Überschriften die mit Header-tags formatiert sind eine inhaltliche „Priorität“, so dass inhaltlich relevante Überschriften besser für die Suchmaschinenoptimierung geeignet sind als allgemeine Überschriften (Beispiel: „Willkommen auf unserer Homepage“).

Nachfolgend finden Sie die relevanten Tutorials:

Überschriften, H-Tags in NetObjects Fusion

Seitentitel, URL, Seitenbeschreibung, Header-Tags