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

Transkript

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

2 Inhaltsverzeichnis 1 PDF innerhalb des Contents (Infofolder) Downloads Zip-Dateien am Server entpacken Video als Inhalt einfügen Youtube-Video einbinden Backup erstellen Backup von Bereichen erstellen: TYPO3-SchulungII.docx 4BDV Seite 2 von 20

3 1 PDF innerhalb des Contents (Infofolder) Nachdem wir eine neue Seite vom Typ Standard angelegt haben, können wir nun eine PDF- Datei als Seiteninhalt integrieren. Dazu wechseln wir im Modul Web auf den Eintrag Seite. Zuerst fügen wir eine Überschrift ein. Dazu wählen wir Seiteninhalt einfügen und den Eintrag Normaler Text. Dort fügen wir in der Registerkarte Allgemein die gewünschte Überschrift ein. Danach speichern wir den neu erstellten Seiteninhalt ab. Als nächsten Schritt kopieren wir die Vorlage zum Einfügen einer PDF-Datei. Dazu gehen wir zunächst in Vorlagen Content_pdf. Dort klicken wir auf das Symbol <>, welches links neben Standard HTML zu finden ist, und wählen den Eintrag kopieren. TYPO3-SchulungII.docx 4BDV Seite 3 von 20

4 Anschließend wechseln wir wieder zur Seite in der wir einen PDF-Inhalt einfügen wollen. Dort klicken wir im Modul Web im Eintrag Seite auf das Taschenrechnersymbol und anschließend auf Einfügen nach. Den neu eingefügten PDF-Inhalt bearbeiten wir dann, indem wir auf das Bleistiftsymbol klicken. In der Registerkarte Allgemein fügen wir dann einen passenden Namen ein. TYPO3-SchulungII.docx 4BDV Seite 4 von 20

5 In der Registerkarte HTML bearbeiten wir den HTML-Code, indem wir nach fileadmin/inhalte/ den Pfad der PDF-Datei sowie den Namen der PDF-Datei inklusive der Endung.pdf eintragen. Hier kommt es darauf an, in welchem Verzeichnis das PDF-File hochgeladen wurde. Nach jedem Ordner muss ein Slash / angegeben werden. Nachdem wir die Bearbeitung abgeschlossen haben, speichern wir den Inhalt mit einem Klick auf das Diskettensymbol ab. 2 Downloads Jede Abteilung hat in der Navigation einen Punkt Downloads. Diese Seite sieht zurzeit bei der Informatikabteilung so aus: Wie man einer Seite einen Inhalt mit Überschrift hinzufügt wurde bereits im ersten Schulungsdokument beschrieben. Aus diesem Grund wird in diesem Dokument nur das Hinzufügen von Seiteninhalten mit Dateiverweis beschrieben. Beispielsweise wollen wir das aktuelle Schulungsdokument (TYPO3SchulungII.pdf) zum Download freigeben. Dazu muss man sich wie gewohnt unter Web auf Seite befinden, die gewünschte Seite markieren und einen neuen Inhalt hinzufügen: TYPO3-SchulungII.docx 4BDV Seite 5 von 20

6 Als Inhaltselement wählen wir Dateiverweis. Danach wechseln wir in den Reiter Dateiverweis. TYPO3-SchulungII.docx 4BDV Seite 6 von 20

7 Um nun die gewünschte Datei hochzuladen gehen wir wie folgt vor: Durch einen Klick auf das Ordner-Symbol öffnet sich ein neuer Bereich indem das gewünschte File (welches vorher mittels Dateiliste in den Ordner Downloads hochgeladen wurde) ausgewählt werden kann. Durch das Aktivieren des gewünschten Files und durch Bestätigung mit Auswahl importieren wird das PDF TYPO3SchulungII.pdf dem neuen Inhalt zugefügt. TYPO3-SchulungII.docx 4BDV Seite 7 von 20

