redax24.de t3-system

Transkript

2 Inhaltsverzeichnis Die wichtigsten Begriffe Login Seiten erstellen Navigation Inhalt anlegen Text einfügen Text formatieren Cache löschen Links Bilder einfügen Datensätze Seite 3 Seite 4 Seite 5 Seite 6 Seite 6 Seite 7 Seite 8 Seite 9 Seite Seite Seite Seite 2

3 Die wichtigsten Begriffe Obwohl das wichtigste Merkmal von redax24.de die einfache Bedienung ist, können die verwendeten Fachbegriffe am Anfang verwirrend sein. Daher werden die wichtigsten Begriffe nachfolgend kurz vorgestellt. Frontend Das Frontend ist der Bereiche Ihrer Homepage, der für die Öffentlichkeit frei zugänglich ist. Das Frontend stellt die Inhalte Ihres Webauftritts den Websurfern zur Verfügung. URL: Backend Das Backend beinhaltet die Verwaltungsoberfl äche Ihrer Homepage. Der Zutritt ist nur ausgewählten Benutzern (z.b. Redakteur, Administrator) nach Eingabe von Benutzername und Passwort gestattet. Im Backend wird konfi guriert, bestehende Inhalte bearbeitet und neue Inhalte hinzugefügt. Der Aufruf erfolgt durch Anhängen der Pfadangabe /typo3 an Ihre URL: oder Erweiterungen Mit Erweiterungen ist es möglich, die Basisfunktionen von redax24.de zu ergänzen. Module Module erlauben die Integration neuer Funktionen wie z.b. Gästebuch oder Bildergalerie. Seite 3

4 Login Um in den Adminbereich zu gelangen, hängen Sie einfach /typo3 hinter ihre Domain an. Bsp.: Hier loggen Sie sich bitte mit Ihren Daten ein: Hinweis: Zum erfolgreichen Login in das Backend ist es erforderlich, dass Cookies auf dem jeweiligen Client aktiviert sind. Ebenfalls kann lokal auf Ihrem PC installierte AntiViren- und Firewallsoftware den Login-Vorgang verhindern, da diese, je nach Konfi guration, den Referer nicht mit übergeben. Sie gelangen nach richtiger Eingabe Ihrer Daten in den Backend Bereich. Hier sehen Sie links das Menü und rechts eine Erklärung zu den jeweiligen Buttons. Seite 4

5 Seiten anlegen Um Seiten zu erstellen, klicken Sie bitte im Menü auf Funktionen. Darauf hin entsteht in der Mitte ein dritter Bereich, dieser stellt den aktuellen Seitenbaum Ihrer Seite dar. Links neben der jew. Seite sehen Sie ein kleines PLUS Zeichen, ein Klick darauf öffnet die jew. Unterseiten der ausgewählten Seite. Wählen Sie dort die gewünschte Seite aus, die neue Unterseiten erhalten soll. Es werden 9 leere Zeilen in der rechten Spalte angezeigt. Hier können Sie bis zu 9 Seiten gleichzeitig erstellen, wir erstellen zunächst nur eine neue Seite (hier im Beispiel wird es eine Unterseite für die Startseite: i--p.de). Nachdem wir den Namen der neuen Seite eingegeben haben klicken wir im rechten Bereich auf Seiten anlegen und bestätigen die Frage mit OK: Ein Klick auf das kleine PLUS Zeichen, neben der gerade bearbeiteten Startseite zeigt: Die neue Seite wurde als Unterseite hinzugefügt. Seite 5

6 Navigation Welche Seite in welcher Navigation auftaucht, wurde bei der Installation festgelegt. Hier eine kurze Erklärung zum Aufbau der Seite in unserem Beispiel: Das ist die Rootseite der gesamten Webseite. Sie ist im Frontend Nicht Sichtbar! } Diese Seiten werden in unserem Beispiel, in der Hauptnavigation dargestellt. Rootseite für die Kopfnavigation. Sie ist im Frontend Nicht Sichtbar! } Unterseiten werden in unserem Beispiel, in der Subnavigation dargestellt. Unterseiten von Unterseiten werden in keiner Navi angezeigt. } Diese Seiten werden in unserem Beispiel, in der Kopfnavigation dargestellt. Inhalte anlegen Um die neue Seite mit Inhalt zu befüllen, klicken wir links im Menü auf Seite, dann in der mittleren Spalte auf unsere neue Seite und haben im rechten Bereich die Möglichkeit Seiteninhalte anzulegen und die Seite zu bearbeiten. Dieser Bereich ist aufgeteilt in LINKS - NORMAL - RECHTS und RAND, jeder dieser Bereiche stellt einen eigenen Inhaltsbereich im Frontend dar. Die Belegung dieser Bereiche wurde bereits von redax24.de vorbelegt und kann nach dem jew. Layout der Seite variieren. In der Regel enthält der Bereich Normal den Hauptinhalt. Hier erstellen wir in unserem Beispiel den Inhalt. In dem wir in der NORMAL Spalte auf klicken. Darauf öffnet sich im rechten Bereich eine Anzeige mit sämtlichen Möglichkeiten um Inhalte anzulegen. Zur Bild UND/ODER Texteingabe benötigen wir nur den Button Text mit Bild. Ein Klick auf Text mit Bild erstellt den neuen Datensatz, in dem wir uns nach dem Klick befi nden. Oben befi nden sich 4 Reiter: Allgemein- Hier können allgemeine, selbsterklärende Einstellungen vorgenommen werden. Geben Sie hier vorerst keine Überschrift ein. Seite 6

