Typo 3 // Templa Voila * Was? * Warum? * Wie? - Praktische Übung.

Präsentation zum Thema: "Typo 3 // Templa Voila * Was? * Warum? * Wie? - Praktische Übung."—  Präsentation transkript:

1 Typo 3 // Templa Voila * Was? * Warum? * Wie? - Praktische Übung

2 Source: http://www.alnovi.de/nc/developer/wiki/typo3/templavoila/#Installation * Was..... ist TemplaVoila? TemplaVoila ist eine Applikation welche uns ermöglicht einfach Templates in Typo3 zu erzeugen. Mittels TemplaVoila können wir einfach statische HTML Webseiten in Typo3 integrieren, also aus unseren Entwürfen eine Typo3 Template erstellen. TemplaVoila ist eine extension (=Erweiterung) von Typo3.

3 Source: http://www.alnovi.de/nc/developer/wiki/typo3/templavoila/#Installation * Warum.... sollte ich TemplaVoila benutzen? Es stehen zwar zahlreiche kostenlose Typo3 Templates im Internet zu Verfügung, dennoch ist es immer besser ein eigenes Layout zu entwerfen welches den Ansprüchen des Projektes entspricht. Ein Internet Portal hat meistens einen bestimmten Typ. Das Layout dient dazu diesen Typ zu unterstützen. (Firmenimage, Usergroup u.s.w). Das Layout soll der Zielgruppe gerecht sein.

4 Source: http://www.alnovi.de/nc/developer/wiki/typo3/templavoila/#Installation * Wie.... funktioniert TemplaVoila? TemplaVoila übernimmt alles was wir eigentlich mit TypoScript machen müssten. Mittels einer Funktion namens mapping können wir bestimmte Bereiche unserer HTML Seite mit Typo3 Komponenten verbinden und somit aus einer statischen Seite eine dynamische Typo3 Template erstellen welche ihren Inhalt von Typo3 generiert.

5 Source: http://www.alnovi.de/nc/developer/wiki/typo3/templavoila/#Installation * Praktische Übung Schritt 1 : Folgende extensions in extension Manager installieren a) static_info_tables // b) templavoila Schritt 2 : Eine Seitenstruktur in WEB ->SEITE erstellen Seitenstruktur : home Seite1 Seite2 Seite3 Schritt 3 : Exercise Files unzipen und das Sample Verzeichnis in C:\xampp\htdocs\typo3\fileadmin im Verzeichnis templates kopieren. Schritt 4 : Templavoila anklicken (Sollte im linken Bar zu finden sein)‏ und den TemplaVoila Wizard starten.

6 Source: http://www.alnovi.de/nc/developer/wiki/typo3/templavoila/#Installation * Praktische Übung Schritt 5 : Mit der Option -> Als Template benutzen, wählen Sie die die Template (meinTemplate.html). Schritt 6 : Name der Webseite und Username eingeben. Seite erstellen klicken. Schritt 7 : Einzelne Typo3 Elemente mit der bisher statischen HTML Seite in Verbindung setzen (mapping). Anschließend Save and Return klicken. Schritt 8 : TypoScript Code überspringen und nach unten skrollen. --> Write main menu TypoScript Code anklicken Schritt 9 : Schritt 8 wiederholen! Schritt 10 : Den Wizard beenden.

7 // Vielen Dank! // Alexis Loizou Dedizierte Systeme IT-Zertifikat SS 09... wenn alles gut gelaufen ist hast du gerade deine erste Typo3 Template erstellt! Kompliment und viel Spaß dabei! Mehr bei: * http://www.alnovi.de/nc/developer/wiki/typo3/templavoila/#Installation