Typograf

«Typograf» – ein speziell entwickeltes Werkzeug für Content-Manager und Website-Redakteure. Es hilft, den Text für die Web-Veröffentlichung vorzubereiten.

«Typografie» – ist die Kunst der Gestaltung von gedrucktem Text durch Satz und Layout. Typografie stellt einerseits einen Bereich des Grafikdesigns dar, andererseits ein strenges Regelwerk, das die Verwendung von Schriftarten zur Erstellung eines für den Leser möglichst verständlichen Textes bestimmt. Die Aufgabe der Typografie besteht darin, Parameter für die nachfolgenden Prozesse des Satzes, Layouts und der Druckvorstufe festzulegen.

Zunächst müssen Sie einen formatierten Text in Microsoft Office, Open Office, Google Docs oder einem ähnlichen Editor erstellen. Dies kann ein Textdokument Word oder eine Tabelle Excel sein.

Diese Dokumente sind bereits in gewisser Weise formatiert: Schriftgröße, Farbe, nummerierte / Aufzählungslisten, Tabellen usw. Sie müssen lediglich den gewünschten Textabschnitt aus dem Dokument markieren, in die Zwischenablage kopieren und in «Typograf» in das Feld mit der Bezeichnung «Text aus Word einfügen» einfügen. Das Ergebnis ist, dass der ausgewählte Textabschnitt in HTML-Code umgewandelt wird.

Nach dem Einfügen des Textes wird eine Liste der Schriftgrößen angezeigt, die im Dokument verwendet wurden. Sie können angeben, welche Überschrift (H1-H6) für diese Größe beim Aufbau von HTML verwendet werden soll. Die beim Rendern des Textes bestimmten Schriftgrößen werden wahrscheinlich von denen abweichen, die beim Formatieren verwendet wurden. Dies liegt daran, dass Texteditoren wie «Word» Punkte (pt) zur Festlegung der Schriftgröße verwenden, während Browser Pixel (px) verwenden. 1pt entspricht nicht 1px, er ist etwas größer, daher sind die Schriftgrößen beim Parsen des Dokuments ebenfalls etwas größer.

Standardmäßig wird reines HTML erstellt (ohne Hinzufügen von Stilen über das Attribut «style»). Wenn Sie die Text- und Hintergrundfarben, die Textausrichtung usw. in HTML übernehmen möchten, wählen Sie die gewünschten Parameter aus der Liste der gefundenen aus.

Der Code ist ziemlich sauber und ordentlich und muss möglicherweise vor der Veröffentlichung auf der Website nicht einmal bearbeitet werden.

Zu Ihrer Bequemlichkeit verfügt «Typograf» über eine Funktion zum Hochladen einer CSS-Datei von Ihrer Website, in der die Stile für Standard-Tags definiert sind, die bei der Veröffentlichung von Textseiten verwendet werden. Nach dem Hochladen der CSS-Datei sehen Sie, wie der veröffentlichte HTML-Code auf Ihrer Website-Seite aussehen wird.

Sie müssen jedoch verstehen, dass CSS korrekt gestaltet sein muss. Das bedeutet, dass darin alle Standard-Tags gestylt sein müssen, die am Aufbau des Textinhalts auf der Seite beteiligt sind, ohne Bezugnahme auf Klassen. Das heißt, als Selektor sollte nur der Tag-Name angegeben werden. Leider ignorieren viele Anfänger diese Empfehlung.