8 Wenn alles funktioniert hat sollte die ausgewählte Datei unter Dateien sichtbar sein: Um die Ansicht einheitlich zu behalten werden hier die dazu notwendigen Einstellungen wie sie bereits bei der Informatikabteilung verwendet werden erklärt. Layout: Layout1 auswählen: Zeige Dateigröße: aktivieren: Beschreibungen: kurze Beschreibung des Inhaltes Nach abschließendem Speichern ist der neue Inhalt zum Download freigestellt: Um den Abstand zwischen den Inhaltselementen zu vergrößern ist es ratsam ein Inhaltselement ( Normaler Text ) zwischen jedem Inhalt einzufügen. Im Reiter Text genügt es wenn man einfach ein Leerzeichen hineinschreibt. TYPO3-SchulungII.docx 4BDV Seite 8 von 20

9 3 Zip-Dateien am Server entpacken Angenommen man will eine Diplomarbeit via Dateiliste hochladen um diese danach im Punkt Diplomarbeit bei der Seite 2006/2007 anzeigen. Dazu packt man die einzelnen HTML- Files und Bilder in ein Zip-Archiv. Im Beispiel verwenden wir die Diplomarbeit RTC. Will man Zip-Dateien auf dem Server hochladen und diese dort entpacken geht man wie folgt vor: Man muss sich wie gewohnt im Punkt Dateiliste befinden: Das gewünschte Zip-File muss in den Ordner ziptemp hochgeladen werden Um das File hochzuladen geht man wie gewohnt vor. TYPO3-SchulungII.docx 4BDV Seite 9 von 20

10 Durch einen Klick auf diesen Button öffnet sich ein neuer Dialog: Um Dateien hinzuzufügen wählen wir den Button Dateien auswählen und wählen das gewünschte Zip-Archiv aus. Danach bestätigen wir mit Öffnen. TYPO3-SchulungII.docx 4BDV Seite 10 von 20

11 Nun sollte die hochgeladene Zip-Datei im Aufgabenbereich sichtbar sein: Durch einen Klick auf das Icon neben RTC.zip öffnet sich ein Kontextmenü. In diesem Kontextmenü wählen wir den Punkt Archiv extrahieren. Danach befinden sich die entpackten Dateien im unziptemp oder im unzip Ordner und können beliebig verschoben werden. Um diesen Ordner ( RTC ) nun in den Ordner Diplomarbeiten 2006_07 zu verschieben geht man wie folgt vor: Klick auf Icon neben RTC o öffnet Kontextmenü o ausschneiden TYPO3-SchulungII.docx 4BDV Seite 11 von 20

12 im Verzeichnisbaum gewünschten Ordner wählen Klick auf Icon neben dem Ordnernamen o öffnet Kontextmenü o Klick auf Einfügen in Das entpackte Archiv RTC wurde nun in den gewünschten Ordner Diplomarbeiten _07 verschoben: Anschließend sollte jedoch das zuerst hochgeladene Archiv RTC.zip vom Ordner ziptemp gelöscht werden. TYPO3-SchulungII.docx 4BDV Seite 12 von 20

13 4 Video als Inhalt einfügen Um ein Video als Inhalt hinzuzufügen müssen wir das gewünschte Video mittels DateiListe auf den Server laden. Das Videoformat muss dazu entweder.wmv oder.mov sein. Falls das Video ein anderes Format hat, muss es zuerst in eines der beiden umgewandelt werden. Wenn das Video hochgeladen wurde, wollen wir es auf unserer Website anzeigen. Dazu wechseln wir auf das Seite Modul und fügen einen neuen Seiteninhalt hinzu. Als Inhaltselement wählen wir in der Kategorie Spezielle Elemente den Punkt Medien. Dann erhalten wir ein neues Fenster. TYPO3-SchulungII.docx 4BDV Seite 13 von 20

14 In der Registerkarte Allgemein können wir nun eine Überschrift für das Video hinzufügen. Um das Video auszuwählen wechseln wir in die Registerkarte Medien. Jetzt klicken wir auf die Weltkugel und wählen das gewünschte Video aus. Nun müssen wir nur noch die Größe eingeben. TYPO3-SchulungII.docx 4BDV Seite 14 von 20

