WEB DEVELOPER GRADE 1 TYPO3. Grundlagen und Template-Entwicklung mit TemplaVoilà ... Offizielles Curriculum des Europäischen Webmasterverbandes

Größe: px
Ab Seite anzeigen:

Download "WEB DEVELOPER GRADE 1 TYPO3. Grundlagen und Template-Entwicklung mit TemplaVoilà ... Offizielles Curriculum des Europäischen Webmasterverbandes"

Transkript

1 WEB DEVELOPER GRADE 1 TYPO3 Grundlagen und Template-Entwicklung mit TemplaVoilà Offizielles Curriculum des Europäischen Webmasterverbandes

2

3 WEB DEVELOPER GRADE 1 TYPO3 Grundlagen und Template-Entwicklung mit TemplaVoilà Art.-Nr Version vom Autoren: Marco Emrich, Jan Teriete webmasters akademie Nürnberg GmbH, Nürnberg, Germany Das vorliegende Schulungsskript ist urheberrechtlich geschützt. Alle Rechte vorbehalten. Die Verwendung der Texte und Abbildungen, auch auszugsweise, ist ohne schriftliche Genehmigung der webmasters akademie GmbH urheberrechtswidrig und daher strafbar. Dies gilt insbesondere für die Vervielfältigung, Übersetzung oder Verwendung in elektronischen Systemen sowie für die Verwendung in Schulungsveranstaltungen. Die Informationen in diesem Schulungsskript wurden mit größter Sorgfalt erarbeitet. Trotzdem können Fehler nicht vollständig ausgeschlossen werden. Autoren und Herausgeber übernehmen keine juristische Verantwortung oder irgendeine Haftung für eventuell verbliebene fehlerhafte Angaben und deren Folgen.

4

5 Inhaltsverzeichnis 1 Allgemeine Einführung Voraussetzungen für dieses Lernheft Einrichten der TYPO3-Umgebung Was ist TYPO3? Content Management Systeme Arten von Content Management Systemen Community/Social CMS Enterprise CMS CMS als Plugin/Komponente Warum TYPO3? Versionen und Pakete TYPO3-Versionen TYPO3-Pakete TemplaVoilà Manuelle Installation über das TYPO3 Extension Repository Installationsvorbereitungen Installation von TemplaVoilà Beispielprojekt Weingut Traubner Der Zauberer von Templatanien TemplaVoilà-Wizard ausführen TemplaVoilà-Wizard erneut ausführen Page Tree Löschen des bestehenden Page Trees Umsetzen der Informationsarchitektur als Page Tree Konfigurieren der Startseite Inhalte einpflegen Arbeiten mit Content Elements Erstellen von Content Elements Kopieren von Content Elements Einführung in TypoScript TypoScript-Grundlagen TypoScript editieren Kommentare in TypoScript Das Hauptmenü in TypoScript Menüelemente im Zustand: normal Menüelemente im Zustand: aktiv Besonderheiten im Umgang mit HTML5 und UTF Die Zeichenkodierung festlegen Den DOCTYPE auf HTML5 umstellen Refactoring: Confinement Das Metamenü Der Seitentyp Folder Ein eigenes Data Element Das Metamenü in TypoScript

6 9.4 TypoScript Extension-Template Anhang 1: Lokale TYPO3-Installation Passwörter für die TYPO3-Installation Das Datenbank-Passwort Das Installations-Passwort Das TYPO3 Admin-Passwort Installation unter Microsoft Windows Installation unter Apple Mac OS X Installation unter Ubuntu-Linux Upgrade unter Ubuntu-Linux Quellen und Literaturhinweise APA-Style Referenzen Empfehlungen Lösungen

7 16 4 TEMPLAVOILÀ 4 TemplaVoilà In dieser Lektion lernen Sie: was eine Template-Engine ist. wie Sie die Erweiterung TemplaVoilà installieren. TemplaVoilà will let any moron design fairly complex web pages with some dynamic bindings. It s one of the most advanced internet applications I ve seen so far [ ]. But as with all things TYPO3 it will take some time to learn. (Henrik Sarvel) 17 Ihr Ziel besteht darin, eine schicke und funktionstüchtige Website in TYPO3 zu erstellen. Dabei haben Sie in TYPO3 aber die Qual der Wahl. Die erste und vielleicht wichtigste Entscheidung ist die Wahl einer so genannten Template-Engine. Diese ermöglicht Ihnen, Inhalte und Layout einer Website zusammenzubringen. Gleichzeitig bewahren Sie dabei stets eine saubere Trennung. Klingt das paradox? Keine Sorge, das ist es nicht. Der Besucher Ihrer Website möchte jede Seite natürlich im Ganzen betrachten. Sie aber möchten die Möglichkeit haben, das Layout vom Inhalt zu trennen. Damit kann z.b. ein Designer jederzeit Änderungen am Layout vornehmen, ohne dass Sie nachher jede einzelne Seite nachbearbeiten müssen. Außerdem können z.b. Designer und Texter völlig isoliert an einer Seite arbeiten, ohne sich ständig gegenseitig Änderungen zu überschreiben. Bei der Wahl der Template-Engine kann ich helfen. Nehmen Sie einfach die, die als die modernste, fortschrittlichste und bequemste unter den TYPO3-Template-Engines gilt: TemplaVoilà. [ ] TemplaVoilà is highly recommended for its flexibility and more advanced templating techniques [ ] 4.1 Manuelle Installation über das TYPO3 Extension Repository Bisher ist TemplaVoilà aber noch kein fester Bestandteil von TYPO3 selbst. Deswegen müssen Sie es erst als Erweiterung installieren. Zum Glück bietet TYPO3 hier einen relativ einfachen Mechanismus. TYPO3 verwaltet seine Erweiterungen zentral im so genannten TYPO3 Extension Repository (TER). Sie können theoretisch aus dem TYPO3-Backend heraus darauf zugreifen. Doch dies ist bei wenigen zu installierenden Erweiterungen meist zeitintensiver als eine manuelle Installation. Deswegen werden Sie im Folgenden den manuellen Weg über die Repository-Website kennenlernen. 17. siehe Sarvell (2008),

8 4.1 MANUELLE INSTALLATION ÜBER DAS TYPO3 EXTENSION REPOSITORY Installationsvorbereitungen 1.Rufen Sie zunächst die Website in einem Browser Ihrer Wahl auf. Abb. 4-1: TemplaVoilà Installation: Erweiterung suchen Geben Sie im Suchfeld den Erweiterungsschlüssel templavoila (1) ein. Starten Sie danach die Suche mit dem Button Search (2) und klicken Sie auf der Ergebnisseite den Link TemplaVoila! (3) an. 2.Sie landen nun auf der Detailseite der Erweiterung. Abb. 4-2: TemplaVoilà Installation: Detailseite Prüfen Sie zunächst, welche Version aktuell ist (1). Die Version ist mit TYPO3 Version 4.5 kompatibel. Sollten Sie eine neuere Version angezeigt bekommen, so ist es sinnvoll, in der Versionsgeschichte unter dem Reiter Download zu prüfen, ob diese Version für TYPO3 4.5 geeignet ist. Woran Sie dies erkennen, erfahren Sie gleich. Leider können Sie nicht direkt mit der Installation von TemplaVoilà beginnen, da diese Erweiterung eine Abhängigkeit (2) zu einer anderen, noch nicht installierten Erweiterung mit dem Erweiterungsschlüssel static_info_tables hat. Die Erweiterung mit dem Schlüssel lang hingegen ist bereits standardmäßig installiert. Sie müssen also zunächst die noch benötigte Abhängigkeit installieren. Doch zuvor laden Sie die Erweiterung als t3x-datei auf Ihren Rechner herunter (3).

9 18 4 TEMPLAVOILÀ 3.Schauen Sie sich nun unter der URL im Reiter Download die Versionsgeschichte der Abhängigkeit an. Abb. 4-3: TemplaVoilà Installation: Versionsgeschichte der Erweiterung static_info_tables Seit der Version wird TYPO3 Version für die Installation der Erweiterung benötigt. Für TYPO3 in der Version 4.5 benötigen Sie also die vorherige Version der Erweiterung. Laden Sie auch diese Erweiterung als t3x-datei herunter. 4.Nun müssen Sie die Abhängigkeit über den so genannten Extension Manager auf den Webserver Ihrer TYPO3-Installation laden. Rufen Sie hierzu das TYPO3-Backend in Ihrem Webbrowser auf. Abb. 4-4: TemplaVoilà Installation: Admin Tools Den Extension Manager erreichen Sie über Admin Tools Extension Manager im TYPO3-Menü (links). 5.Sie befinden sich nun im TYPO3 Extension Manager, mit dem Sie Erweiterungen installieren, entfernen und aktualisieren können. Abb. 4-5: TemplaVoilà Installation: Erweiterung importieren Wählen Sie im oberen Dropdownmenü Import extensions und klicken Sie dann auf den Button Durchsuchen.

