CMS - Der Dirigent » Support » Installation
Neue Umfrage | neues Thema | Geschlossen
ALPHA 2 Tutorial, Ausführliche Anleitung zur 1. Seite
« Älteres Thema | Neueres Thema » Thema abonnieren | Thema versenden | Thema drucken
| bratzi |
 |
||||
|
Unregistered 
|
Schnelleinstieg – Erste Schritte Um einen ersten, schnellen Überblick zu bekommen erstellen wir eine Testseite mit dem Schnelleinstieg. Eine Ausführliche Anleitung aller Funktionen folgt in den nächsten Kapiteln. Um nun eine erste Webseite in DeDi zu erstellen loggen Sie sich in das Backend ein. Neues Layout anlegen Grundlage einer jeden DeDi Systems ist das Layout. Um ein neues Layout zu erstellen, gehen Sie im Menü auf „Design > Layouts“ und dann rechts auf „Neues Layout“. Nun wird Ihnen ein Eingabeformular angezeigt. > Layoutname Hier geben Sie einen beliebigen Namen ein, z.B. „Testlayout“ > Beschreibung Hier können Sie eine Beschreibung des Layouts eingeben, z.B. „Mein erstes Layout“ > Meta-Dateien Hier legen Sie fest, welche Funktionen integriert werden sollen. Wählen Sie hier „syles.css“, für die Standard-CSS Datei von DeDi und „standard.js“, für die Einbindung der Standard-Javaskripte von DeDi aus. > Quellcode Hier wird der Standard-Quellcode von DeDi ausgegeben. Wir wollen an dieser Stelle noch nicht weiter darauf eingehen, schauen uns den Quellcode aber des besseren Verständnisses einmal kurz an: Ausgabe des Quellcode:
Erklärung des Quellcode: Wir sehen einen normalen, einfachen, HTML Code einer Seite mit “head” und “body”. Im Headbereich fügen wir zusätzlich <dedi type="head"> ein. Hier definieren wir später die Integration von DeDi-Komponenten, wie z.B. die CSS-Datei. Im Bodybereich fügen wir zusätzlich <dedi type="container" id="1" name="Seiten-Content"> ein, und definieren damit einen Bereich den wir mit DeDi später verwalten wollen. An die Stelle, wo nun <dedi type="config"> steht, wird später auf der Homepage für den Redakteur ein Button erscheinen, welcher noch weitere, komfortable Bearbeitungsmöglichkeiten (Seiten/ Ordner erstellen, bearbeiten...) bietet. Wir wollen auf den Quellcode jetzt nicht weiter eingehen und speichern das Layout ab. Klicken Sie hierzu am Ende der Seite auf den grünen Punkt. Modul importieren Da die Ausgabe von Inhalten im Bereich <dedi type="container" id="1" name="Seiten-Content"> über Module gesteuert wird, müssen wir hierzu erstmal das passende Modul importieren. Wir gehen hierzu auf „Design > Module“ und klicken rechts auf „Modul importieren“. DeDi bringt schon von Haus aus einer Vielzahl an Modulen mit. Einen überblick sehen Sie nun hier in der Liste. Wir wollen hier erst mal ein einfaches Modul importieren und klicken ganz unten neben „WYSIWYG v0.9-dev“ auf den mittleren Button (Modul importieren). Sie bekommen nun eine Bestätigung das, dass Modul erfolgreich importiert wurde. Nun steht uns im Backend das Modul WYSIWYG-Editor zum bearbeiten von Text / HTML zur Verfügung. Auf alle anderen Module gehen wir später genauer ein. Template anlegen Die Steuerung, welche Module auf einer Seite ausgegeben werden, erfolgt über Templates. Wir müssen nun ein neues Template anlegen. Wir gehen hierzu auf „Design > Templates“ und klicken rechts auf „Neues Template“. Wir kommen nun auf eine neue Seite, in der wir die Template-Grundeinstellungen festlegen: > Templatename Hier geben Sie einen beliebigen Namen ein, z.B. „Testtemplate“ > Beschreibung Hier können Sie eine Beschreibung des Layouts eingeben, z.B. „Mein erstes Template“ > Layout Hier können Sie das passende Layout auswählen. Da wir erst ein Layout angelegt haben, fällt die Auswahl nicht schwer und wir wählen „Testlayout“. Nach Auswahl des Layouts wechselt die Ansicht automatisch und zeigt alle Bereiche an, die wir im Layout mit <dedi type="container" id="1" name="Seiten-Content"> definiert haben. Da wir in unserem Textlayout nur einen „Container“ eingebunden haben, sehen wir jetzt ein zusätzliches Feld „Seiten-Content“ mit einem Drop-Down-Menü. In diesem Drop-Down-Menü werden alle zur Verfügung stehenden Module aufgeführt. Wir haben erst ein Modul importiert und wählen daher „WYSIWYG v0.9-dev“ aus. Die Seite lädt nun erneut und das Modul wird angezeigt. Wir wollen hier nicht weiter auf die Möglichkeiten eingehen und speichern das Template mit einem Klick auf den grünen Punkt ab. Ordner anlegen Um Seiten, das heißt Inhalte anzulegen, müssen wir vorerst einen Ordner anlegen. Jede Seite muss sich in einem Ordner befinden. Die Ordner definieren später die Strukturpunkte. Um einen Ordner anzulegen, gehen wir auf „Redaktion > Seiten“ und wählen rechts „neuen Ordner anlegen“. Im Folgenden legen wir die Ordnereinstellungen fest: > Ordnername Beliebiger Name. Der Ordnername wird später auch der Menüpunkt. Da wir hier unseren ersten Ordner anlegen, geben wir „Startseite“ ein. > Template Jetzt weisen wir dem Ordner ein festes Template zu. Dieses erleichtert später beim anlegen der Seiten die Templatesteuerung. Wir wählen hier unser einziges Template „Testtemplate“ aus. Die Seite wird nun neu geladen und unsere unter Punkt 5.3 festgelegten Templateeinstellungen werden angezeigt. Wir brauchen hier keine Änderungen vornehmen und speichern den Ordner mit Klick auf den grünen Punkt ab. Seite anlegen Um nun auch Inhalte (Content) in unsere Webseite zu bekommen legen wir in unserem ersten Ordner „Startseite“ eine neue Seite an. Wir befinden uns bereits im Bereich „Redaktion – Seiten“ und klicken rechts neben dem Ordner Startseite auf den ersten Butten, neue Seite anlegen“. Im Folgenden nehmen wir die Einstellungen für unsere erste Seite vor: > Titel : Titel der Seite, z.B. „Startseite“ > Suchbegriffe : Hier können Suchbegriffe eingegeben werden > Online : Hier können wir die Seite aktivieren, wir wollen sofort online schalten, also aktivieren wir das Kontrollkästchen > Zusammenfassung : Zusammenfassung bzw. Beschreibung der Seite > Weiterleitung : nicht aktivieren, später mehr > Bearbeitungsrecht : nicht aktivieren, später mehr > Template : Hier legen wir das Template für die Seite fest. Wir haben bereits dem Ordner „Startseite“ ein Template zugeordnet und sparen und hier die erneuerte Templatedefinition. Wir beziehen uns einfach auf „Ordnertemplate“. Wir speichern nun die Seite mit Klick auf den grünen Punkt an. Unsere erste Seite „Startseite“ wird nun geladen und wir sehen ein Eingabefeld. Bei diesem Eingabefeld handelt es sich um unser Modul „WYSIWYG v0.9-dev“ mit dem wir nun Inhalte anlegen können. „WYSIWYG v0.9-dev“ ist ein ganz normaler WYSIWYG Editor mit dem wir z.B. text eingeben können. Um Inhalte einzugeben gibt es zwei Möglichkeiten: Direkte Eingabe in die Seite Um direkt Text in die Seite einzugeben klicken wir einfach in den gestrichelten Bereich und schreiben wir gewohnt unseren text, z.B. obligatorisch „Hallo Welt!“. Um den Text nun zu speichern gehen wir mit der Maus unten rechts auf den Button mit dem Stift und lassen die Maus auf dem Button stehen. Es öffnet sich ein Menü, hier wählen wir „speichern“. Die Seite ist nun gespeichert. Eingabe über den WYSIWYG Editor Um unseren Text ein wenig komfortabeler zur bearbeiten können wir unsere Eingabe auch über den WYSIWYG Editor steuern. Hierzu klicken wir wieder rechts unten auf den Button mit dem Stift und lassen die Maus auf dem Button stehen. Es öffnet sich ein Menü, hier wählen wir „bearbeiten“. Jetzt öffnet sich der WYSIWYG Editor und wir können den Text wie in jedem Textbearbeitungsprogramm eingeben und verändern. Abschließend speichern wir die Änderungen mit einem Klick auf den grünen Punkt ab. Um die Seite nun anzuzeigen, wechseln wir zu „Redaktion > Seiten“. Hier wird uns unser Ordner mit der darunter liegenden Seite angezeigt. Aus Sicherheitsgründen wurde der Ordner beim anlegen „offline“ geschaltet. Dieses wollen wir nun ändern. Wir klicken rechts neben dem Ordner auf den roten Punkt (Ordner online schalten). Hierdurch wurde der Ordner für den Endnutzer aktiviert, ebenso wie alle darunter liegenden Seiten (grüner Punkt). Wir können uns nun unsere erste Seite im Browser betrachten. Dazu klicken wir ganz einfach rechts neben der Seite „Startseite“ auf die Lupe (Vorschau). Unsere erste Seite wird nun angezeigt und wir sehen „Hallo Welt!“. Wir können die Seite nun auch direkt im Browser aufrufen. Geben Sie dazu folgende URL ein: http://ihreDomain.de/projekt01 Dedi benutzt als Startseite immer den ersten Ordner und dann die erste Seite des Ordners. Wir haben nun eine funktionierende Seite aufgebaut.
|
||||
|
|||||
| Jolli |
|
||||
|
Unregistered
|
Hat wunderbar geklappt, der Text ist verständlich geschrieben und genau auf den Punkt gebracht. Ich freu mich auf mehr! Jetzt erstmal vielen Dank!! | ||||
|
|
Thema wird von 0 Benutzer gelesen (0 Gäste und 0 Anonyme Benutzer)
0 Mitglieder:
1 Antworten seit 23. May 2003 - 18:54
Thema abonnieren | Thema versenden | Thema drucken