support
Dutch English French German

HTML, CSS und Scripte in Zeta Producer einbinden

code

Dokumentieren

Um spätere Probleme zu vermeiden ist es sehr wichtig zu dokumentieren was ihr genau wo eingebunden habt. Dies kann entweder in einem Büchlein passieren oder ihr schreibt euch das ganze in ein Textdokument. Dieses Textdokument nicht vergessen in Euere Datensicherung zu integrieren.

Des weiteren solltet ihr den Code welchen ihr einbindet kommentieren, so könnt ihr direkt im Dokument oder in Zeta Producer sehen in welchem Zusammenhang der Code eingesetzt wird und was genau er tut.

Solche Kommentare werden von Browsern und Suchmaschinen ignoriert.


Solche Kommentare sehen folgendermaßen aus:


Ein Beispiel wie ihr CSS-Kommentare setzen solltet.
Der Kommtentar muss hier innerhalb des Style-Tags sitzen.



Ein Beispiel wie ihr HTML-Kommentare setzen solltet.



Ein Beispiel wie ihr einzeilige Kommentare im Script setzen solltet.
Der Kommtentar muss hier innerhalb des Script-Tags sitzen.



Ein Beispiel wie ihr mehrzeilige Kommentare im Script setzen solltet.
Der Kommtentar muss hier innerhalb des Script-Tags sitzen.



Um den Code besser wiederfinden zu können könnt ihr diesen auch auffälliger gestalten


CSS einbinden

CSS-Code kann auf 3 verschiedene Arten eingebunden werden.

Inline-CSS / CSS im Head der Seite / CSS in einer ausgelagerten CSS-Datei


Inline-CSS

Mit Inline-CSS könnt Ihr euere vorhanden Widgets einfach und schnell anpassen.

Im folgendem Beispiel wollen wir einem Text-Artikel eine durchscheinende dunkle Hintergrundfarbe, Runde Ecken sowie einen Rahmen verpassen.

Im Widget unten Links auf das "Mischpult", anschließend auf "MEHR". Hier könnt ihr euer CSS eintragen.
Die einzelnen Style-Angaben werden durch ein ; abgeschlossen. Bei der letzten Style-Angabe kann dieses auch weggelassen werden.

Beispiel

Dieses Text-Fenster wurde mit Inline-CSS angepasst.


CSS im Head der Seite

Mit Inline-CSS kann man vorhandene Widgets gut anpassen. Alles geht aber über Inline-CSS nicht. Und um eigene Sachen zu verwirklichen muss man das CSS in den Head schreiben.

 

Das hier eingesetzte CSS braucht einen beginnenden und einen abschließenden Style-Tag. Bei mehreren CSS-Klassen oder Vorhaben braucht es nur ganz am Anfang und ganz am Ende den entsprechenden Style-Tag.

So ist es nicht falsch.

Aber so ist es besser.