10 4.1 MANUELLE INSTALLATION ÜBER DAS TYPO3 EXTENSION REPOSITORY 19 6.Wählen Sie nun die Datei static_info_tables_2.3.2.t3x aus Ihrem Download-Ordner aus. Das eigentliche Hochladen beginnen Sie durch einen Klick auf den Button Upload extension file. Abb. 4-6: TemplaVoilà Installation: Erweiterung hochladen 7.Sobald die Erweiterung hochgeladen wurde, erscheint eine Meldung, dass diese erfolgreich importiert wurde. Abb. 4-7: TemplaVoilà Installation: Abhängigkeit erfolgreich importiert Die Erweiterung befindet sich nun zwar auf dem Webserver, muss aber noch installiert werden. Beginnen Sie die eigentliche Installation mit dem Button Install extension. 8.Im Verlauf der Installation müssen auch Daten in die Datenbank von TYPO3 importiert werden. Abb. 4-8: TemplaVoilà Installation: Datenbank-Import Es erscheint eine sehr sehr lange Informationsseite. Scrollen Sie ganz nach unten und klicken Sie auf den Button Make updates, um den Import zu starten.

11 20 4 TEMPLAVOILÀ 9.Sobald die Erweiterung erfolgreich installiert ist, was eine ganze Weile dauern kann, sollten Sie nachfolgende Seite sehen. Abb. 4-9: TemplaVoilà Installation: Abhängigkeit installiert Damit ist die Abhängigkeit installiert, und Sie können zur eigentlichen Installation von TemplaVoilà übergehen. Auch hier müssen Sie die Erweiterung TemplaVoilà erst importieren (bzw. hochladen) und dann installieren Installation von TemplaVoilà 1. Klicken Sie erneut auf Admin Tools Extension Manager links im Menü. Import extensions sollte automatisch ausgewählt sein, da immer die letzte Auswahl angezeigt wird. 2. Laden Sie nun die Datei templavoila_1.8.0.t3x (oder neuer) auf den Webserver Ihrer TYPO3-Installation hoch. 3. Im nächsten Schritt können dann Sie wieder die eigentliche Installation mit einem Klick auf Install extension starten. Abb. 4-10: TemplaVoilà Installation: Installation TemplaVoilà beginnen 4. Auch bei dieser Erweiterung müssen Daten in die Datenbank importiert werden. Abb. 4-11: TemplaVoilà Installation: Datenbank-Import

12 4.1 MANUELLE INSTALLATION ÜBER DAS TYPO3 EXTENSION REPOSITORY Nach dem Aktualisieren der Datenbank bekommen Sie die Meldung, dass TemplaVoilà installiert ist. Jetzt müssen Sie die Grundeinstellungen von TemplaVoilà durch einen Klick auf den Button Update speichern. Ohne das Speichern der Grundeinstellungen funktionert TemplaVoilà nicht! 6. Abschließend müssen Sie den Zwischenspeicher 18 von TYPO3 leeren. Klicken Sie oben rechts in der Symbolleiste auf den gelben Blitz und dann auf Clear all caches. Sie bekommen keine Bestätigung nach dem Leeren des Zwischenspeichers.. Abb. 4-12: TemplaVoilà Installation: Leeren des Zwischenspeichers 1. Erweiterungen für TYPO3 können Abhängigkeiten zu anderen Erweiterungen haben, welche selbst wieder Abhängigkeiten haben können. Erst wenn alle abhängigen Erweiterungen installiert sind, kann die eigentliche Erweiterung (z.b. TemplaVoilà) installiert und genutzt werden. 2. Erweiterungen müssen erst importiert werden, bevor sie installiert werden können. 18. Auch Cache genannt.

13 BEISPIELPROJEKT WEINGUT TRAUBNER Beispielprojekt Weingut Traubner In dieser Lektion lernen Sie: h wie Sie mit dem TemplaVoilà-Wizard eine Website erstellen. Na wunderbar nachdem Sie nun mit TemplaVoilà eine hervorragende Template-Engine installiert haben, kann es losgehen. Stellen Sie sich den fiktiven Kunden Herrn Traubner vor. Herr Traubner hat das Weingut seines Vaters übernommen und möchte nun eine Website, mit der er für seine Weine werben kann. Aber reden Sie doch selbst mit ihm: Herr Traubnera: Die Website soll im Wesentlichen aus statischen Texten bestehen. Mir ist aber vor allem wichtig, dass ich die Texte der Site später selbst pflegen kann. Leider hab' ich keine Zeit, mich in komplexe Internettechnologien wie HTML und wie hieß das doch gleich? ach ja, CSS einzuarbeiten. a. Bildquelle: Seine Anforderungen sind optimale Bedingungen für den Einsatz von TYPO3! Nachdem Sie ihn kurz über TYPO3 und CMS-Systeme im Allgemeinen aufgeklärt haben, ist er begeistert von Ihrer Idee. Sofort beginnen Sie mit der Umsetzung. Abb. 5-1: HTML-Template für die Website Weingut Traubner

14 5.1 DER ZAUBERER VON TEMPLATANIEN 23 Nachdem Sie die üblichen konzeptionellen und designerischen Tätigkeiten für eine erste Version der Website durchgeführt haben, liegen Ihnen nun folgende Dinge vor: 19 Ein Layout, bestehend aus HTML und CSS für die Startseite und alle Unterseiten Die vorläufige Informationsarchitektur in Form einer Sitemap Texte im odt-format Der Zauberer von Templatanien Wenn Sie beginnen, eine neue Website mit TYPO3 zu erstellen, so sind anfangs eine Reihe von Routinetätigkeiten durchzuführen. Dazu gehören z.b.: Das Anlegen einer Benutzergruppe mit Editier-Rechten Das Anlegen eines Benutzers mit Editier-Rechten Das Erzeugen einer Page-Struktur Das Zuweisen der Haupttemplates Das Schreiben von TypoScript zum Einbinden von Menüs. Das meiste davon ist leider nicht gerade sonderlich spannend. Deswegen hat TemplaVoilà einen so genannten Wizard 21 integriert, der Ihnen einen Großteil der Routinetätigkeiten abnehmen kann. Ein Wizard oder Assistent ist dabei eine Oberfläche, die Sie durch eine Reihe von Dialogen führt und somit die Durchführung eines komplexen Prozesses deutlich vereinfacht. 22 Der TemplaVoilà-Zauberer kann sogar noch mehr. Er übernimmt die langweiligen Teile, wie das Anlegen von Benutzern und Gruppen und die aufwändigen wie das Schreiben von TypoScript für Menüs. Probieren Sie diese Magie doch mal aus! Als erstes müssen Sie das Layout in TYPO3 hinterlegen. Kopieren Sie dazu Ihr komplettes Layout, inklusive HTML, CSS und Bildern (d.h. den kompletten Ordner weingut_traubner_vorlage) nach fileadmin/templates in Ihrem TYPO3-Ordner. Sollte der templates-ordner nicht existieren, so erstellen Sie ihn bitte vorher. Nutzen Sie zum Anlegen des Ordners und zum Transferieren der Daten einen FTP-Client (z.b. FileZilla), sofern sich nicht mit einer lokalen TYPO3-Installation arbeiten. Damit Sie keine Probleme mit Sonderzeichen bekommen, sollten die Dateien (z.b. HTML, CSS und JavaScript) im Charset UTF-8 vorliegen. a Abb. 5-2: Darstellungsfehler von Sonderzeichen a. UTF-8 ist bei den meisten modernen Editoren Standard. 19. Sie finden diese Dateien im Begleitmaterial dieses Lernhefts 20. odt: das OpenOffice/LibreOffice-Dateiformat 21. engl. Zauberer 22. siehe

15 24 5 BEISPIELPROJEKT WEINGUT TRAUBNER TemplaVoilà-Wizard ausführen Klicken Sie nun auf Web TemplaVoilà und starten Sie den Wizard mit dem Button Start wizard now! Abb. 5-3: TemplaVoilà-Wizard: Starten des Wizards Achtung! Sie werden in den nächsten Schritten immer wieder Buttons zum Starten oder Bestätigen von Aktionen benutzen. Der TemplaVoilà-Wizard gibt Ihnen während der Ausführung dieser Aktionen keine Statusrückmeldung! Manche dieser Aktionen können mehrere Minuten dauern. Wundern Sie sich also nicht, wenn Sie einen Button klicken und im ersten Moment nichts weiter passiert. Klicken Sie auf keinen Fall die Buttons mehrmals, dadurch würde der TemplaVoilà-Wizard die Schritte doppelt ausführen! Der Wizard unterteilt den Prozess in mehrere Schritte: Schritt 1: Wählen Sie die HTML-Datei Hier präsentiert Ihnen der Wizard alle HTML-Dateien im template-verzeichnis. In Ihrem Fall ist das die index.html. Da alle Seiten unserer Website das Design der index.html haben sollen, wählen wir genau diese als Designvorlage aus.

16 5.1 DER ZAUBERER VON TEMPLATANIEN Wählen Sie fileadmin/templates/weingut_traubner_vorlage/index.html, indem Sie den Link [Choose as Template] dahinter anklicken. Abb. 5-4: TemplaVoilà-Wizard: Template auswählen Schritt 2: Geben Sie die Vorgabewerte für die neue Website ein Sie sehen eine Voransicht des Templates. Darunter befinden sich eine Reihe von Formularfeldern. Hier sehen Sie die Vorgabewerte: Name Inhalt Bedeutung Name of the site (1) Weingut Traubner Das ist der Name der Website. Er wird an verschiedenen Stellen verwendet, z.b. als Titel (<title>-tag) für die Startseite. URL of the website vorerst leer lassen Wenn Sie schon wissen, unter welcher URL die Website später online gehen soll, können Sie sie hier schon eintragen. Für dieses Beispielprojekt macht es aber mehr Sinn, das Feld leer zu lassen. Editor username (2) traubner Der Benutzername des Redakteurs der Website. Dieser hat die Berechtigung, neue Seiten anzulegen und zu verwalten. Er ist für die Inhalte zuständig, benötigt aber keine technischen Fähigkeiten. Er hat das Passwort: password. Erinnern Sie sich: TYPO3 trennt die Seitenstruktur und die Inhalte. Tabelle 5-1: Vorgabewerte

