Schulung für den Webauftritt Neues Gymnasium Feuerbach mit Typo3

Transkript

1 Schulung für den Webauftritt Neues Gymnasium Feuerbach mit Typo3

2 Seite: 2 von 19 Inhaltsangabe 1 Zielbestimmung Musskriterien Technische Details Design Schulung Wunschkriterien Technische Wunschkriterien Wunschkriterien für das Design Abgrenzungskriterien Einsatz Anwendungsbereiche Zielgruppen Projekttermine Qualitäts-Zielbestimmung Umsetzung Evaluierungsmethoden... 7

3 Seite: 3 von 19 1 Typo3 Grundlagen 1.1 Was ist Typo3? Typo3 bietet eine Möglichkeit Inhalte einzugeben, zu speichern und anzuzeigen. Anders wie in Word können viele Benutzer gleichzeitig an unterschiedlichen Stellen Inhalte eingeben. Das System sorgt dafür, dass die Inhalte in die Webseite eingebaut und schön dargestellt werden. Die Inhalte sind von dem Aussehen getrennt. 1.2 Das Prinzip der Webpage in Typo3 Typo3 verwendet zum Darstellen von Inhalten Webpages. Der Besucher des Webauftritts sieht in dem Menu links die einzelnen Webpages.

4 Seite: 4 von Was ist eine Webpage in Typo3 genau? Eine Webseite Eine Webpage ist wie eine Kiste mit einem Namen. In diese Kiste kann man Inhalte hineinlegen. Die Inhalte dieser Kisten kann man bearbeiten und man kann die Inhalte auch umsortieren. Ähnlich wie bei den berühmten russischen Puppen, kann eine Kiste auch wieder eine Kiste beinhalten. 1.4 Ein kleines Beispiel: Wir haben die Kiste SMV. Diese Kiste beinhaltet weitere Kisten, sogenannte Unterseiten. Jede dieser Unterseiten ist eine Kiste für weitere Inhalte. Inhalte sind zum Beispiel Bilder und Beschreibung der einzelnen SMV Mitglieder. Wenn man in Typo3 also eine neue Webpage in das Menu aufnehmen will, muss man 1. eine Kiste erstellen (eine Webpage mit einem Namen) 2. in diese Kiste mindestens einen Inhalt einfügen.

5 Seite: 5 von 19 2 Howto: Am System anmelden & User Einstellungen Wir von Anacope haben die Benutzer schon angelegt. Der Webauftritt wird über: zu erreichen sein. Folgende Schritte benötigt man, um sich am System anzumelden: Besuchen Sie bitte die Seite: Login Bildschirm Geben Sie hier Ihren login Namen und Ihr Passwort ein. Für die erste Sitzung sind login Name und Passwort identisch. Wenn der Login geklappt hat, sehen Sie folgenden Bildschirm. Startbildschirm

6 Seite: 6 von Benutzereinstellungen bearbeiten Links auf dem Startbildschirm sehen Sie ein Menü. Dieses ist der Dreh- und Angelpunkt des Typo3 Systems. Klicken Sie bitte, wie auf dem Screenshot gezeigt unter dem Punkt Benutzer auf Einstellungen. Rechts erscheint ein Formular, welches Sie bis zu den persönlichen Daten nach unten scrollen. Dort geben Sie nun bitte ihren vollständigen Namen, sowie Ihre Adresse ein. Unter Neues Passwort geben Sie bitte ein Passwort ein, und in der Box darunter wiederholen Sie dies. Nicht erschrecken, das System füllt nach dem Wechsel das Passwort-Feld mit Sternchen auf. Anschließend klicken Sie auf Konfiguration sichern. In Zukunft können Sie hier ihr Passwort oder Ihre Adresse ändern.

7 Seite: 7 von 19 3 Howto: Erstellen eines neuen Inhaltes Baumbereich In dem linken Menü können Sie jederzeit unter der Kategorie Web, auf Seite klicken. In diesem Bereich werden Sie die meiste Zeit verbringen. Wenn also irgendwann mal etwas nicht so aussieht, wie Sie es gewohnt sind, dann schauen Sie bitte nach ob Sie noch in Web - Seite sind, und klicken dort gegebenenfalls nochmals darauf.

8 Seite: 8 von Baumbereich Nachdem Sie auf Web - Seite geklickt haben, gibt es nun eine Baumstruktur der Webpages, erinnern Sie sich an die Kisten? In dem blauen Bereich, wir nennen ihn ab jetzt Baumbereich, haben wir jederzeit Zugriff auf alle Webpages, für die wir eine Berechtigung haben. In Typo3 hat nicht jeder Benutzer die gleichen Rechte, ein Redakteur darf in der Bastelecke walten und schalten wie er möchte. Baumbereich 3.2 Arbeiten mit dem Baumbereich Wir wollen einen neuen Inhalt in eine Webpage einfügen, dazu müssen wir als erstes an die geeignete Stelle gehen. Es wurde schon eine Bastelecke angelegt, in der können Sie jederzeit Inhalte anlegen, ändern verschieben und löschen. Die Webseiten Besucher haben keinen Einblick in die Bastelecke, sie werden Ihre Änderungen nie sehen.

