Layout
Aus DeDi-Help
(Unterschied zwischen Versionen)
| Version vom 22:02, 15. Aug. 2004 (bearbeiten) Gerhard (Diskussion | Beiträge) ← Zum vorherigen Versionsunterschied |
Version vom 09:40, 16. Aug. 2004 (bearbeiten) (Entfernen) Stefanf (Diskussion | Beiträge) Zum nächsten Versionsunterschied → |
||
| Zeile 1: | Zeile 1: | ||
| - | '''Design > Layouts''' | + | == Design > Layouts == |
| Grundlage einer jeden DeDi Internetprsenz ist das Layout. Als Layout knnen Sie mit jedem beliebigen HTML-Editor eine ganz normale HTML-Datei erstellen, allerdings ohne Inhalte. Dort wo spter Inhalte mit dem System platziert werden sollen, setzen Sie so genannte Container mit den DeDi-Tag <dedi:lay type="container" id="1" title="Seiten-Content"/>. Container sind unsere | Grundlage einer jeden DeDi Internetprsenz ist das Layout. Als Layout knnen Sie mit jedem beliebigen HTML-Editor eine ganz normale HTML-Datei erstellen, allerdings ohne Inhalte. Dort wo spter Inhalte mit dem System platziert werden sollen, setzen Sie so genannte Container mit den DeDi-Tag <dedi:lay type="container" id="1" title="Seiten-Content"/>. Container sind unsere | ||
| Zeile 14: | Zeile 14: | ||
| - | '''Einbinden von Grafiken''' | + | |
| + | == Einbinden von Grafiken == | ||
| + | |||
| Dedi untersttzt die Verwendung aller gngigen Internet-Grafikformate. So zum Beispiel .gif, .jpg, .png. Auf die Verwendung von .bmp und anderen Grafikformaten sollten Sie aus Kompatibilittsgrnden verzichten. Bei der Erstellung von Grafiken ist auf eine Internet-konforme Bezeichnung zu achten. Internetgrafiken drfen keine Leerzeichen, Umlaute (, , usw.) sowie | Dedi untersttzt die Verwendung aller gngigen Internet-Grafikformate. So zum Beispiel .gif, .jpg, .png. Auf die Verwendung von .bmp und anderen Grafikformaten sollten Sie aus Kompatibilittsgrnden verzichten. Bei der Erstellung von Grafiken ist auf eine Internet-konforme Bezeichnung zu achten. Internetgrafiken drfen keine Leerzeichen, Umlaute (, , usw.) sowie | ||
| Zeile 25: | Zeile 27: | ||
| - | '''Feste Grafiken''' | + | |
| + | == Feste Grafiken == | ||
| + | |||
| Wenn Sie ein festes Layout verwenden wollen, knnen wir wie gewohnt die Grafiken im HTMLCode einbinden. Hierzu mssen Sie jedoch wissen, dass diese Grafiken spter nicht mit DeDi verwalten knnen. Sie sind also fest und knnen anschlieend nur durch anpassen des Layout-HTML-Codes verndert werden. Dieses Verfahren bietet sich an, wenn Sie ein vorgegebenes, festes | Wenn Sie ein festes Layout verwenden wollen, knnen wir wie gewohnt die Grafiken im HTMLCode einbinden. Hierzu mssen Sie jedoch wissen, dass diese Grafiken spter nicht mit DeDi verwalten knnen. Sie sind also fest und knnen anschlieend nur durch anpassen des Layout-HTML-Codes verndert werden. Dieses Verfahren bietet sich an, wenn Sie ein vorgegebenes, festes | ||
| Zeile 64: | Zeile 68: | ||
| - | '''Variable Grafiken''' | + | |
| + | == Variable Grafiken == | ||
| + | |||
| Sie knnen Layout-Grafiken auch komplett ber DeDi verwalten. Das bietet sich an, wenn man ein einfaches Grundlayout hat, in dem man die Grafiken schnell wechseln mchte. Z.B. knnen Sie so eine Headlinegrafik verwenden die angepasst, z.B. an die Jahreszeit, gendert wird. Natrlich sind hier der Phantasie des Designers keine Grenzen gesetzt. Fr die Verwendung der variablen Grafiken und die Verwaltung ber den Dateimanager, verfahren Sie beim erstellen und speichern Ihrer Grafiken einfach wie oben beschrieben. | Sie knnen Layout-Grafiken auch komplett ber DeDi verwalten. Das bietet sich an, wenn man ein einfaches Grundlayout hat, in dem man die Grafiken schnell wechseln mchte. Z.B. knnen Sie so eine Headlinegrafik verwenden die angepasst, z.B. an die Jahreszeit, gendert wird. Natrlich sind hier der Phantasie des Designers keine Grenzen gesetzt. Fr die Verwendung der variablen Grafiken und die Verwaltung ber den Dateimanager, verfahren Sie beim erstellen und speichern Ihrer Grafiken einfach wie oben beschrieben. | ||
| Zeile 86: | Zeile 92: | ||
| - | '''Einbinden Flash und anderen grafischen Elementen''' | + | |
| + | == Einbinden Flash und anderen grafischen Elementen == | ||
| + | |||
| Fr die Einbindung von Flash-Komponenten oder anderen Elementen verfahren Sie entsprechend der Anleitung Einbindung von Grafiken. Natrlich mssen Sie hier den entsprechenden HTMLCode fr das einzubindende Element und die Pfade beachten. | Fr die Einbindung von Flash-Komponenten oder anderen Elementen verfahren Sie entsprechend der Anleitung Einbindung von Grafiken. Natrlich mssen Sie hier den entsprechenden HTMLCode fr das einzubindende Element und die Pfade beachten. | ||
| Zurzeit stellt DeDi noch kein offizielles Modul zur Einbindung von Flash-Elementen zur Verfgung. Sie knnen daher nur Feste Grafiken verfahren und den HTML-Code direkt in das Layout schreiben. | Zurzeit stellt DeDi noch kein offizielles Modul zur Einbindung von Flash-Elementen zur Verfgung. Sie knnen daher nur Feste Grafiken verfahren und den HTML-Code direkt in das Layout schreiben. | ||
| + | == Layoutvariablen == | ||
| - | '''Layoutvariablen''' | ||
| Nach dem erstellen des Layout als normale HTML Datei muss Quellcode fr DeDi modifiziert werden. Zur Erklrung sehen Sie sich einen einfachen Quellcode fr DeDi an: | Nach dem erstellen des Layout als normale HTML Datei muss Quellcode fr DeDi modifiziert werden. Zur Erklrung sehen Sie sich einen einfachen Quellcode fr DeDi an: | ||
| Zeile 187: | Zeile 195: | ||
| DeDi-Type-Config muss am Ende des Bodybereiches stehen. Dies erzeugt spter im Backend einen kleinen Bearbeitungslayer, mit dem Sie neue Seiten und Ordner anlegen oder diese, aus der Seite heraus, konfigurieren knnen. Der Tag ist zwar nicht zwingend erforderlich, erleichtert aber spter enorm die Arbeit mit DeDi und macht den Backendbereich sehr komfortabel. | DeDi-Type-Config muss am Ende des Bodybereiches stehen. Dies erzeugt spter im Backend einen kleinen Bearbeitungslayer, mit dem Sie neue Seiten und Ordner anlegen oder diese, aus der Seite heraus, konfigurieren knnen. Der Tag ist zwar nicht zwingend erforderlich, erleichtert aber spter enorm die Arbeit mit DeDi und macht den Backendbereich sehr komfortabel. | ||
| + | == Verwendung von PHP / DEDIPHP == | ||
| - | '''Verwendung von PHP / DEDIPHP''' | ||
| Wir knnen in unserem Layout auch ohne weiteres PHP-Code einbauen. Hier sind keine Grenzen gesetzt. PHP-Code kann wie gewohnt mit dem Variablen <? oder <php begonnen werden und mit ? > beendet werden. | Wir knnen in unserem Layout auch ohne weiteres PHP-Code einbauen. Hier sind keine Grenzen gesetzt. PHP-Code kann wie gewohnt mit dem Variablen <? oder <php begonnen werden und mit ? > beendet werden. | ||