17 26 5 BEISPIELPROJEKT WEINGUT TRAUBNER 1. Scrollen Sie ganz nach unten, füllen Sie die Formularfelder wie angegeben aus und klicken Sie den Button Create new site (3). Das Erstellen kann einige Sekunden dauern. Abb. 5-5: TemplaVoilà-Wizard: Vorgabewerte für Website Schritt 3: Mapping beginnen Mappen bedeutet zuordnen. Beim Template Mapping ordnen Sie bestimmten Bereichen aus Ihrem HTML-Template Inhalte der Website zu. 1. Der Wizard erklärt das Mapping in einem kleinen Video. Klicken Sie, unter dem Video, auf den Button Start the mapping process. Abb. 5-6: TemplaVoilà-Wizard: Mapping beginnen Bevor Sie mit dem Mapping weiter machen, sollten Sie prüfen, ob Ihr HTML valide 23 ist. Sie können das direkt in TYPO3 prüfen. 23. syntaktisch Richtig.

18 5.1 DER ZAUBERER VON TEMPLATANIEN Klicken Sie im Reiter Information auf den Link validate template file. Abb. 5-7: TemplaVoilà- Wizard: Mapping-Übersicht 3. Es öffnet sich ein neues Fenster, in dem das Layout auf der W3C Webseite validiert wird. Abb. 5-8: TemplaVoilà-Wizard: W3C-Validierung des Layouts Sollte sich bei Ihnen kein neues Fenster öffnen, schalten Sie bitte den PopUp-Blocker Ihres Browsers aus.

19 28 5 BEISPIELPROJEKT WEINGUT TRAUBNER 4. Kehren Sie zu TYPO3 zurück und wählen Sie den letzten Reiter Mapping aus. Nun sehen Sie folgende Tabelle: Abb. 5-9: TemplaVoilà-Wizard: Mapping-Tabelle Das Data Element ist ein logischer Bereich aus TYPO3, den Sie zuordnen möchten. Der Wizard bietet hier folgende vier Bereiche an: ROOT Main Content Area Main menu Sub menu Abb. 5-10: TemplaVoilà-Wizard: Data Element Das ROOT-Element ist bereits dem <body>-tag Ihres Templates zugeordnet. Abb. 5-11: TemplaVoilà-Wizard: ROOT-Element auf body-tag gemappt Das ist eine sinnvolle Vorgabe es besteht keine Notwendigkeit, sie zu ändern. Als nächstes gilt es, den Hauptinhaltsbereich (Main Content Area) zuzuordnen.

20 5.1 DER ZAUBERER VON TEMPLATANIEN Klicken Sie dazu den Button Map in der Action-Spalte an. Abb. 5-12: TemplaVoilà-Wizard: Main Content Area-Element mappen Hier zeigt sich die Stärke der Template-Engine. TemplaVoilà blendet eine Grafische-Ansicht Ihres Templates ein und überlagert sie mit den Tags aus dem HTML-Code. Abb. 5-13: TemplaVoilà-Wizard: Mapping in der Grafischen-Ansicht Noch übersichtlicher wird das Ganze, wenn Sie zur Quellcode-Ansicht wechseln.

21 30 5 BEISPIELPROJEKT WEINGUT TRAUBNER 6. Wählen Sie dazu aus dem Dropdownmenü unterhalb der Überschrift Mapping Window den Mode: HTML Source aus. Abb. 5-14: TemplaVoilà-Wizard: Mapping in der Quellcode-Ansicht Hier können Sie die Tags direkt aus dem Quellcode bestimmen. 7. Klicken Sie das <div> mit der id content an. Dessen Inhalt, bestehend aus Beispielüberschriften und Lorem Ipsum-Texten, soll später von TYPO3 ausgetauscht werden. 8. Wählen Sie auf der folgenden Seite INNER (Exclude tag) (1) aus der Dropdown-Liste und klicken Sie auf Button Set (2). Abb. 5-15: TemplaVoilà-Wizard: Main Content Area auf <div> mappen

22 5.1 DER ZAUBERER VON TEMPLATANIEN 31 Jetzt sehen Sie wieder die Mapping-Tabelle mit der neu gemappten Main Content Area. Abb. 5-16: TemplaVoilà-Wizard: Mapping-Tabelle mit Main Content Area-Mapping 9. Mappen Sie nun das Main menu. Dazu können Sie die <ul>-liste mit der id navi verwenden und auch hier wählen Sie wieder INNER (exclude tag). Das Submenü müssen Sie vorerst nicht mappen. 10. Sobald Sie mit dem Mapping fertig sind, klicken Sie auf den Button Save and Return unten links, um zum nächsten Schritt zu gelangen. Abb. 5-17: TemplaVoilà-Wizard: Mapping speichern

23 32 5 BEISPIELPROJEKT WEINGUT TRAUBNER Schritt 4: Mapping der Header-Elemente 1. Nach Betrachtung des kurzen Erklärungsvideos starten Sie das Header-Mapping mit dem Button Select HTML header parts. Abb. 5-18: TemplaVoilà-Wizard: Mapping der Header-Elemente beginnen 2. Wählen Sie den Reiter Header Parts(1) an. Auch hier geht es um Mapping. Sie haben die Möglichkeit auszuwählen, welche Elemente TYPO3 aus dem <head> des Templates übernimmt. Seien Sie nicht wählerisch. Aktivieren Sie einfach alle Häkchen(2) in der Spalte Include. Hier sind alle vorgeschlagenen Elemente sinnvoll, da Sie das CSS benötigen. Bei anderen Layouts müssen Sie evtl. abwägen, was Sie benötigen. Ein weitere Klick auf den Button Save and Return(3) bringt Sie zum letzten Schritt des Wizards. Abb. 5-19: TemplaVoilà-Wizard: Mapping der Header-Elemente Schritt 5: Dynamisches Menü Um ein dynamisches Menü zu erzeugen, das automatisch Ihre Sitemap verwendet, ist normalerweise etwas TypoScript-Code erforderlich. Der Wizard hilft Ihnen aber auch hier, indem er den nötigen Code bereits vorgeneriert. Dieser generierte Code ist meistens nicht perfekt, er ist aber eine gute Ausgangs-

24 5.1 DER ZAUBERER VON TEMPLATANIEN 33 basis für gezielte Anpassungen. Dadurch, dass Sie den initialen Code nicht schreiben müssen, verringert sich der Aufwand schon erheblich. Abb. 5-20: TemplaVoilà-Wizard: Vorgenerierter Code für das dynamische Menü Um die Anpassungen am TypoScript können Sie sich später noch kümmern. 3. Schließen Sie den Vorgang zunächst einmal ab, indem Sie den generierten Code mit einem Klick auf den Button Write main menu TypoScript code (ganz unten) akzeptieren. Abb. 5-21: TemplaVoilà-Wizard: Vorgenerierten Code für das dynamische Hauptmenü bestätigen 4. Klicken Sie auf der Folgeseite noch auf den Button Write sub menu Typoscript code, um die Generierung des Submenüs zu bestätigen. Abb. 5-22: TemplaVoilà-Wizard: Vorgenerierten Code für das dynamische Submenü bestätigen

25 34 5 BEISPIELPROJEKT WEINGUT TRAUBNER 5. Jetzt sehen Sie die Abschlussmeldung. Klicken Sie auf den Button Finish Wizard!, um den Vorgang abzuschließen. Abb. 5-23: TemplaVoilà-Wizard: Wizard beenden TYPO3 öffnet die fertige Website in einem neuen Fenster bzw. Browsertab. Abb. 5-24: TemplaVoilà-Wizard: Eingebundene Seite mit Beispiel-Sitemap Wie Sie sehen, hat der Wizard die Menüeinträge zum Leben erweckt. Allerdings stammen die Inhalte der Seiten Products, Content Elements, Visions, About Us und Contact noch aus einer Beispiel-Sitemap, die der Wizard angelegt hat. Sie erhalten bald die Gelegenheit, das zu ändern TemplaVoilà-Wizard erneut ausführen Wenn man den Wizard mehrfach ausführt, um beispielsweise zwei verschiedene Websites mit TYPO3 zu pflegen, so gibt es einen kleinen Bug bei der Zuweisung des Templates zu den Websites. Abb. 5-25: TemplaVoilà-Bug in Version Sehen Sie statt Ihrer Website diese oder eine ähnliche Fehlermeldung, so tritt der Bug bei Ihnen definitiv auf. Es kann jedoch auch sein, dass der Bug auftritt, ohne sofort sichtbar zu sein. Führen Sie die nächsten beiden Schritte also immer aus, wenn Sie mehr als eine Website mit dem Wizard angelegt haben.

26 5.1 DER ZAUBERER VON TEMPLATANIEN Editieren Sie die root Page Weingut Traubner, indem Sie Edit aus dem Kontextmenü der Seite aufrufen. Abb. 5-26: Kontextmenü: Editieren einer Seite 2. Gehen Sie in den Reiter Appearance und prüfen Sie, ob der Bug bei Ihnen vorliegt. Abb. 5-27: Bug vorhanden 3. Im Reiter Appearance(1) wählen Sie dann aus den beiden Dropdownmenüs Main Template [Template] (2+3) aus. Abb. 5-28: Auswählen des Main Template 4. Schließen Sie den Vorgang ab, in dem Sie die Änderungen durch einen Klick auf das Disketten- Icon speichern.