7 Text einfügen Text - Hier können Sie, fast wie in einem Textverarbeitungsprogramm Ihren Text eingeben. Geben Sie Ihren Text vorerst Vollständig ein und speichern, in dem Sie oben auf das Diskettensymbol mit Lupe klicken, darauf hin öffnet sich der Frontendbereich Ihrer aktuellen Seite in einem neuen Fenster. Speichern Speichern + Ansicht im Frontend Speichern + Datensatz schließen Seite 7

8 Text formatieren Sie können Ihren Text natürlich auch Formatieren, dazu markieren Sie das/den zu formatierende/n Wort/ Satz/Absatz und es werden sofort alle Optionen in der oberen Spalte aktiv. Lassen Sie den Mauszeiger über die jew. Funktion wandern und es wird die Erklärung zu dem Symbol angezeigt: Fett/ Kursiv Zentrieren usw. Aufzählung/Liste Nachdem Sie das Wort markiert haben und oben auf Absatz klicken, erscheinen weitere Formatierungsmöglichkeiten. Wählen Sie hier Überschrift 1, bei einem weiteren Wort Überschrift 2 und bei einem weiteren Wort Überschrift 3 aus. Meistens ist vor und hinter dem jeweiligen Wort ein ENTER erforderlich um die Absätze voneinander zu trennen. So sieht es jetzt in unserem Beispiel im Backend aus, nachdem alle Überschriften richtig formatiert sind: So sieht es jetzt in unserem Beispiel im Frontend aus, nachdem alle Überschriften richtig formatiert sind: Seite 8

9 Cache löschen WICHTIG: Sollten Ihre Eingaben/Änderungen im Frontendbereich nach dem speichern nicht geändert werden, müssen Sie alle Caches löschen. Am besten Sie gewöhnen sich nach jedem speichern an, gleich alle Caches zu löschen: Klicken Sie bitte im Backend, oben rechts auf den gelben Blitz und wählen dort den Orangenen Blitz aus: Alle Caches löschen. Spätestens nachdem Sie das getan haben und wieder auf Diskette mit Lupe oder nur Lupe klicken, sollten sich alle Änderungen auch im Frontend wiederfi nden. Seite 9

10 Links Es gibt externe und interne Links. Externe Links weisen auf Ziele außerhalb Ihrer Webseite Interne Links weisen auf Ziele innerhalb Ihrer Webseite Link einfügen Schreiben Sie z.b. LINK ZUR KONTAKTSEITE in Ihr Textfeld und markieren das Wort. Dann klicken Sie auf Link einfügen s.o. - Es öffnet sich ein neues Fenster mit 4 Reitern: Hinweis: Wenn ein Link bereits auf dem markierten Wort gesetzt ist, erscheint in diesem Fenster, auf der linken Seite ein 5er Reiter: Link entfernen. Diesen anklicken um den Link wieder zu enfernen. Internen Link einfügen Link auf eine Datei Externen Link einfügen Link setzen, der gleich das setzen programm öffnet. Seite 10

11 Interne Links Wir wollen einen internen Link zu unserer Kontaktseite setzen. Dazu benötigen wir den Reiter Seite. Dort geben wir den Titel Kontakt ein. Unten sehen wir unsere Seitenstruktur, in der wir uns über die Pluszeichen zu unserer Kontaktseite bewegen und auf diese klicken. Nach dem Klick schließt sich das Fenster und der Link ist eingefügt. Jetzt speichern (Disketten Symbol) und der Link ist gesetzt. Externe Links Um einen externen Link z.b. zu Google setzen zu können benötigen wir den Reiter Externe URL Hier die Adresse eingeben Hier auswählen ob sich ein neues Fenster öffnen soll (zu empfehlen) oder ob der Link im selben Fenster geöffnet wird (Standarteinstellung). Hier den Titel eingeben. Wenn Sie fertig sind, nur noch auf Link setzen klicken - Fenster schließt - danach speichern (Disketten Symbol). Seite 11

12 Link auf Datei Um einen Link auf eine Datei, z.b. zu pdf oder jpg usw. setzen zu können benötigen wir den Reiter Datei. Unten sehen wir unsere Seitenstruktur, in der wir uns über die Pluszeichen (wie bei internen Links, hier befi nden wir uns nur in unserer Ordnerstruktur auf dem Server) zu unserer Datei bewegen und auf diese klicken. Nach dem Klick schließt sich das Fenster und der Link ist eingefügt. Jetzt speichern (Disketten Symbol) und der Link ist gesetzt. Link Um einen Link als zu öffnen benötigen wir den Reiter Hier die Adresse eingeben Hier Titel eingeben Wenn Sie fertig sind, nur noch auf Link setzen klicken - Fenster schließt - Danach speichern (Disketten Symbol). Seite 12

