GoLive - Cascading Stylesheets einsetzen

von Fries Websolutions

Der Einsatz von CSS ist auf zwei verschiedene Anwendungen möglich. Wir können ein externes Style Sheet nutzen oder wir benutzen den CSS-Editor von GoLive. Hier geht es um den GoLive.

Tag-Selektor
Der Vorteil der Tag-Selektoren besteht eigentlich darin, dass sie die Darstellung, der Dokumente verbessern und dabei die Abwärtskompatibilität bewahren. Besucher die noch mit einem Browser ausgestattet sind, der keine CSS versteht, bekommen unsere Seite ohne Fehler zu sehen.

Haben wir alle oben beschriebenen Schritte zur Verwendung von CSS auch ausgeführt, dann können wir jetzt auf das kleine Icon "Neuer HTML-Tag" klicken und im "CSS Selektor Inspektor" die Eigenschaften bestimmen, die zum Beispiel, dann für alle Überschriften gelten sollen.

Mit dem Tag-Selektor ist es eigentlich auch sinnvoll, um Überschriften zu formatieren. Dazu öffnen wir, wie schon oben beschrieben, das CSS-Fenster und dann klicken wir in der Werkzeugleiste, auf das Icon für die Tag-Selektoren.

Nach wir dem auf das Tag-Icon geklickt haben, dann erscheint im CSS-Editor ein neues Objekt, mit dem Namen "newTag". Wir können diesen Namen, dem HTML Tag entsprechend ändern, den wir benutzen möchten. Wenn wir eine Überschrift formatieren wollen, tragen wir den Namen "h1" im CSS Selektor Inspektor Fenster ein (ohne die kleiner-größer Zeichen < > ).

Dann formatieren wir die Überschrift mit dem Zeichensatz (Größe, Farbe), oder positionieren die Überschrift ein paar Pixel weiter, vom Rand entfernt. Haben wir mehrere Einstellungen vorgenommen, dann sehen wir alle in der Karte: "Allgemein" in Form von CSS Befehlen. Diese Vorgehensweise verlangt keine Kenntnisse der CSS-Anweisungen, da wir alles mit Mausklicks anwählen können.

Wir haben jetzt eine <h1> Überschrift formatiert. Aber um sie einzusetzten, müssen wir den Text markieren, der als Überschrift gelten soll und ihn als eine <h1> Überschrift kennzeichnen.

Klassen
Doch es gibt noch eine weitere Möglichkeit mit CSS Definitionen, Absätze oder Überschriften zu formatieren. Dabei handelt es sich um die CLASS-Befehle.

Nach dem Klicken auf das KLASSEN-Icon, erscheint im CSS-Editor ein neues Objekt mit den Namen "newClass". Wir können diesen Namen aber auch beliebig ändern, aber es muss sich um alphabetische Zeichen handeln. Den Namen tragen wir gleich im CSS-Selektor Inspektor ein. Den Punkt den wir am Anfang der Class-Anweisungen vorangestellen, den fügt GoLive automatisch ein.

Jetzt können wir wie gewohnt die Formatierungen vornehmen, die wir so auf einzelne Sätze, oder ganze Absätze beziehen können. Aber um die Formatierung einem Absatz zuzuweisen, das ist fast noch einfacher, als bei Tag-Selektoren. GoLive unterscheidet Klassen zwischen 4 unterschiedlichen Kategorien: Inline, Paragraph, Division, Area.

Inline
GoLive benutzt den <span> Tag um Klassen hinzuzufügen, die als Inline Element gekennzeichnet werden. Um ein Inline-Format für einen ausgewählten Text zu erstellen, aktivieren wir auf der Registerkarte "Stlye" des "Text Inspektors" die Checkbox Inline.

Par (Paragraph)
Par bezieht sich auf den <p> tag. Wie es der Name schon sagt, verwende wir den Tag, um ganze Absätze zu formatieren.

Div (Division)
Um einen Bereich zu erzeugen, der vom normalen HTML der Seite getrennt ist, klicken wir auf der Registerkarte "Stlye" des "Text Inspektors" die Checkbox "Div"

Area
Mit dieser Checkbox werden Formatierungen im BODY Teil eines HTML Dokuments eingefügt.

Wir können mehrere Einstellungen für denselben Text verwenden, wenn wir die verschiedenen Checkboxen der Kategorien anklicken.