27 36 5 BEISPIELPROJEKT WEINGUT TRAUBNER 5. Überprüfen Sie nun ob Ihre Website funktioniert. Verwenden Sie dazu die Funktion Show aus dem Kontextmenü. Abb. 5-29: Anzeigen der 6. Es öffnet sich ein neues Browserfenster oder ein neuer Browsertab. Die Fehlermeldung sollte verschwunden sein. Übung 1: Open Source Layouts im Wizard Ein effizienter erster Schritt zur neuen Website ist der Wizard. In dieser Übung können Sie das nun selbst ausprobieren. Laden Sie sich dazu ein einspaltiges Layout von einer der folgenden Seiten herunter: Diese Seiten bieten lizenzfreie bzw. Open Source-Designs an, die Sie verwenden dürfen. Achten Sie darauf, dass das Layout mindestes valides XHTML 1.0 oder HTML5 aufweist und über eine Navigation verfügt. Binden Sie das Layout dann mit dem Wizard ein und mappen Sie Main Content Area und Main Menu.

28 6.1 LÖSCHEN DES BESTEHENDEN PAGE TREES 37 6 Page Tree In dieser Lektion lernen Sie: wie Sie eine Informationsarchitektur als TYPO3 Page Tree umsetzen. Im Moment besteht Ihre Weingut-Website aus mehreren verlinkten Seiten mit Layout. Das Layout ist korrekt und die Verlinkung funktionstüchtig. So weit, so gut. Die einzelnen Seiten stammen allerdings nicht aus der Informationsarchitektur, die Sie mit Herrn Traubner zusammen entwickelt haben, sondern sind Vorgaben des TemplaVoilà-Wizards. Das sollten Sie schleunigst ändern, bevor Sie Herrn Traubner den aktuellen Projektstand vorführen! 6.1 Löschen des bestehenden Page Trees Entfernen Sie zunächst die Vorgaben, die Ihnen der TemplaVoilà-Wizard angelegt hat. Damit Sie nicht jede Seite und Unterseite einzeln löschen müssen, sollten Sie das rekursive Löschen aktivieren. Aktivierung des rekursiven Löschens: 1. Wechseln Sie zu User Tools User settings links im Menü. Abb. 6-1: User Tools: User settings 2. Wählen Sie den Reiter Edit & Advanced functions(1) und aktivieren Sie die Checkbox Recursive Delete(2), klicken Sie zum Bestätigen auf den Button Save Configuration(3) ganz unten. Abb. 6-2: User settings: Edit & Advanced functions Rekursives Löschen gibt Ihnen die Möglichkeit, einen kompletten Ast Ihres Page Trees auf einmal zu löschen. Löschen Sie z.b. Content Elements, entfernt TYPO3 automatisch alle Unterseiten und auch die Unterseiten der Unterseiten.

29 38 6 PAGE TREE Wie funktioniert nun das Löschen? Am einfachsten ist es per Drag & Drop. 3. Wählen Sie Web Page links im Menü. Sobald Sie anfangen, eine Seite mit der Maus zu ziehen (Drag), erscheint unten ein Mülleimer-Icon. Legen Sie die Seite auf dem Mülleimer ab (Drop). Bei rekursivem Löschen müssen Sie die Nachfrage aus Sicherheitsgründen noch mit YES bestätigen. Abb. 6-3: Seiten löschen im Page Tree Sollte Sollten der Page-Tree bei Ihnen nicht komplett sichtbar sein, so müssen Sie ihn über das kleine Dreieck ausklappen. Sie einmal versehentlich eine Seite löschen, bietet Ihnen TYPO3 die Möglichkeit, die Aktion sofort wieder rückgängig zu machen. Das gilt aber nicht für rekursives Löschen deswegen die Sicherheitabfrage! 4. Löschen Sie nun alle Unterseiten, aber behalten Sie den Storage Folder! Abb. 6-4: Page Tree nach dem Löschen 6.2 Umsetzen der Informationsarchitektur als Page Tree Jetzt können Sie die Informationssarchitektur des Weinguts verwirklichen. Die Startseite soll in der Menü-Navigation auftauchen. Darum muss die Einstiegs-URL z.b. auf die Startseite umleiten. Die Seite soll also folgende Struktur besitzen: Start Weinberge Familie/Geschichte Impressionen

WEB DEVELOPER GRADE 1 TYPO3. Grundlagen und Template-Entwicklung mit TemplaVoilà ... Offizielles Curriculum des Europäischen Webmasterverbandes

WEB DEVELOPER GRADE 1 TYPO3. Grundlagen und Template-Entwicklung mit TemplaVoilà ... Offizielles Curriculum des Europäischen Webmasterverbandes WEB DEVELOPER GRADE 1 TYPO3 Grundlagen und Template-Entwicklung mit TemplaVoilà.............................................................. Offizielles Curriculum des Europäischen Webmasterverbandes

Mehr

TYPO3 W E B D E V E L O P E R G R A D E 1. Grundlagen und Template-Entwicklung mit TemplaVoilà ...

TYPO3 W E B D E V E L O P E R G R A D E 1. Grundlagen und Template-Entwicklung mit TemplaVoilà ... W E B D E V E L O P E R G R A D E 1 TYPO3 Grundlagen und Template-Entwicklung mit TemplaVoilà............................................................... Offizielles Curriculum des Europäischen Webmasterverbandes

Mehr

Typo 3 installieren. Schritt 1: Download von Typo3

Typo 3 installieren. Schritt 1: Download von Typo3 Typo 3 installieren Bevor Sie Typo3 installieren, müssen Sie folgende Informationen beachten: Typo3 benötigt eine leere Datenbank. Mit Ihrem Abonnement verfügen Sie über eine einzige Datenbank. Sie können

Mehr

TYPO3 Redaktoren-Handbuch

TYPO3 Redaktoren-Handbuch TYPO3 Redaktoren-Handbuch Kontakt & Support: rdv interactive ag Arbonerstrasse 6 9300 Wittenbach Tel. 071 / 577 55 55 www.rdvi.ch Seite 1 von 38 Login http://213.196.148.40/typo3 Username: siehe Liste

Mehr

Loslegen mit Contrexx: In 10 Schritten zur professionellen Webseite.

Loslegen mit Contrexx: In 10 Schritten zur professionellen Webseite. Loslegen mit Contrexx: In 10 Schritten zur professionellen Webseite. Autor: Nicolas Müller Juli 2012 www.contrexx.com 1 Einleitung Diese Anleitung soll Ihnen helfen eine professionelle Webseite zu erstellen

Mehr

TYPO3-Kurzreferenz für Redakteure

TYPO3-Kurzreferenz für Redakteure TYPO3-Kurzreferenz für Redakteure Die Kurzreferenz orientiert sich weitgehend an den TYPO3 v4 Schulungsvideos. Es kann jedoch geringfügige Abweichungen geben, da in den Videos auf didaktisch sinnvolles

Mehr

KURZANLEITUNG CYBERDUCK MIT CLOUD OBJECT STORAGE

KURZANLEITUNG CYBERDUCK MIT CLOUD OBJECT STORAGE KURZANLEITUNG CYBERDUCK MIT CLOUD OBJECT STORAGE Version 1.12 01.07.2014 SEITE _ 2 INHALTSVERZEICHNIS 1. Einleitung...Seite 03 2. Zugriff auf Cloud Object Storage mit Cyberduck...Seite 04 3. Neuen Container

Mehr

1.5. Passwort-geschützte Seiten

1.5. Passwort-geschützte Seiten TYPO3 - the Enterprise Open Source CMS: Documentation: Der... 1 von 5 1.4.Editieren und erstellen von Seiten und Inhalt Table Of Content 1.6.Spezielle Content Elemente 1.5. Passwort-geschützte Seiten Nun

Mehr

Anleitung zur Aktualisierung

Anleitung zur Aktualisierung CONTREXX AKTUALISIERUNG 2010 COMVATION AG. Alle Rechte vorbehalten. Diese Dokumentation ist urheberrechtlich geschützt. Alle Rechte, auch die der Modifikation, der Übersetzung, des Nachdrucks und der Vervielfältigung,

Mehr

TYPO3 Schritt für Schritt - Einführung für Redakteure

TYPO3 Schritt für Schritt - Einführung für Redakteure TYPO3 Version 4.0 Schritt für Schritt Einführung für Redakteure zeitwerk GmbH Basel - Schweiz http://www.zeitwerk.ch ++4161 383 8216 TYPO3_einfuehrung_redakteure.pdf - 07.07.2006 TYPO3 Schritt für Schritt

Mehr

Die Unternehmensseite im Internet - pflegen ohne Programmierkenntnisse. Felix Kopp

Die Unternehmensseite im Internet - pflegen ohne Programmierkenntnisse. Felix Kopp Die Unternehmensseite im Internet - pflegen ohne Programmierkenntnisse Felix Kopp Orientierung Veröffentlichen und Aktualisieren ohne Programmierkenntnisse Bestehende Internet-Seite aktualisieren. oder

Mehr

WufooConnector Handbuch für Daylite 4