15 Jetzt ist nur noch der Inhalt abzuspeichern. Schon wird das Video als Inhalt auf der Seite angezeigt. 5 Youtube-Video einbinden Um ein Video von Youtube auf der Website anzuzeigen, müssen wir als Inhaltselement Reines HTML auswählen. Im Allgemeinen Teil können wir nun wie gewohnt diverse Attribute angeben. Wenn wir dies erledigt haben wechseln wir in die Registerkarte HTML. In das Eingabefeld fügen wir nun den HTML-Code ein, den wir von der gewünschten Video- Seite (z.b.: Youtube) erhalten. Den HTML-Code erhalten wir, indem wir auf der Videoseite auf den Button Einbetten, welchen es bei jedem Video gibt, klicken. TYPO3-SchulungII.docx 4BDV Seite 15 von 20

16 Dadurch öffnet sich ein weiterer Bereich, in dem verschiedene Einstellungen wie die Größe ausgewählt werden können. Für uns ist es wichtig, den gesamten HTML-Code im Eingabefeld zu kopieren und in unser Eingabefeld in Typo3 einzufügen. Nun müssen wir den neu erstellten Inhalt speichern und sehen uns gleich an ob das Video angezeigt wird. TYPO3-SchulungII.docx 4BDV Seite 16 von 20

17 Fertig. Das gewünschte Video wird nun im Inhaltsbereich der Website angezeigt. 6 Backup erstellen Für eine Website ist es wichtig Daten regelmäßig zu sichern. Dies wird in den folgenden Punkten kurz erklärt. 6.1 Backup von Bereichen erstellen: Um ein Backup vom gesamten Bereich einer Website zu erstellen, müssen wir mit der rechten Maustaste auf die oberste Ebene des Seitenbaums klicken. In unserem Fall ist das der Name der Abteilung. Danach wählen wir den Punkt Weitere Einstellungen und auf Exportieren in.t3d. TYPO3-SchulungII.docx 4BDV Seite 17 von 20

18 Nun öffnet sich eine neue Eingabemaske in der verschiedenste Werte eingestellt werden können. Hier ist zu empfehlen, da wir den gesamten Bereich exportieren möchten, den Punkt [ALLE Tabellen] auszuwählen. Wenn wir anschließend auf Aktualisieren klicken. werden wir feststellen, dass die Meldung am Ende der Seite verschwunden ist. Wenn wir diese Einstellungen nun übernommen haben, wechseln wir auf die nächste Registerkarte Datei und Voreinstellungen. Hier können wir über den Dateinamen, unter dem das Backup gespeichert werden soll, entscheiden. TYPO3-SchulungII.docx 4BDV Seite 18 von 20

19 Unter Titel, Beschreibung und Anmerkungen können Daten eingegeben werden, die das Backup näher beschreiben, falls dies gewünscht wird. Wichtig ist es unter dem nächsten Punkt das Dateiformat T3D-Datei/komprimiert auszuwählen. Das Dateiformat T3D ist ein spezielles Dateiformat für Typo3 Backups. Nun müssen wir noch den Dateinamen angeben. Hier ist es sinnvoll einen Dateinamen zu verwenden, in welchem der Abteilungsname und das Datum, an dem das Backup erstellt wird, enthalten sind. In unserem Fall wählen wir beispielsweise 28_06_10_Informatik. Wenn wir den Dateinamen eingetragen haben, müssen wir nur noch den Button Speichern unter auswählen und das Backup wird automatisch unter dem Pfad gespeichert der oberhalb des eingegebenen Dateinamen steht. Wichtig: Falls der angegebene Dateiname bereits existiert wird die Datei automatisch überschrieben. Es wird vorher keine Abfrage an den Redakteur gesendet. Fertig. Nun können wir noch nachsehen, ob das Backup wirklich gespeichert wurde. Dazu gehen wir in das Modul Dateiliste und in den Ordner Informatik. TYPO3-SchulungII.docx 4BDV Seite 19 von 20

20 Hier sehen wir, dass eine Datei mit dem angegebenen Dateinamen und der Endung.t3d erstellt wurde. TYPO3-SchulungII.docx 4BDV Seite 20 von 20