9 Seite: 9 von 19 Klicken Sie jetzt bitte auf das kleine + neben [Lehrer] Bastelecke. Die Baumstruktur klappt auf. 3.3 Ein zentrales Element, das Kontext Menü In Typo3 gibt es ein durchgehendes Konzept. Wenn Sie Inhalte neu anlegen, bearbeiten, verschieben oder löschen, benutzt man das Kontext Menü. Klicken Sie dazu in der Baumstruktur auf das kleine Bildchen bei Wer wir sind (momentan hat es ein kleines rotes X). Achtung! Nicht den Text Wer wir sind sondern wirklich das kleine Bildchen davor anklicken. Ein Kontext Menü wird sich öffnen.

10 Seite: 10 von Neu im Kontext-Menü Wir wollen nun in der Webseite Wer wir sind einen neuen Inhalt anlegen. Öffnen Sie bitte das Kontext Menü zu Wer wir sind mit einem Klick auf das weiße Zettelchen vor dem Text Wer wir sind. Und wählen Sie den Menüpunkt Neu Typo3 möchte nun einen neuen Datensatz erstellen, dazu müssen wir Typo3 noch mitteilen, von welcher Art dieser sein soll.

11 Seite: 11 von 19 Bearbeitungsbereich Rechts von dem Baumbereich, wir nennen diesen Bereich nun Bearbeitungsbereich, kann man die Art des neuen Datensatzes aussuchen. Klicken Sie bitte auf Seiteninhalt, den Assistenten brauchen wir vorerst noch nicht zu beachten.

12 Seite: 12 von Neuen Seiteninhalt bearbeiten Typo3 zeigt uns nun in dem Bearbeitungsbereich ein Formular, das wir nun ausfüllen werden. Geben Sie bitte Wer wir sind als Überschrift in dem Textfeld Überschrift ein. In dem Textfeld Text geben Sie einen beliebigen Text ein. Verzichten Sie nach Möglichkeit auf die Optionen zur Formatierung und Textanordnung im Texteditor.

13 Seite: 13 von 19

14 Seite: 14 von Seiteninhalt speichern & betrachten Wenn Sie mit dem eingegebenen Text zufrieden sind, scrollen Sie nach unten, bis Sie 3 kleine Disketten sehen. Drücken Sie auf die kleine Diskette mit der Lupe. Es erscheint ein neues Fenster, in welchem Sie den gerade erstellten Inhalt anschauen können. Ein kleiner roter Knopf unten links zeigt an, dass kein Besucher die Webseite so sehen kann. Sie können das neue Fenster nun wieder schließen und den Text solange bearbeiten, bis Ihnen die kleine Diskette mit der Lupe das gewünschte Ergebnis anzeigt.

15 Seite: 15 von Bearbeitete Webpage zur Veröffentlichung vorschlagen Sicher haben Sie sich schon gefragt, was bedeutet dieses Zettelchen mit dem roten X. Dies bedeutet, die Webpage ist unsichtbar oder versteckt. Wenn Sie mit den Inhalten der Webpage zufrieden sind, wollen Sie diese natürlich auch online bringen, für Besucher freischalten. Dazu klicken Sie bitte auf das Bildchen vor der gewünschten Seite, in unserem Fall Wer wir sind, und öffnen das Kontextmenü und wählen Sie Einblenden. Dies zeigt dem Administrator, dass ein neuer Inhalt vorhanden ist.

16 Seite: 16 von Beenden der Arbeit Das weiße Zettelchen hat sich nun in einen gelben Zettel verwandelt. Das rote Kreuz ist verschwunden. Dies bedeutet die Webpage ist nun nicht mehr unsichtbar. Der Administrator kann nun diese Webpage veröffentlichen. Bitte teilen Sie dem Administrator nun auf herkömmlichem Weg (Telefon, oder bei einem Kaffee im Lehrerzimmer) mit, dass ein neuer Inhalt auf die Veröffentlichung wartet. Wenn der Administrator den Inhalt veröffentlicht hat, wird die Webpage in der Bastelecke wieder versteckt sein.

17 Seite: 17 von 19 4 Neue Webpage anlegen Ähnlich wie einen neuen Inhalt kann man auch eine neue Webpage anlegen. Dazu verwenden wir wieder das Kontext Menü. Wir erstellen also eine neue Kiste in einer alten Kiste. Dazu klicken wir auf ein Zettelchen mit einem roten X. Aus dem Kontext Menü wählen wir wieder neu. Nun erstellen wir aber keinen Seiteninhalt, sondern eine neue Seite. Geben Sie in dem erscheinenden Formular im Bearbeitungsbereich einen Seitentitel ein. Nun wiederholen Sie die Prozedur mit dem Öffnen des Kontext-Menüs und erstellen für die neue Seite einen Inhalt.

18 Seite: 18 von 19 5 Einen Inhalt unter Aktuelles hinzufügen Öffnen Sie bitte in dem Baumbereich das Kontext-Menu für Artikel für Aktuelles indem Sie auf das gelbe Zettelchen davor klicken. Wählen Sie den Menüpunkt neu. Nun erscheint im Bearbeitungsbereich die uns schon bekannte Auswahl zum Erstellen eines neuen Datensatzes. Nun wählen wir eine News Als nächstes füllen wir das erscheinende Formular aus und klicken auf die uns ebenfalls schon bekannte Diskette mit der Lupe.

19 Seite: 19 von 19 ACHTUNG! Nach dem Erstellen einer News müssen wir dem Administrator wieder mitteilen, dass es eine neue News gibt, dazu schreiben wir ihm wieder eine neue . Das Freischalten über das Kontext-Menü fällt hier weg. Also vergewissern Sie sich, dass Ihre News in Ordnung ist. Der Administrator wird Sie sonst nicht freischalten.