WufooConnector Handbuch für Daylite 4 WufooConnector Handbuch für Daylite 4 WufooConnector Handbuch für Daylite 4 1 Allgemeines 1.1 Das WufooConnector Plugin für Daylite 4 4 2 Einrichtung 2.1 2.2 2.3 Installation 6 Lizensierung 8 API Key einrichten

Mehr

Handbuch TweetMeetsMage

Handbuch TweetMeetsMage Handbuch TweetMeetsMage für Version 0.1.0 Handbuch Version 0.1 Zuletzt geändert 21.01.2012 Inhaltsverzeichnis 1 Einleitung... 3 1.1 Voraussetzungen... 3 1.2 Funktionsübersicht... 3 2 Installation... 4

Mehr

WordPress lokal mit Xaamp installieren

WordPress lokal mit Xaamp installieren WordPress lokal mit Xaamp installieren Hallo und willkommen zu einem weiteren Teil der WordPress Serie, in diesem Teil geht es um die Lokale Installation von WordPress mithilfe von Xaamp. Kurz und knapp

Mehr

Handbuch: PlagScan PlugIn in Moodle 2.X und 3.X für den Administrator

Handbuch: PlagScan PlugIn in Moodle 2.X und 3.X für den Administrator Handbuch: PlagScan PlugIn in Moodle 2.X und 3.X für den Administrator Stand: November 2015 Inhaltsverzeichnis Phase 1: Registrierung Schritt 1 von 2: Nutzungsart Organisation wählen Schritt 2 von 2: Organisation

Mehr

Inhaltsverzeichnis. 1.7 Systemvoraussetzungen... 23. 1.8 Benutzer (Client)... 32 2 Installation... 33 2.1 Welches Paket ist das Richtige?...

Inhaltsverzeichnis. 1.7 Systemvoraussetzungen... 23. 1.8 Benutzer (Client)... 32 2 Installation... 33 2.1 Welches Paket ist das Richtige?... Teil 1 Einführung................................................... 15 1 Einleitung........................................................ 17 1.1 Danksagung................................................

Mehr

Installationsanleitung - creative templates -

Installationsanleitung - creative templates - - - Fertige TYPO3 Templates auf Basis des CSS- Framework. Stand 2013 INHALTSVERZEICHNIS 1. Voraussetzungen... 3 1.1. Voraussetzungen für eine erfolgreiche Installation... 3 2. Installation... 3 2.1. Entpacken

Mehr

Für Fragen und Anregungen, Wünsche und Verbesserungsvorschlägen zu diesem Handbuch können Sie mich gerne kontaktieren.

Für Fragen und Anregungen, Wünsche und Verbesserungsvorschlägen zu diesem Handbuch können Sie mich gerne kontaktieren. Inhaltsverzeichnis 1. Inhaltselemente bearbeiten Bild einfügen 2. Inhaltselement anlegen 3. Seite anlegen 4. Dateien verwalten Ordner anlegen Datei hochladen 5. Buttons 6. TYPO3 Backend (Aufbau) Einleitung

Mehr

Starten Sie das Shopinstallatonsprogramm und übertragen Sie alle Dateien

Starten Sie das Shopinstallatonsprogramm und übertragen Sie alle Dateien 3. Installation Ihres Shops im Internet / Kurzanleitung Kurzanleitung: Starten Sie das Shopinstallatonsprogramm und übertragen Sie alle Dateien Geben Sie während der Webbasierten Installationsroutine alle

Mehr

Kurzanleitung Drupal. 1. Anmeldung

Kurzanleitung Drupal. 1. Anmeldung Kurzanleitung Drupal 1. Anmeldung Anmeldung erfolgt bis zum Umzug unter http://haut.mjk-design.de/login und nach erfolgreichem Domainumzug unter http://www.haut.net/login mit Benutzername und Passwort.

Mehr

TYPO3 und TypoScript

TYPO3 und TypoScript Produktinformation http://www.hanser.de/deckblatt/deckblatt1.asp?isbn=3-446-40751-0&style=leseprobe Seite 1 von 1 24.07.2006 TYPO3 und TypoScript Daniel Koch, Christian Wenz, Tobias Hauser Webseiten programmieren,

Mehr

Zimplit CMS Handbuch. Einführung. Generelle Informationen

Zimplit CMS Handbuch. Einführung. Generelle Informationen Zimplit CMS Handbuch Einführung Dieses Dokument gibt Ihnen einen Überblick über die Nutzeroberfläche des Zimplit CMS (Content Management System) und seinen Funktionen. Generelle Informationen Version:

Mehr

HILFE Datei. UPC Online Backup

HILFE Datei. UPC Online Backup HILFE Datei UPC Online Backup Inhalt Login Screen......? Welcome Screen:......? Manage Files Screen:...? Fotoalbum Screen:.........? Online backup Client Screen...? Frequently Asked Questions (FAQ s)...?

Mehr

Version 30.07.2007 - Pädagogische Hochschule Freiburg, Peter Huppertz

Version 30.07.2007 - Pädagogische Hochschule Freiburg, Peter Huppertz Babysteps Backend - Hauptmenü Neue Seite anlegen Seiteneigenschaften bearbeiten Inhaltselemente erstellen Inhaltselemente bearbeiten Übersicht der Seitenlayouts Bearbeiten von Personen Anzeigen von Personendaten

Mehr

Ablauf. Redaktions-Schulung. Schulungs Unterlagen. Typo3

Ablauf. Redaktions-Schulung. Schulungs Unterlagen. Typo3 Redaktions-Schulung Verein Netwerk Logistik 7. März 2008 Ralph Zimmermann Ablauf Redaktionssystem Allgemein Login Aufbau von Typo3 Seitenelemente Seitenelemente - Editieren /Hinzufügen Neue Seite anlegen

Mehr

Spickzettel. Dokumentation zum Wordpress-Workshop. www.sternundberg.de

Spickzettel. Dokumentation zum Wordpress-Workshop. www.sternundberg.de Spickzettel Dokumentation zum Wordpress-Workshop www.sternundberg.de Inhaltsverzeichnis Was ist Wordpress? Login Benutzer / Benutzergruppen Wordpress-Benutzeroberfläche Backend Eine Seite erstellen Unterschied

Mehr

So ziehen Sie Ihr Wordpress Blog zu STRATO um

So ziehen Sie Ihr Wordpress Blog zu STRATO um So ziehen Sie Ihr Wordpress Blog zu STRATO um Version 1.0 So ziehen Sie Ihr Wordpress Blog zu STRATO um Das Wordpress-Plugin Duplicator ermöglicht Ihnen, in wenigen Schritten Ihre Wordpress-Instanz umzuziehen.

Mehr

d e S I G n & d e v e L O P M e n T TYPO3 AdvAnced

d e S I G n & d e v e L O P M e n T TYPO3 AdvAnced DESIGN & DEVELOPMENT TYPO3 Advanced 1 Einleitung / Inhalt 2 / 13 Einleitung Dieses Dokument weist Sie durch die Funktion des Open Source CMS TYPO3. In wenigen, einfachen Schritten wird Ihnen bebildert

Mehr

Installation KVV Webservices

Installation KVV Webservices Installation KVV Webservices Voraussetzung: KVV SQL-Version ist installiert und konfiguriert. Eine Beschreibung dazu finden Sie unter http://www.assekura.info/kvv-sql-installation.pdf Seite 1 von 20 Inhaltsverzeichnis

Mehr

Joomla Schulung. Open Source CM-System. Projekt-Nr. 398. Thomas Haussener, MA. 20. Juni 2007

Joomla Schulung. Open Source CM-System. Projekt-Nr. 398. Thomas Haussener, MA. 20. Juni 2007 Joomla Schulung Projekt-Nr. 398 Open Source CM-System Projektteam: Christian Wüthrich, PL Thomas Haussener, MA 20. Juni 2007 BiCT AG Güterstrasse 5 3072 Ostermundigen Tel. 031 939 40 30 Fax 031 939 40

Mehr

Die Dateiablage Der Weg zur Dateiablage

Die Dateiablage Der Weg zur Dateiablage Die Dateiablage In Ihrem Privatbereich haben Sie die Möglichkeit, Dateien verschiedener Formate abzulegen, zu sortieren, zu archivieren und in andere Dateiablagen der Plattform zu kopieren. In den Gruppen

Mehr

Visual Web Developer Express Jam Sessions

Visual Web Developer Express Jam Sessions Visual Web Developer Express Jam Sessions Teil 1 Die Visual Web Developer Express Jam Sessions sind eine Reihe von Videotutorials, die Ihnen einen grundlegenden Überblick über Visual Web Developer Express,

Mehr

Erste Schritte mit Elvis 3 ein Beispielprojekt

Erste Schritte mit Elvis 3 ein Beispielprojekt Erste Schritte mit Elvis 3 ein Beispielprojekt Um Sie mit Elvis 3 vertraut zu machen möchten wir mit Ihnen mit diesem Kapitel ein Beispielprojekt vom ersten Aufruf von Elvis 3 bis zum Testlauf aufbauen.

Mehr

Argelander Institut für Astronomie. Persönliche Website

Argelander Institut für Astronomie. Persönliche Website Argelander Institut für Astronomie Persönliche Website Zunächst loggt man sich auf www.astro.uni-bonn.de/typo3 mit seinem AIfA Zugang ein. Nach erfolgreichem Login befindet man sich im Backend des TYPO3

Mehr

