Metasprache CCML
Lernen Sie, wie die Metasprache CCML tickt und wie Sie eigene Designs für Web to date kreieren können. Zuerst erfahren Sie, mit welchen Dateien wir arbeiten und welche Funktion sie haben. Damit wir gleich in die Praxis eintauchen können, legen wir im Web to date Designordner ein neues Verzeichnis an und nennen es 00Mydesign. Hier hinein kommen alle relevanten Dateien.
Also schauen wir uns die einzelnen Elemente zunächst einmal an und laden sie Zug um Zug in den Designordner 00Mydesign:
Logo Wenn Sie ein Design entwerfen, ordnen Sie sinnvollerweise Farbpaletten und Logografiken verschiedenen Substyles zu. Wählen Sie ein Substyle aus, werden automatisch die zugeordneten Komponenten in d...
mehr ...
Sidebardateien Sidebar-Dateien sind analog zur Ausgabe von Contentinhalten aufgebaut.
mehr ...
color_preview Wie Rolf Biermas bereits im w2d-Forum ausführte, wurden alle Farbvorschaugrafiken, die DB mit seinen Designs ausliefert, aus derselben Farbpalette erstellt. Beim Abtasten mit einem Color-Picker erk...
mehr ...
config.ccml Nachdem unser neuer Designordner mit den benötigten Dateien gefüllt ist, passen wir im nächsten Schritt die Konfigurationsdatei config.ccml an. Sie enthält Definitionen von Templates und Hilfsdateien, die vom Design verwendet werden.
mehr ...
global.ccml Elemente, die in der global.ccml definiert werden, können von Web to date "automatisch" in HTML Seiten übernommen werden.
mehr ...
navigation.ccml Die navigation.ccml enthält das Html-Gerüst, mit den einzelnen Elementen der späteren Webseite. Hier legen wir auch Werte für die Ausgabegröße von PlugIn-Elementen in Abhängigkeit vom Vorhandensein (oder Nicht-Vorhandensein) einer Sidebar fest.
mehr ...
page.ccml In der page.ccml wird die Ausgabe von Text mit oder ohne Marginalbilder gesteuert. Außerdem kann auch nur hier der Code für die Unterseitennavigation greifen.
mehr ...
paragraph_form.ccml Die paragraph_form.ccml enthält eine Java-Script Abfrage für den eMail-Versand (w2d 5) und außerdem das Gerüst für die verschiedenen von w2d angebotenen Formular-Eingabefelder.
mehr ...
paragraph_link.ccml Dient zur Festlegung unterschiedlicher Verlinkungsmöglichkeiten und wie die Links operieren sollen.
mehr ...
paragraph_list.ccml Zuständig für Absatztypen, die Aufzählungen enthalten. Auch hier kann eine Option für wahlweise farbigen Text eingerichtet werden.
mehr ...
paragraph_movie.ccml In der paragraph_movie.ccml findet sich der Code für das Einbinden unterschiedlicher Media-Typen.
mehr ...
paragraph_picture.ccml In der paragraph_picture.ccml legen wir fest, in welcher Größe eine Grafik, die über einen Grafikabsatz erzeugt wird, angezeigt und wie sie positioniert werden soll.
mehr ...
paragraph_teaser.ccml Die paragraph_teaser.ccml enthält allgemeine Angaben dazu, wie bei der Ausgabe von Teasern verfahren werden soll. Teaser können von Web to date ein- bis dreispaltig ausgegeben werden.
mehr ...
paragraph_text.ccml Enthält die Notation für Textabsätze. Ein erweiterter Code macht es möglich, Textabsätze mit userdefinierten Textfarben auszugeben.
mehr ...
splash.ccml Hier kann man festlegen, wie gegebenenfalls eine Einstiegsseite aussehen und wohin sie verlinken soll.
mehr ...
Zurückgreifen können wir teilweise auf Dateien, die standardmäßig mit Web to date Designs ausgeliefert werden. Zuvor passen wir sie an die Erfordernisse unseres neu zu kreierenden Designs an.
Wir werden zwei verschiedene Design-Varianten (substyle_x.ccml, substyle_y.ccml) entwickeln und zwei Farbpaletten (palette_x.ccml, palette_y.ccml) .