13 Bilder einfügen Wir befi nden uns immer noch in dem Datensatz, in dem wir gerade unseren Text eingegeben haben. Unser Text ist vorerst fertig und wir möchten ein Bild unter dem Text haben. Dazu benötigen wir in unserem Datensatz den Reiter Medien : Im Medienbereich, klicken Sie bitte NICHT auf Durchsuchen, sondern auf den kleinen Ordner darüber: Seite 13

14 Bilder einfügen Nach dem Klick auf den kleinen Ordner (Dateien durchblättern), öffnet sich ein neues Fenster. Hier sehen wir oben unseren Verzeichnisbaum auf dem Server, zuerst erstellen wir uns (wenn nötig) einen neuen Ordner. Nachdem wir den neuen Ordner angelegt haben, klicken wir diesen einmal an, so das er rechts Oben in dem neuen Fenster erscheint. Jetzt können wir 3 Bilder auf einmal in diesen Ordner hochladen, indem wir über die Durchsuchen Schaltfl ächen, die benötigten Bilder auf unserem Computer suchen, anklicken, öffnen und dann auf hochladen klicken. Ist der Kasten Vorhandene Dateien überschreiben NICHT angeklickt und die Datei hat den selben Namen wie eine bereits bestehende, wird die neue Datei automatisch mit einem etwas anderen Namen versehen. Wenn das Bild fertig hochgeladen ist, erscheint es unter dem Ordner auf der rechten Spalte, jetzt können wir das Bild anklicken und es wird eingefügt. Diesen Vorgang können wir auch mehrmals in einem Datensatz durchführen, d.h. wir können auch gleich mehrere Bilder auf einmal einsetzen. Uns reicht erstmal eins. Hier erscheint das Bild nach dem hochladen. Nach einem Klick auf das Bild, wird es in unseren Datensatz eingefügt. Seite 14

15 Bilder einfügen Unser Bild wurde dem Datensatz zugefügt. Datei markieren und ein Klick auf X entfernt das Bild wieder. Hier können wir die Position des Bildes in unserem Datensatz bestimmen. Hier kann das Bild in der Größe skalliert werden (Erst Harken und dann z.b. Breite angeben reicht). Hier können wir einen Link auf das Bild legen (siehe Seite 10). Hier wird, wenn benötigt eine Bildunterschrift eingefügt. Alternativtext wird angezeigt, wenn das Bild nicht angezeigt werden kann - Bitte tragen Sie z.b. den Bildnamen ein. Titeltext wird angezeigt, wenn das Bild nicht angezeigt werden kann - Bitte tragen Sie z.b. den Bildnamen ein. Langbeschreibung URL: Können Sie leer lassen, wenn Sie nicht noch sehr viel mehr als Erklärung zu dem Bild schreiben möchten. Bildoptionen: Hier können selbsterklärende Bildeffekte usw. eingestellt werden. Wenn Sie fertig sind, speichern sie ab und sehen sich ihr Ergebnis an: (Disketten Symbol). Text Bild Datensatz Über den Reiter Zugriff können Sie Zeitlich die Anzeige des aktuellen Datensatzes bestimmen. Hier geben Sie ein Anfangsdatum und ein Enddatum ein. Nur in diesem Zeitraum wird der Datensatz angezeigt. Seite 15

16 Datensätze Wir können mehrere Datensätze über und untereinander anlegen. Wir wollen einen weiteren Datensatz anlegen, dieser soll später über dem aktuellen stehen. Dazu klicken wir in der linken Spalte auf Seite und in der mittleren Spalte auf unsere neu erstellte Seite. Datensatz 1 Neuen Datensatz am Anfang der Spalte hinzufügen. Neuen Datensatz nach diesem hinzufügen. Wie an der Grafi k zu sehen ist, können wir einen Datensatz am Anfang der Spalte und einen nach dem jew. Datensatz einfügen. Wir fügen einen neuen Datensatz am Anfang der Spalte hinzu, weil unser neuer Datensatz über dem aktuellen stehen soll. Darauf öffnet sich im rechten Bereich eine Anzeige mit sämtlichen Möglichkeiten um Inhalte anzulegen. Zur Bild UND/ODER Texteingabe benötigen wir nur den Button Text mit Bild. Jetzt befi nden wir uns in dem neuen Datensatz und können diesen wieder mit Inhalten füllen. Siehe ab Seite 6 (Text) bzw. ab Seite 13 (Bilder) Seite 16

17 Datensätze Wir haben nun den zweiten Datensatz in unserem Beispiel mit Text gefüllt & natürlich gespeichert. Jetzt klicken wir wieder in der linken Spalte auf Seite und in der mittleren Spalte auf unsere neu erstellte Seite. Datensatz 2 Datensatz 1 Über die Pfeile können Sie die Datensätze verschieben. So sieht unsere neue Seite im Frontend aus: Datensatz 2 Unsere neue Seite erscheint im Submenü. Datensatz 1 Seite 17