Kurzanleitung für das CMS Joomla 3.x

Kurzanleitung für das CMS Joomla 3.x Kurzanleitung für das CMS Joomla 3.x 1. Login ins Backend Die Anmeldung ins sogenannte Backend (die Verwaltungsebene) der Website erfolgt über folgenden Link: www.name-der-website.de/administrator. Das

Mehr

Wordpress installieren

Wordpress installieren Wordpress installieren auf Ihrem Webhosting 2016 Jörg Rothhardt, Schrakauer Str.22, 03205 Calau 1. Ausgabe - internetmarketingstart.de WordPress installieren... 3 Die einfache Installation von WordPress...

Mehr

1. Loggen Sie sich mit Ihrem Benutzernamen in den Hosting-Manager (Confixx) auf Ihrer entsprechenden AREA ein. Automatische Wordpress Installation

1. Loggen Sie sich mit Ihrem Benutzernamen in den Hosting-Manager (Confixx) auf Ihrer entsprechenden AREA ein. Automatische Wordpress Installation Page 1 of 8 Automatische Wordpress Installation Vorwort Wordpress ist eines der bekanntesten und am weitesten verbreiteten CMS-Systeme. CMS steht für Content Management System und heisst, dass mit einem

Mehr

Veranstaltungen anlegen und bearbeiten

Veranstaltungen anlegen und bearbeiten Veranstaltungen anlegen und bearbeiten Dieses Dokument beschreibt, wie Sie Veranstaltungen anlegen und bearbeiten können. Login Melden Sie sich an der jeweiligen Website an, in dem Sie hinter die Internet-

Mehr

Drupal Panels. Verwendung für Autoren

Drupal Panels. Verwendung für Autoren Verwendung für Autoren 11.08.2011 1 Inhalt 2 Panel Layout... 3 2.1 Der Layout Generator... 3 3 Inhalt Hinzufügen... 3 3.1 Anzeige vom Panel-Page Body Text in der Panel Ausgabe... 3 4 Dateianhänge... 4

Mehr

Über den Link Inhalte bearbeiten in der Navigation erreichen Sie den Online Editor.

Über den Link Inhalte bearbeiten in der Navigation erreichen Sie den Online Editor. Homepage bearbeiten mit dem ezillo.com Online Editor Bei ezillo.com können Sie für Ihre kostenlose Erotik Homepage eigene Unterseiten erstellen und bearbeiten. Dazu steht Ihnen mit dem Online Editor ein

Mehr

Der Website-Generator

Der Website-Generator Der Website-Generator Der Website-Generator im Privatbereich gibt Ihnen die Möglichkeit, schnell eine eigene Website in einheitlichem Layout zu erstellen. In Klassen, Gruppen und Institutionen können auch

Mehr

Upgrade auf TYPO3 6.2

Upgrade auf TYPO3 6.2 Upgrade auf TYPO3 6.2 Jochen Weiland Wolfgang Wagner TYPO3camp Berlin 2014! Fakten Kunden lieben LTS Versionen Die meisten Projekte laufen mit 4.5 Fakten 3.5 Jahre seit dem Release 4.5 34 Release seitdem

Mehr

WordPress installieren und erste Einblicke ins Dashboard

WordPress installieren und erste Einblicke ins Dashboard WordPress installieren und erste Einblicke ins Dashboard Von: Chris am 16. Dezember 2013 In diesem Tutorial zeige ich euch wie ihr WordPress in der aktuellen Version 3.7.1 auf eurem Webspace installieren

Mehr

Handbuch Website. Handbuch Redakteure Fakultät. Handbuch Website. CMS TYPO3 (Version 4.6) Dokument-Version: 1.0

Handbuch Website. Handbuch Redakteure Fakultät. Handbuch Website. CMS TYPO3 (Version 4.6) Dokument-Version: 1.0 Handbuch Website Handbuch Redakteure Fakultät CMS TYPO3 (Version 4.6) Dokument-Version: 1.0 Herausgeber: Kreativoli Mediendesign Altstadt 195 84028 Landshut Tel.: (0871) 9 66 41 33 Fax: (0871) 9 66 41

Mehr

URT Eclipse All in one

URT Eclipse All in one URT Eclipse All in one Das Paket Eclipse All in one enthält Programme und Einstellungen, die zum Programmieren mit Eclipse in Zusammenarbeit mit Subversion und ANT benötigt werden. Dieses Paket dient als

Mehr

HTL-Website. TYPO3- Skriptum II. Autor: RUK Stand: 02.06.2010 Gedruckt am: - Version: V0.1 Status: fertig. Qualitätsmanagement

HTL-Website. TYPO3- Skriptum II. Autor: RUK Stand: 02.06.2010 Gedruckt am: - Version: V0.1 Status: fertig. Qualitätsmanagement HTL-Website TYPO3- Skriptum II Autor: RUK Stand: 02.06.2010 Gedruckt am: - Version: V0.1 Status: fertig Qualitätsmanagement Erstellt Geprüft Freigegeben Name RUK Datum 02.06.2010 Unterschrift Inhaltsverzeichnis

Mehr

Content Management System (CMS) Manual

Content Management System (CMS) Manual Content Management System (CMS) Manual Thema Seite Aufrufen des Content Management Systems (CMS) 2 Funktionen des CMS 3 Die Seitenverwaltung 4 Seite ändern/ Seite löschen Seiten hinzufügen 5 Seiten-Editor

Mehr

Installation des Zertifikats. Installationsanleitung für Zertifikate zur Nutzung des ISBJ Trägerportals

Installation des Zertifikats. Installationsanleitung für Zertifikate zur Nutzung des ISBJ Trägerportals Installationsanleitung für Zertifikate zur Nutzung des ISBJ Trägerportals 1 43 Inhaltsverzeichnis Einleitung... 3 Microsoft Internet Explorer... 4 Mozilla Firefox... 13 Google Chrome... 23 Opera... 32

Mehr

Photoalben anlegen und verwalten.

Photoalben anlegen und verwalten. ClubWebMan GKMB Gallery Photoalben anlegen und verwalten. geeignet für TYPO Version.5 bis.6 Die Arbeitsschritte A. Upload der Bilder in die Dateiliste B. Bilder beschriften und sortieren B. Album im Ordner

Mehr

Installation des Templates Multiflex5

Installation des Templates Multiflex5 Installation des Templates Multiflex5 Installation Template Multiflex5 Features: Erstes Template mit TemplaVoila Dreisprachig. Suche und Login ist integriert Titel können in den Constants angepasst werden.

Mehr

Empfehlung der t3n-redaktion. Open. Web. Business.

Empfehlung der t3n-redaktion. Open. Web. Business. Empfehlung der t3n-redaktion Open. Web. Business. 1 TYPO3 kennenlernen [01:41 Std.] Zu Beginn des Trainings erfahren Sie, was TYPO3 als ein Content Management System (CMS) auszeichnet. Zudem lernen Sie

Mehr

Installationsleitfaden kabelsafe storage mit FileZilla Client Programm

Installationsleitfaden kabelsafe storage mit FileZilla Client Programm Installationsleitfaden kabelsafe storage mit FileZilla Client Programm Installationsanleitung kabelsafe storage unter Verwendung des kostenlos unter verschiedenen Betriebssystemplattformen (Windows, Apple

Mehr

CONTENT MANAGER BEDIENUNGSANLEITUNG

CONTENT MANAGER BEDIENUNGSANLEITUNG CONTENT MANAGER BEDIENUNGSANLEITUNG Lesen Sie diese Anleitung um zu lernen, wie Sie mit dem Content Manager suchen, kaufen, herunterladen und Updates und zusätzliche Inhalte auf Ihrem Navigationsgerät

Mehr

Sigrid Born Jari-Hermann Ernst. Content Management mit TYPO3 CMS. Inklusive CD-ROM

Sigrid Born Jari-Hermann Ernst. Content Management mit TYPO3 CMS. Inklusive CD-ROM Sigrid Born Jari-Hermann Ernst Content Management mit TYPO3 CMS Inklusive CD-ROM 370 A Administrator 59, 60 advanced editor Siehe Redakteur automaketemplate 217 Auto-parser 218 - und -bereich

Mehr

TYPO3 Einführung für Redakteure

TYPO3 Einführung für Redakteure TYPO3 Einführung für Redakteure Ablauf! 1. Tag: Aufbau der Website im Corporate Design der LUH Bearbeiten von Inhalten: Inhaltselemente Text und Text mit Bild Übungen Überblick über weitere Inhaltselemente

Mehr

Redaktions-Schulung. Redaktionssystem der Kunstuniversität Linz 12. Oktober 2007. Daniel Hoschek & Ralph Zimmermann

Redaktions-Schulung. Redaktionssystem der Kunstuniversität Linz 12. Oktober 2007. Daniel Hoschek & Ralph Zimmermann Redaktions-Schulung Redaktionssystem der Kunstuniversität Linz 12. Oktober 2007 Daniel Hoschek & Ralph Zimmermann 1 Ablauf Redaktionssystem Allgemein Login Aufbau von Typo3 Seitenelemente Seitenelemente

Mehr

Anleitung OpenCms 8 Extranet - Geschützter Bereich

Anleitung OpenCms 8 Extranet - Geschützter Bereich Anleitung OpenCms 8 Extranet - Geschützter Bereich 1 Erzbistum Köln Extranet August 2014 Inhalt... 3 1. Extranet interner Bereich geschützter Bereich... 3 1.1. Voraussetzungen... 3 1.2. Webuser Extranet

Mehr

Programme deinstallieren,

Programme deinstallieren, Programme deinstallieren, Programme mit Windows deinstallieren: Sie haben Programme auf Ihrem Rechner, die Sie gar nicht oder nicht mehr gebrauchen. Sie sollten solche Programme deinstallieren, denn die

Mehr

Vorbereitungen zum SIMOTION Webserver Tutorial Anwenderdefinierte Webseiten

Vorbereitungen zum SIMOTION Webserver Tutorial Anwenderdefinierte Webseiten SIMOTION Tutorials Vorbereitungen zum SIMOTION Webserver Tutorial Anwenderdefinierte Webseiten siemens.com/answers SIMOTION- 2 Webserver aktivieren 3 Demo-Variablen hinzufügen 4 Web-Editor 6 Web- 10 SIMOTION

Mehr

Einführung in das redaktionelle Arbeiten mit Typo3 Schulung am 15. und 16.05.2006

Einführung in das redaktionelle Arbeiten mit Typo3 Schulung am 15. und 16.05.2006 1. Anmeldung am System Das CMS Typo3 ist ein webbasiertes Redaktionssystem, bei dem Seiteninhalte mit einem Internetzugang und einer bestimmten URL zeit- und ortunabhängig erstellt und bearbeitet werden

Mehr

Sigrid Born Jari-Hermann Ernst. Content Management mit TYPO3 CMS. Inklusive CD-ROM

Sigrid Born Jari-Hermann Ernst. Content Management mit TYPO3 CMS. Inklusive CD-ROM Sigrid Born Jari-Hermann Ernst Content Management mit TYPO3 CMS Inklusive CD-ROM Vorwort 11 Willkommen bei TYPO3 CMS für Kids! 11 Warum TYPO3 CMS? 12 Wie dieses Buch aufgebaut ist 14 Brauchst du Voraussetzungen?

Mehr

Anleitung. Update/Aktualisierung EBV Mehrplatz Homepage

Anleitung. Update/Aktualisierung EBV Mehrplatz Homepage Anleitung Update/Aktualisierung EBV Mehrplatz Homepage Zeichenerklärung Möglicher Handlungsschritt, vom Benutzer bei Bedarf auszuführen Absoluter Handlungsschritt, vom Benutzer unbedingt auszuführen Rückmeldung

Mehr

TYPO3-Version 6.2: Die News-Meldungen in der Website

TYPO3-Version 6.2: Die News-Meldungen in der Website TYPO3-Webservice Leibniz Universität IT Services September 2015 TYPO3-Version 6.2: Die News-Meldungen in der Website 1. Die Extension tt_news In den TYPO3-Webauftritten der LUH ist standardmäßig die Extension

Mehr

Das Content Management System Typo3: eine kurze Redakteurseinführung V 1.0

Das Content Management System Typo3: eine kurze Redakteurseinführung V 1.0 Das Content Management System Typo3: eine kurze Redakteurseinführung V 1.0 Das Content Management System Typ03: eine kleine Redakteurseinführung Typo3 ist ein Content Management System (CMS). Ein CMS ermöglicht

Mehr

WordPress installieren mit Webhosting

WordPress installieren mit Webhosting Seite 1 von 8 webgipfel.de WordPress installieren mit Webhosting Um WordPress zu nutzen, muss man es zunächst installieren. Die Installation ist im Vergleich zu anderen Systemen sehr einfach. In dieser

Mehr

4 Die FrontPage-Website

4 Die FrontPage-Website 4 Die FrontPage-Website Ziele dieses Kapitels A Sie lernen die Struktur einer Website kennen. A Sie können Websites verschachteln. A Sie können Websites konvertieren. Microsoft Office Frontpage 2003 Einführung

Mehr

Datenspooler Installationsanleitung Gültig ab Datenspooler-Version 2.2.20.X

Datenspooler Installationsanleitung Gültig ab Datenspooler-Version 2.2.20.X Datenspooler Installationsanleitung Gültig ab Datenspooler-Version 2.2.20.X Inhalt 1. Vorbedingungen... 4 2. Installation... 5 2.1. Umstellung von Datenspooler Version A.03.09 auf Datenspooler-Version

Mehr

6RIW&OHDQ Š 9HUVLRQ8SJUDGHDQOHLWXQJ

6RIW&OHDQ Š 9HUVLRQ8SJUDGHDQOHLWXQJ 6RIW&OHDQ Š 9HUVLRQ8SJUDGHDQOHLWXQJ 6HKUJHHKUWH6RIW&OHDQ $QZHQGHU LQ XQVHUHP 6RIW&OHDQ 8SGDWHV 'RZQORDGEHUHLFK ILQGHQ 6LH ]ZHL $UWHQ YRQ 8SGDWHV 1DFKIROJHQGHUIDKUHQ6LHZHOFKHV8SGDWHI U6LHGDVULFKWLJHLVWXQGZLH6LHGDV8SGDWHDXI,KUHP$UEHLWVSODW]GXUFKI

Mehr

Contao für Redakteure

Contao für Redakteure Wir zeigen Ihnen wie gut Sie sind! Contao für Redakteure Erfahren Sie, wie man mit Contao umgeht Schnell, einfach und verständlich in 15 Seiten sachkundig! Inhaltsverzeichniss Einloggen 3 Übersicht 4 Seiten

Mehr

Durchführung eines Upgrades von Windows 7 auf Windows 8

Durchführung eines Upgrades von Windows 7 auf Windows 8 Durchführung eines Upgrades von Windows 7 auf Windows 8 Stand: August 2012 CSL-Computer GmbH & Co. KG Sokelantstraße 35 30165 Hannover Telefon: 05 11-76 900 100 Fax 05 11-76 900 199 shop@csl-computer.com

Mehr

Content Management System (CMS) Manual

Content Management System (CMS) Manual Content Management System (CMS) Manual Thema Seite Aufrufen des Content Management Systems (CMS) 2 Funktionen des CMS 3 Die Seitenverwaltung 4 Seite ändern/ Seite löschen Seiten hinzufügen 5 Seiten-Editor

Mehr

Anleitung zum Upgrade auf SFirm 3.x + Datenübernahme. I. Vorbereitungen

Anleitung zum Upgrade auf SFirm 3.x + Datenübernahme. I. Vorbereitungen Anleitung zum Upgrade auf 3.x + Datenübernahme I. Vorbereitungen 1. Laden Sie zunächs die Installationsdateien zu 3.x, wie in der Upgrade-Checkliste (Schritt 1.) beschrieben, herunter. 2. Starten Sie nochmals

Mehr

Template Voila Tutorial German

Template Voila Tutorial German Template Voila Tutorial German Extension Key: doc_tv_de Copyright 2000 2002, Andreas Jonderko, This document is published under the Open Content License available from http://www.opencontent.org/opl.shtml

Mehr

Benutzerverwaltung mit Zugriffsrechteverwaltung (optional)

Benutzerverwaltung mit Zugriffsrechteverwaltung (optional) Benutzerverwaltung mit Zugriffsrechteverwaltung (optional) Mit der Zugriffsrechteverwaltung können Sie einzelnen Personen Zugriffsrechte auf einzelne Bereiche und Verzeichnisse Ihrer Internetpräsenz gewähren.

Mehr

Installation des edu- sharing Plug- Ins für Moodle

Installation des edu- sharing Plug- Ins für Moodle Installation des edu- sharing Plug- Ins für Moodle [edu-sharing Team] [Dieses Dokument beschreibt die Installation und Konfiguration des edu-sharing Plug-Ins für das LMS Moodle.] edu- sharing / metaventis

Mehr

Anleitungen zum Publizieren Ihrer Homepage

Anleitungen zum Publizieren Ihrer Homepage Anleitungen zum Publizieren Ihrer Homepage Einrichtung und Konfiguration zum Veröffentlichen Ihrer Homepage mit einem Programm Ihrer Wahl Stand April 2008 Die Anleitungen gelten für die Homepage-Produkte:

Mehr

Einrichten des IIS für VDF WebApp. Einrichten des IIS (Internet Information Server) zur Verwendung von Visual DataFlex Web Applications

Einrichten des IIS für VDF WebApp. Einrichten des IIS (Internet Information Server) zur Verwendung von Visual DataFlex Web Applications Einrichten des IIS (Internet Information Server) zur Verwendung von Visual DataFlex Web Applications Windows 8 Systemsteuerung > Programme > Windows Features aktivieren / deaktivieren > Im Verzeichnisbaum

Mehr

Innovator for Model Sketching. Kurzanleitung zu Installation und Benutzung

Innovator for Model Sketching. Kurzanleitung zu Installation und Benutzung Kurzanleitung zu Installation und Benutzung Inhaltsverzeichnis Installation... 3 Systemvoraussetzungen... 3 Innovator for Model Sketching herunterladen... 3 Innovator for Model Sketching einrichten...

Mehr

SEW Übung EMFText. 1 Aufgabe. 2 Domänenbeschreibung. 3 Installation von Eclipse/EMFText. 4 Schritt-für-Schritt Anleitung. 4.

SEW Übung EMFText. 1 Aufgabe. 2 Domänenbeschreibung. 3 Installation von Eclipse/EMFText. 4 Schritt-für-Schritt Anleitung. 4. SEW Übung EMFText 1 Aufgabe Erstellen Sie eine textuelle Domänenspezifische Sprache Domain-specific Language (DSL) mit dem Werkzeug EMFText. Die Sprache soll dazu dienen Formulare (Fragen, Antworttypen

Mehr

Nachrichten (News) anlegen und bearbeiten

Nachrichten (News) anlegen und bearbeiten Nachrichten (News) anlegen und bearbeiten Dieses Dokument beschreibt, wie Sie Nachrichten anlegen und bearbeiten können. Login Melden Sie sich an der jeweiligen Website an, in dem Sie hinter die Internet-

Mehr

Joomla 1.5. Einführung in die Installation und Benützung

Joomla 1.5. Einführung in die Installation und Benützung Joomla 1.5 Einführung in die Installation und Benützung Programm Was ist Joomla Installation auf Ubuntu Benützung von Joomla Templates wechseln Nützliche Komponenten Weiterführende Informationen Was ist

Mehr

easyguide - ready for content Content Management System

easyguide - ready for content Content Management System easyguide - ready for content Content Management System Inhalt Mit dem Redaktionssystem AMAN_RedSYS können Sie, Ihre Mitarbeiter und/oder freie Redakteure ohne spezielle Vorkenntnisse Inhalte erstellen

Mehr

CBS-Heidelberg Helpdesk Filr-Dokumentation S.1

CBS-Heidelberg Helpdesk Filr-Dokumentation S.1 CBS-Heidelberg Helpdesk Filr-Dokumentation S.1 Dokumentation der Anwendung Filr von Novell G Informationen zu Filr, die über diese Dokumentation hinausgehen, finden Sie im Internet unter: http://www.novell.com/de-de/documentation/novell-filr-1-1/

Mehr

Sicherer Datenaustausch zwischen der MPC-Group und anderen Firmen. Möglichkeiten zum Datenaustausch... 2

Sicherer Datenaustausch zwischen der MPC-Group und anderen Firmen. Möglichkeiten zum Datenaustausch... 2 Sicherer Datenaustausch zwischen der MPC-Group und anderen Firmen Inhaltsverzeichnis Möglichkeiten zum Datenaustausch... 2 Möglichkeit 1: Datenaustausch mit Ihrem Webbrowser (HTTPS):... 3 Disclaimer...

Mehr

Live Update (Auto Update)

Live Update (Auto Update) Live Update (Auto Update) Mit der Version 44.20.00 wurde moveit@iss+ um die Funktion des Live Updates (in anderen Programmen auch als Auto Update bekannt) für Programm Updates erweitert. Damit Sie auch

Mehr

Anleitung für Kaufkunden, bei denen der CLIQ Web Manager nicht permanent mit dem CLIQ Data Center (DCS) verbunden sind

Anleitung für Kaufkunden, bei denen der CLIQ Web Manager nicht permanent mit dem CLIQ Data Center (DCS) verbunden sind Anleitung für Kaufkunden, bei denen der CLIQ Web Manager nicht permanent mit dem CLIQ Data Center (DCS) verbunden sind Bitte anklicken: Wozu brauche ich das CLIQ DATA Center (DCS)? Wie erhalte ich Zugang?

Mehr

Bedienungsanleitung. ClipVilla Video Producer BEDIENUNGSANLEITUNG - CLIPVILLA VIDEO PRODUCER

Bedienungsanleitung. ClipVilla Video Producer BEDIENUNGSANLEITUNG - CLIPVILLA VIDEO PRODUCER Bedienungsanleitung ClipVilla Video Producer Contents Bedienungsanleitung 1 ClipVilla Video Producer 1 Contents 2 So bedienen Sie den ClipVilla Video Producer 3 1.1) Neue Einträge in Ihrem Backend 3 1.2)

Mehr

Anleitung. Update/ Aktualisierung EBV Mehrplatz. und Mängelkatalog

Anleitung. Update/ Aktualisierung EBV Mehrplatz. und Mängelkatalog Anleitung Update/ Aktualisierung EBV Mehrplatz und Mängelkatalog Zeichenerklärung Möglicher Handlungsschritt, vom Benutzer bei Bedarf auszuführen Absoluter Handlungsschritt, vom Benutzer unbedingt auszuführen

Mehr

BeWoPlaner Kurzanleitung

BeWoPlaner Kurzanleitung BeWoPlaner Kurzanleitung Hochstadenstr. 1-3 50674 Köln fon +49 221 606052-0 fax +49 221 606052-29 E-Mail: info@beyondsoft.de Seite 1 Inhaltsverzeichnis Installation des BeWoPlaners...3 Erster Start...3

Mehr

Content Management mit Typo3

Content Management mit Typo3 Content Management mit Typo3 Autor: Tanja Jung, ITW Stand 08/2006 INHALTSVERZEICHNIS TYPO3 EINFÜHRUNG----------------------------------------------------------------------------------------------2 1. Zugang

Mehr

CMS und Barrierefreiheit am Beispiel Typo3 Stefan Parker, Sonja Strohmaier

CMS und Barrierefreiheit am Beispiel Typo3 Stefan Parker, Sonja Strohmaier CMS und Barrierefreiheit am Beispiel Typo3 Stefan Parker, Sonja Strohmaier Typo3 - Allgemeines Open-Source Content Management System Programmiert in PHP Konfigurierbar über Typoscript Voraussetzungen:

Mehr

TYPO3 CMS 6.2. Grundlagen für Redakteure und Integratoren. Karen Falkenberg. 1. Ausgabe, August 2014 TYPO362

TYPO3 CMS 6.2. Grundlagen für Redakteure und Integratoren. Karen Falkenberg. 1. Ausgabe, August 2014 TYPO362 TYPO3 CMS 6.2 Karen Falkenberg 1. Ausgabe, August 2014 Grundlagen für Redakteure und Integratoren TYPO362 5 TYPO3 CMS 6.2 - Grundlagen für Redakteure und Integratoren 5 Webelemente In diesem Kapitel erfahren

Mehr

Joomla! 2.5 CMS. Kurzdokumentation. ql.de. Inhaltspflege.Dateiverwaltung. Stand: 06.02.2012 Dr. Mareike Riegel Ingo Holewczuk

Joomla! 2.5 CMS. Kurzdokumentation. ql.de. Inhaltspflege.Dateiverwaltung. Stand: 06.02.2012 Dr. Mareike Riegel Ingo Holewczuk Joomla! 2.5 CMS Kurzdokumentation ql.de Inhaltspflege.Dateiverwaltung Stand: 06.02.2012 Dr. Mareike Riegel Ingo Holewczuk Copyright 2012 Mareike Riegel 1 / 15 Inhaltsverzeichnis 1. Backend...3 1.1 Einloggen...3

Mehr

So bringst du Prolog zum Laufen...

So bringst du Prolog zum Laufen... Diese Anleitung soll dir dabei helfen den freien Prolog-Interpreter SWI-Prolog zu installieren einen geeigneten Texteditor auszuwählen, mit dem du Prolog-Programme schreiben kannst das erste kleine Programm

Mehr

Video 1: Wie Sie eine Facebook Seite anlegen. Erstellen Sie ein kostenloses Facebook Konto auf http://www.facebook.com

Video 1: Wie Sie eine Facebook Seite anlegen. Erstellen Sie ein kostenloses Facebook Konto auf http://www.facebook.com Checklisten Video 1: Wie Sie eine Facebook Seite anlegen Erstellen Sie ein kostenloses Facebook Konto auf http://www.facebook.com Öffnen Sie die Seite http://www.facebook.com/pages/ und klicken Sie auf

Mehr

Inhaltsverzeichnis. 2 Abteilungsspezifische Banner 16 2.1 Austausch der Banner... 16 2.2 Hinweis für Entwickler... 17

Inhaltsverzeichnis. 2 Abteilungsspezifische Banner 16 2.1 Austausch der Banner... 16 2.2 Hinweis für Entwickler... 17 Inhaltsverzeichnis 1 Beiträge verwalten 2 1.1 Kategorie erstellen.............................. 2 1.2 Beitrag erstellen................................ 3 1.3 Beitragsberechtigungen verwalten......................

Mehr

Dokumentation Admintool

Dokumentation Admintool Dokumentation Admintool 1. Das Menü Artikel: Im Bereich Artikel sehen Sie zunächst die Artikelzentrale eine Übersicht aller auf der Website veröffentlichen Artikel. Diese werden innerhalb der Struktur

Mehr

www.informationskompetenz.de - Frontend

www.informationskompetenz.de - Frontend www.informationskompetenz.de - Frontend News einstellen 1. Login auf der Webseite unter Benutzeranmeldung (=Frontend) mit persönlichem Login 2. Wahl des Menüpunkts Inhalte einstellen > News einstellen

Mehr

Zugang zum BSCW-System an der FH Frankfurt am Main

Zugang zum BSCW-System an der FH Frankfurt am Main BSCW-Redaktion 04.04.2009 Seite 1 Zugang zum BSCW-System an der FH Frankfurt am Main In dieser Anleitung wird beschrieben, wie Sie Ihren BSCW-Arbeitsbereich über WebDAV in Windows einbinden. Um diese Anleitung

Mehr

Homepageerstellung mit WordPress

Homepageerstellung mit WordPress Homepageerstellung mit WordPress Eine kurze Einführung in die Installation und Einrichtung von WordPress als Homepage-System. Inhalt 1.WordPress installieren... 2 1.1Download... 2 1.2lokal... 2 1.2.1 lokaler

Mehr