Anleitung Typo3 LVBI

Transkript

1 . Joachim Kortus GbR Anleitung Typo3 LVBI... Landesverband.. Bayerischer.. Imker. e.v... Joachim Kortus GbR Haselbacher Weg SchwÄbisch GmÅnd Tel Web:

2 Inhaltsverzeichnis INHALTSVERZEICHNIS EINFÄHRUNG Was ist TYPO3? Was ist ein Content-Management-System? Welche Vorteile bietet das? Wozu diese EinfÅhrung? ZUGANG Alles im Webbrowser Frontend Backend Login zum Editieren DIE BENUTZEROBERFLÅCHE Çberblick Modulleiste Modulbereiche in TYPO Modulbereich Web Modulbereich Datei Modulbereich Benutzerwerkzeuge Modulbereich Hilfe Navigationsansicht Seitenbaum Navigation Detailansicht Ihre zentrale ArbeitsflÄche Beispiel 1: Modul Seite Beispiel 2: Modul Anzeigen SCHRITT FÄR SCHRITT Neue Seiten anlegen Eine neue Webseite in vier Schritten Seitentypen Inhalte erstellen Ein neuer Inhalt in sechs Schritten Inhaltstypen Inhalte editieren Editier-MÉglichkeiten Rich Text Editor (RTE) Seiten und Inhalte léschen Bilder einbinden Dateien und Links einbinden Link auf eine Interne Seite...24 Joachim Kortus GbR 2

3 4.6.2 Link auf eine Interne Datei Link auf eine Externe URL Link auf eine -Adresse Link entfernen Alles unter Kontrolle BILDER UND DATEIEN Bildbearbeitung Bilder- und Datei-Upload TIPPS AUS DER PRAXIS Ihr Webauftritt Besucher Webgerechte Information Ihre Webseiten Seitenangaben Çberschriften AbsÄtze und Zeilenumbruch Textgestaltung Çberschrift Inhaltselement Normaler Text Inhaltselement Text mit Bild Inhaltselement Bild Inhaltselement Tabelle Inhaltselement Sichtbarkeit und Ablaufdatum Sichtbarkeit von Seiten Sichtbarkeit von Seiteninhalten...33 Joachim Kortus GbR 3

4 1 EinfÇhrung 1.1 Was ist TYPO3? TYPO3 ist ein freies Open Source Content-Management-System får Internet- und Intranetauftritte. TYPO3 wird seit 1997 von dem DÄnen Kasper SkÑrhÖj mit der Hilfe und Anregung von Usern entwickelt. 1.2 Was ist ein Content-Management-System? Content-Management-Systeme trennen Inhalt, Struktur und Layout von Dokumenten und integrieren die Bearbeitung und Pflege von Dokumenten. Das hat får die Redakteure den Vorteil, dass sie sich ganz auf die Pflege und Aktualisierung von Inhalten konzentrieren kénnen, ohne sich um das Layout, die Einbindung ihrer Seite oder andere technische Aspekte kåmmern zu måssen. 1.3 Welche Vorteile bietet das? Die Inhalte (Texte, Bilder, Dateien zum Downloaden, Tabellen usw.) der Website kénnen jetzt von den inhaltlich zuständigen Personen der jeweiligen Bereiche Åber einen Webbrowser selbständig erstellt und gepflegt werden und zwar ohne besonderes technisches Know-how. Das Web-Content- Management-System TYPO3 ist sehr einfach zu erlernen, man braucht keine Vorkenntnisse in HTML oder JavaScript. Die Vorteile liegen auf der Hand: FÅr Redakteure wird das Anlegen neuer Inhalte und die Aktualisierung bestehender Inhalte erleichtert, får Website-Besucher erhéht sich das SurfvergnÅgen durch hoffentlich mehr und aktuelle Inhalte, die auáerdem noch leichter zu finden sind. 1.4 Wozu diese EinfÇhrung? In dieser kurzen EinfÅhrung werden nur die wichtigsten MÉglichkeiten, die TYPO3 bietet, kurz und in der Form von einfachen "Kochrezepten" Schritt får Schritt gezeigt. Joachim Kortus GbR 4

5 2 Zugang 2.1 Alles im Webbrowser TYPO3 ist ein Online-Redaktionssystem und verwendet als Client nur einen Åblichen Webbrowser. Sie kénnen jederzeit von jedem Ort mit Internet-Zugang VerÄnderungen an Ihrer Website vornehmen. 2.2 Frontend Das so genannte Frontend von TYPO3 ("vordere Seite") ist der Webserver, der die Webpages den Internetsurfern anzeigt. Der Zugriff kann mit jedem beliebigen Webbrowser erfolgen, auch mit Älteren Versionen und auch ohne spezielle Funktionen wie Cookies oder JavaScript. Im Allgemeinen ist auch kein Login notwendig (nur bei passwort-geschåtzten Webpages). Der Zugriff auf die Webpages erfolgt Åber die URL Backend Das so genannte Backend von TYPO3 ("hintere Seite") ist das Content-Management-System, mit dem die Webpages erstellt und editiert werden. Der Zugriff ist nur får berechtigte Personen, die so genannten Webautoren oder Redakteure méglich (Login, siehe Abschnitt 2.4). Sie brauchen dafår einen Benutzernamen und ein Passwort mit einer entsprechenden TYPO3-Berechtigung. Der Zugriff kann mit allen gängigen neueren Webbrowsern erfolgen. Cookies und JavaScript måssen eingeschaltet sein. Der Zugriff auf das Backend erfolgt Åber die URL Tipp: Im Internet Explorer kénnen Sie die Einstellungen z.b. so vornehmen: MenÅ Extras - Internetoptionen Datenschutz - niedrig = Cookies erlaubt Sicherheit - lokales Intranet - niedrig = JavaScript u.a. erlaubt Internet Explorer schlieáen und neu starten 2.4 Login zum Editieren Wenn Sie Ihrem Webbrowser eingeben, erscheint eine Seite mit folgendem Dialogfeld: Eingabe Geben Sie bitte Benutzername und Passwort ein und klicken Sie Log In. Bei erfolgreichem Login erscheint Ihre persénliche BenutzeroberflÄche (siehe Kapitel 3). 3 Die BenutzeroberflÉche Wichtig: Jeder Benutzer sieht immer nur das, wofçr er berechtigt ist! Joachim Kortus GbR 5

6 3.1 Äberblick Nach der erfolgreichen Anmeldung im WEB-Verbund wird das Info-Fenster (Abb. 1) geéffnet. Klicken Sie auf das Modul Web->Seite. Seite und in der Navigationsleiste auf das der Basisseite, hier LVBI, Ihres Arbeitsbereichs: LVBI Sie sehen dann die Struktur der Webseite und die Detailansicht. Die ArbeitsoberflÄche von TYPO3 ist in drei Hauptbereiche unterteilt. Joachim Kortus GbR 6

7 5 Benutzer 1 Modulleiste 2 Navigationsansicht 3 Detailansicht 4 LogOut 6 Seiten ID 1 Modulleiste (links): In der Modulleiste kénnen Sie Ihr gewånschtes Arbeitsmodul auswählen: Was wollen Sie tun? 2 Navigationsansicht (Mitte): In der Navigationsansicht wird die komplette Seitenstruktur baumartig visualisiert. In gewohnter Art und Weise kénnen Sie durch die einzelnen Webseiten und -strukturen navigieren: Welche Webpage oder -datei wollen Sie bearbeiten? 3 Detailansicht (rechts): Die Detailansicht (auch Datenansicht) stellt die eigentliche ArbeitsflÄche får den Nutzer dar. In diesem Bereich werden die Details zu den in der Navigationsansicht ausgewählten Elementen angezeigt. Hier wird gearbeitet! Auf der OberflÄche sind daråber hinaus immer verfågbar: 4 Logout: Zum Beenden einer Arbeitssitzung melden Sie sich mit dem Logout- Button ab. TYPO3 speichert Ihre letzte Arbeitsposition und kehrt beim nächsten Einloggen an diese Stelle zuråck. 5 Benutzer: Es wird immer der aktuell angemeldete Benutzer angezeigt. 6 Seiten ID: Çber das Feld haben Sie die MÉglichkeit schnell eine gewånschte Seite zur Bearbeitung aufzurufen. Joachim Kortus GbR 7

8 3.2 Modulleiste Modulbereiche in TYPO3 TYPO3 beinhaltet verschiedene Module zur Verwaltung und Bearbeitung Ihrer Website. Folgende Modulbereiche stehen Ihnen als Redakteur zur VerfÅgung: Modulbereich Web Der Modulbereich Web wird får Sie als Redakteur der am häufigsten verwendete sein. Hier finden Sie die wichtigsten Module zur Pflege der Inhalte. Seite: Anzeigen: Mitglieder: Verein: Kalender: Aktuelles: Download: Powermail: Modulbereich Datei Seiten anlegen, Inhaltselemente eingeben und bearbeiten. derzeit nicht méglich! ( Seiten vor der VerÉffentlichung in der Vorschau anzeigen lassen). Mitglieder und Adressverwaltung. Vereinsstammdaten und Webseitenkonfiguration. Termine, Veranstalter und Veranstaltungsorte. Aktuelle Meldungen. Formulare und Dokumente får die Webseite zum Download. Online-Formulare får die Webseite. Der Modulbereich Datei liefert Ihnen eine Çbersicht Åber die von Ihnen verwendeten Ressourcen. Hier kénnen Sie Ihre Dateien, wie z.b. Bilder, hochladen und organisieren. Dateiliste: Zeigt die auf dem Server geladenen Dateien (einschlieálich der Bilder) an und erlaubt Ihnen weitere Dateien hochzuladen Modulbereich Benutzerwerkzeuge Im Modulbereich Benutzerwerkzeuge nehmen Sie Ihre Einstellungen får Typo3 vor und haben Zugriff auf das Info Fenster. Einstellungen: PersÉnliche Einstellungen får Typo3. Joachim Kortus GbR 8

9 Info Fenster: Informationen zum WEB-Verbund. Joachim Kortus GbR 9

10 3.2.5 Modulbereich Hilfe Der Modulbereich Hilfe beinhaltet eine Sammlung nåtzlicher Tipps und kleiner Beispiele sowie Informationen Åber TYPO3. Åber Module: Handbuch: Ein Çberblick Åber alle får diese Seite vorhandenen Module mit kurzer ErklÄrung. Ein OnlinehandbÅcher. 3.3 Navigationsansicht Seitenbaum Die Navigationsansicht steht Ihnen får alle Module des Modulbereichs Web (Seite, Anzeigen, Liste) zur VerfÅgung. Sie stellt die Struktur Ihrer Website baumartig dar. Jeder Benutzer sieht hier nur den Seitenbaum bzw. die SeitenbÄume, får die er eine Zugriffsberechtigung hat. Dies ist Ihr Arbeitsbereich. Auf diese Seiten und Inhalte haben Sie vollen Zugriff zur Bearbeitung. Eventuell sehen Sie auch noch einen oder mehrere andere Bereiche oder die gesamte Webseite, auf die Sie nur Lesezugriff haben. Hier kénnen Sie sich alle Inhalte anzeigen lassen und auch in Ihren eigenen Bereich kopieren, jedoch nicht verändern oder léschen. Ihr Arbeitsbereich Die Symbole vor den Seitennamen zeigen Ihnen die Verwendung der Seite an. Joachim Kortus GbR 10

11 3.3.2 Navigation Einzelne Ebenen kénnen Sie einblenden oder ausblenden und nach ânderungen der Seitenstruktur die Ansicht erneuern 3.4 Detailansicht Ihre zentrale ArbeitsflÉche (Reload). Die Detailansicht ist die zentrale ArbeitsoberflÄche. Hier werden die einzelnen Bestandteile des von Ihnen ausgewählten Elementes angezeigt. Die Bearbeitungsoptionen (und damit auch die Art der Darstellung in der Detailansicht) sind abhängig von dem jeweiligen Modul, mit dem Sie gerade arbeiten. Als Beispiele werden zwei Detailansichten dargestellt, mit denen Sie als Redakteur hauptsächlich arbeiten werden Beispiel 1: Modul Seite WÄhlen Sie im Modulbereich Web das Modul Seite (1) und klicken Sie dann in der Navigationsansicht auf die Rootseite Ihres Arbeitsbereichs (2): 2 Navigationsansicht 1 Seite Joachim Kortus GbR 11

12 Sie erhalten nun rechts die Detailansicht får das Modul Seite der Homepage Ihres Arbeitsbereichs: Im Kopf der Detailansicht finden Sie in der Regel den Pfad får das geéffnete Element. Da Sie das Modul Seite gewählt haben, werden die Inhaltselemente Ihrer Seite und BearbeitungsmÉglichkeiten zum Çndern, LÉschen und Erstellen neuer Inhaltselemente angezeigt. Tipp: Alle Icons (BildschaltflÄchen) zur Bearbeitung Ihrer Seiten und Inhalte sind mit einer sensitiven Hilfe versehen. Das heiát, wenn Sie mit dem Mauszeiger Åber die Icons fahren, wird Ihnen deren Funktion angezeigt! Beispiel 2: Modul Anzeigen Derzeit nicht mäglich! WÄhlen Sie im Modulbereich Web das Modul Anzeigen (1) und klicken Sie dann wie in Beispiel 1 (siehe Abschnitt 3.4.2) in der Navigationsansicht auf die Rootseite Ihres Arbeitsbereichs (2). 2 Navigationsansicht 1 Anzeige Joachim Kortus GbR 12

13 Sie erhalten nun die Detailansicht får das Modul Anzeigen der Homepage Ihres Arbeitsbereichs: Das Modul Anzeigen zeigt in der Detailansicht eine Vorschau auf Ihre Seite. 4 Schritt fçr Schritt Einfache "Kochrezepte" får die wichtigsten FÄlle 4.1 Neue Seiten anlegen Eine neue Webseite in vier Schritten Die Grundstruktur Ihrer Arbeitsbereichsseite ist bereits in TYPO3 angelegt. Sie fågen also an einer beliebigen Stelle Ihres Seitenbaums eine neue Seite ein. Schritt 1: Klicken Sie mit der linken Maustaste in der Detailansicht auf Neue Seite (1) 1 Neue Seite Joachim Kortus GbR 13

14 Schritt 2: WÄhlen Sie die gewånschte Position (2) der neuen Seite im Seitenbaum aus: 2 Position Seite Schritt 3: Entfernen Sie das HÄkchen Seite verstecken, wählen Sie den Typ Standard und setzen Sie das HÄkchen Zweite Optionspalette anzeigen (ganz unten, sofern nicht schon voreingestellt). FÅgen Sie die weiteren Angaben zu Ihrer neuen Seite ein: Seitentitel = MenÅeintrag, bitte méglichst kurz! Weitere Angaben wie Untertitel, Navigationstitel, StichwÉrter zum Inhalt Ihrer Seite und Beschreibung. Seite verstecken Seite Typ Seitentitel = MenÅeintrag Joachim Kortus GbR 14

15 Schritt 4: Klicken Sie dann auf speichern und schlieñen in der oberen MenÅleiste. Fertig! Ihre neue Seite ist angelegt. Tipp: Wenn Sie die Reihenfolge der Seiten nachträglich Ändern wollen, kénnen Sie das Åber die SchaltflÄche Seite verschieben Seitentypen Es stehen Ihnen folgende Seitentypen zur VerfÅgung: Standard: Verweis: Einstiegspunkt: Externe URL: Normale Seiten mit Seiteninhalten. MenÅeintrag auf eine andere Seite verlinken ErmÉglicht das "einhängen" (mounten) anderer Seiten MenÅeintrag auf eine externe URL verlinken. 4.2 Inhalte erstellen Tipp: Verwenden Sie nicht bloá einen formatierten Textblock får die ganze Seite, sondern legen Sie får jeden logisch får sich stehenden Teil der Seite ein einzelnes Inhaltselement an. Dies macht es Ihnen leichter, die Seite später um weitere Informationen zu ergänzen oder die Reihenfolge der Informationen zu verändern oder einzelne Inhalte voråbergehend unsichtbar zu machen Ein neuer Inhalt in sechs Schritten Einzelne Seiten bestehen aus den Seitenangaben (siehe Schritt 4 in der Anleitung "Eine neue Webseite in vier Schritten" in Abschnitt 4.1.1) und Inhaltselementen. Inhalte sind in Inhaltselemente zerlegt. Unten sehen Sie ein Beispiel wie in der Homeseite die Inhaltselemente angelegt sind. FÅr die Inhaltselemente stehen verschiedene Inhaltstypen zur VerfÅgung (siehe unten in Abschnitt 4.2.2). Zu jedem Inhaltstyp stellt Ihnen TYPO3 eine eigene Eingabemaske in der Detailansicht mit Feldern får die erforderlichen Angaben zur VerfÅgung. Schritt 1: Seitentitel bearbeiten wenn notwendig Angaben ÅberprÅfen und ergänzen. Joachim Kortus GbR 15

16 Seitentitel Åberarbeiten Schritt 2: Neuer Inhalt neues Inhaltselemente anlegen. Inhaltselement Normaler Text Schritt 3: Position får Inhaltselement auswählen. Position und Spalte får Inhaltselement auswählen (Links, Normal und Rechts) Schritt 4: Çberschrift får Inhaltselement. Joachim Kortus GbR 16

17 Schritt 5: Text eingeben. Schritt 6: Inhaltselement speichern. Joachim Kortus GbR 17

18 Joachim Kortus GbR 18

19 4.2.2 Inhaltstypen Die wichtigsten Inhaltstypen sind: Normaler Text Text mit Bild Nur Bilder Tabelle Hinweise zur sinnvollen Verwendung dieser Inhaltselemente finden Sie in Abschnitt TYPO3 unterståtzt auch einige weitere spezielle Inhaltstypen. 4.3 Inhalte editieren Editier-MÑglichkeiten Wie får (fast) alle Aufgaben, stellt TYPO3 auch zum Editieren von Inhalten nicht nur eine, sondern verschiedene MÉglichkeiten zur VerfÅgung: SchaltflÄchen (selbsterklärend), Stift-Icon sowie den Rich Text Editor (RTE) Rich Text Editor (RTE) FÅr die Inhaltstypen Text und Text mit Bild steht Ihnen in TYPO3 der so genannte Rich Text Editor (RTE) zur VerfÅgung.Dies ist ein Word-Ähnlicher Editor, der ein einfaches und intuitives Arbeiten am Bildschirm erméglicht. Mit Hilfe des RTE kénnen Sie Ihre Texte formatieren und Links einfågen - auch mittels Copy-and-Paste aus anderen Programmen. Die Icons des RTE sind mit einer sensitiven Hilfe versehen. Das heiát, wenn Sie mit dem Mauszeiger Åber die Icons fahren, wird Ihnen deren Funktion angezeigt! Joachim Kortus GbR 19

20 4.4 Seiten und Inhalte lñschen Zum LÉschen von Inhaltselementen steht Ihnen das Icon Papierkorb zur VerfÅgung. Papierkorb Analog kénnen Sie unter Seitentitel bearbeiten auch die gesamte Seite léschen. Wenn Sie eine Seite mit Unterseiten léschen wollen, måssen Sie zuerst alle Unterseiten léschen oder an eine andere Stelle verschieben und kénnen erst dann die Seite, die keine Unterseiten mehr besitzt, léschen. Sollten Sie nicht zum LÑschen berechtigt sein, kñnnen Sie die Seite unsichtbar machen. Tipp: Wenn Sie ein Inhaltselement oder eine Seite nicht får immer léschen, sondern nur voråbergehend unsichtbar machen wollen, verwenden Sie stattdessen die in Abschnitt 6.3 angefåhrten MÉglichkeiten zur Sichtbarkeit und zum Ablaufdatum. 4.5 Bilder einbinden Sie kénnen Bilder einzeln oder mit Text einbinden: Schritt 1 Sie wählen als Inhaltstyp Text mit Bild oder Nur Bilder (siehe Abschnitt 4.2.2). Schritt 2 Geben Sie eine Åberschrift ein. Inhaltstyp Çberschrift Schritt 3 Sie wählen das gewånschte Bild (oder mehrere Bilder) Åber das Ordner Symbol aus. Mit den Pfeil-Symbolen Ändern Sie die Reihenfolge der Anzeige. Mit dem X-Symbol entfernen Sie das in der Liste markierte Bild. Die Vorschau rechts im Bild wird erst nach dem Speichern angezeigt, klicken Sie dazu auf das Dokument Joachim Kortus GbR 20

21 sichern Symbol.Nach dem Klicken auf das Ordner Symbol wird ein Fenster mit Ihrem Datenpool auf dem Typo-3 Server geéffnet, hier wählen Sie das gewånschte Bild aus. Mit einem Klick auf den Dateinamen wird das Fenster geschlossen und die Datei Åbernommen. Schritt 4 Sie geben die Position des Bildes an. Wenn es mehrere Bilder sind, geben Sie mit der Spaltenzahl an, wie die Bilder neben- oder untereinander erscheinen sollen. Joachim Kortus GbR 21

22 Schritt 5 Wenn es nur ein Bild ist, kénnen Sie optional die Breite oder HÉhe angeben. Einen Verweis trennen Sie bei mehreren Bildern durch ein Komma. Bei Klick vergréssern wird das Bild in einem neuen Fenster vergréáert. QualitÖt und Effekte wählen Sie nach Bedarf aus. Schritt 6 Bildtext, Alternativer Text, Titel Text sowie Langbeschreibung URL werden bei mehreren Bildern durch eine neue Zeile getrennt. Tipp: Die in dieser Eingabemaske mit der SchaltflÄche Durchsuchen vorhandene MÉglichkeit, das Bild jetzt direkt hochzuladen, sollten Sie eher nicht verwenden, denn dann wårde das Bild nur innerhalb dieses Inhaltselements zur VerfÅgung stehen und kénnte nicht so leicht an anderen Stellen weiterverwendet werden (z.b. in einer anderen Seite). Stattdessen sollte das Bild vorher mit dem Modul Datei - Dateiliste oder Bilder hochgeladen und im TYPO3-Server gespeichert werden (siehe Abschnitt 5.2). Joachim Kortus GbR 22

23 4.6 Dateien und Links einbinden Um Dateien in ihre Inhalte einzubinden, markieren Sie den Beschreibungstext und wählen Sie im Rich Text Editor (RTE) das Symbol Link einfågen. WÄhlen Sie nun aus, was Sie einfågen wollen, eine Seite, Datei, Externe URL oder . Joachim Kortus GbR 23

24 4.6.1 Link auf eine Interne Seite WÄhlen Sie das MenÜ Seite (1) aus. Klicken Sie auf die gewånschte Zielseite (2) und wählen Sie unter Ziel oben (3) aus. Der Stil wird nicht verwendet, um ein einheitliches Bild auf der Webseite zu gewährleisten. Unter Titel (4) geben Sie eine Beschreibung des Links an. Seite Zielseite oben auswählen Beschreibung Joachim Kortus GbR 24

25 4.6.2 Link auf eine Interne Datei WÄhlen Sie das MenÜ Datei (1) aus. Klicken Sie auf die gewånschte Datei (2) und wählen Sie unter Ziel Neues Fenster (3) aus. Unter In neuem Fenster Éffnen geben Sie Breite und HÉhe des Fensters ein. Der Stil wird nicht verwendet, um ein einheitliches Bild auf der Webseite zu gewährleisten. Unter Titel (4) geben Sie eine Beschreibung des Links an. Datei Zielseite Neues Fenster auswählen Breite und HÉhe Beschreibung Joachim Kortus GbR 25

26 4.6.3 Link auf eine Externe URL WÄhlen Sie das MenÜ Externe URL (1) aus. Geben Sie die gewånschte URL (2) ein und wählen Sie unter Ziel Neues Fenster (3) aus. Unter In neuem Fenster Éffnen geben Sie Breite und HÉhe des Fensters ein. Der Stil wird nicht verwendet, um ein einheitliches Bild auf der Webseite zu gewährleisten. Unter Titel (4) geben Sie eine Beschreibung des Links an. Zielseite Externe URL Neues Fenster auswählen Breite und HÉhe Beschreibung Joachim Kortus GbR 26

27 4.6.4 Link auf eine -Adresse WÄhlen Sie das MenÜ Externe URL (1) aus. Geben Sie die gewånschte -Adresse (2) ein. Der Stil wird nicht verwendet, um ein einheitliches Bild auf der Webseite zu gewährleisten. Unter Titel (4) geben Sie eine Beschreibung des Links an. -Adresse Beschreibung Link entfernen WÄhlen Sie das MenÜ Link entfernen (1) aus. Link entfernen Joachim Kortus GbR 27

28 4.7 Alles unter Kontrolle Sie kénnen jederzeit Ihre Arbeit kontrollieren, indem Sie sich die Ergebnisse in der Vorschau anzeigen lassen. Dazu gibt es das Symbol Sichern und Anzeigen : Sichern und Anzeigen - speichert Ihre ânderungen und zeigt dann die Vorschau. Tipp: Wenn Sie einen Popup Blocker in Ihrem Webbrowser aktiviert haben (z.b. in Mozilla), dann funktionieren die Buttons "Speichern und Vorschau" und "Speichern und Schlieáen" nicht, sondern Sie måssen stattdessen zuerst den Button "Speichern", dann den Button "Schlieáen" und dann den Button "Vorschau" anklicken. 5 Bilder und Dateien 5.1 Bildbearbeitung Zur Bearbeitung von Bildern und sonstigen Dateien, wie z.b. PDF, verwenden Sie bitte Ihre gewohnten (Bildbearbeitungs-) Programme. In gewissem Umfang kénnen Sie ânderungen an den Bildern vornehmen (siehe Abschnitt 4.5 Bilder einbinden). QualitÄt der Anzeige im Web: Einfache Korrekturen an den Bildern: Wenn Ihre Bilder in guter QualitÄt als Originale auf dem Server liegen, ist eine Bearbeitung in Typo-3 nicht notwendig. Joachim Kortus GbR 28

29 5.2 Bilder- und Datei-Upload Alle Dateien (z.b. Bilder, PDF-Dateien), die Sie auf Ihren Seiten einbinden méchten, laden Sie im Modulbereich Datei auf den Server. Hier hochgeladene Dateien kénnen Sie immer wieder verwenden und auch mehrfach in verschiedene Seiten einbinden (ein erneuter Upload ist nicht notwendig). Schritt 1 WÄhlen sie das Modul Dateiliste (1). Schritt 2 Wahlen Sie den Ordner, in welchen die Datei abgelegt werden soll (2). Schritt 3 Klicken sie auf das Symbol Neu (3) um einen neuen Ordner anzulegen. Schritt 4 Klicken sie auf das Symbol Datei-Upload (4). Datei-Upload Ihre Ordner Modul Dateiliste Ihre Dateien Schritt 5 Klicken Sie auf Durchsuchen, es Éffnet sich ein Fenster mit den Inhalten auf Ihrem Computer. WÄhlen die gewånschte Datei aus und klicken Sie auf áffnen. Die Datei wird mit einem Klick auf Upload auf Ihrem Server gespeichert. Wichtig: Brechen Sie den Upload Vorgang nicht ab. Durchsuchen Datei-Upload Tipp: TYPO3 bietet auch die MÉglichkeit an, Dateien in den einzelnen Inhaltselementen Åber die SchaltflÄche Durchsuchen direkt hochzuladen. Diese MÉglichkeit sollten Sie aber eher nicht verwenden, denn auf diese Weise hochgeladene Dateien und Bilder wären dann nur innerhalb dieses einen Inhaltselementes verfågbar. Sie kénnten sie dann nicht mehr verwenden (z.b. in einer anderen Seite). Joachim Kortus GbR 29

30 6 Tipps aus der Praxis 6.1 Ihr Webauftritt Besucher Benutzerfreundlich aufgearbeitete Informationen und ein stimmiges Layout sind Voraussetzung dafår, dass die Besucher sich får die Inhalte Ihrer Webseite interessieren. Die meisten Besucher sind Honigkunden, Interessierte am Imkern und natårlich Imker. Informationen måssen einfach zu finden sein. Lange Wartezeiten bei groáen Datenmengen nerven, manche Besucher nutzen auch noch eine relativ langsame oder Åberlastete Internetverbindung. Viele Besucher nutzen das Internet täglich, kennen sich also bestens damit aus und sind entsprechend anspruchsvoll Webgerechte Information Strukturieren Sie Ihre Dokumente! Halten Sie sich an die Hierarchie top-down, also von oben nach unten. Çberlegen Sie sich, was Sie mit der Seite aussagen wollen, und machen Sie mit Papier und Bleistift eine kurze Skizze. Wild verstreute Sprungmarken, Verweise, Bilder oder Tabellen erschweren die Orientierung und verursachen Ratlosigkeit und Missmut seitens der Besucher. Denken Sie vernetzt! Das Internet bietet die MÉglichkeit gedankliche Assoziationen zu visualisieren: Das Zauberwort heiát Hyperlink. Bevor Sie also sämtliche Informationen auf eine Seite packen, wägen Sie ab, ob es nicht sinnvoller wäre, das entsprechende Schlagwort mit einer weiteren Internetseite zu verknåpfen. Dasselbe gilt får Bilder und Downloads. Weniger ist mehr! Bunte, blinkende, Åberladene Websites gibt es schon genug. Trotz der ÅberwÄltigenden GestaltungsmÉglichkeiten des WWW sollte man sich in Minimalismus Åben, die Netzhaut der Besucher schonen und die Ladezeit får die Seite nicht unnétig vergréáern. Wichtigste Grundregeln: Lieber zu wenig Farbe als zu viel und besser eine Schriftart in verschiedenen GrÉáen und Schriftschnitten als ein Font-Salat. Vermeiden Sie ÄberflÇssiges, Veraltetes und Wiederholungen! Das Internet ist ein junges, schnelllebiges Medium. Sie sollten zwar genågend Orientierungshilfen anbieten, aber die Informationen und Inhalte nicht an allen Ecken und Enden wiederholen. Ein bisschen Orientierungssinn darf man dem Besucher zutrauen. Lernen Sie Standards lieben! Die Orientierung an gewohnten Standards der Webseiten-Gestaltung erleichtert auch Ihren Besuchern die Orientierung. Gliedern Sie Inhalt und Navigation! Alle Inhalte sollten prinzipiell am Grundschema der hierarchischen, themenorientierten und får den Besucher einfach logischen Navigationsstruktur festhalten. 6.2 Ihre Webseiten Seitenangaben Eine Maske zur Eingabe dieser Angaben erscheint automatisch beim Anlegen neuer Seiten. Bei bestehenden Seiten kénnen Sie die Seitenangaben jederzeit Åber die SchaltflÄche Seitentitel bearbeiten bzw. editieren. Die folgende Seitenangabe muss bei TYPO3 får alle Seiten angegeben werden: Seitentitel: Das ist der Navigationstitel der Seite, der links im NavigationsmenÅ auftaucht, auáerdem in der Kopfzeile des Browserfensters, in Bookmarks und in Suchmaschinen. Er sollte méglichst kurz sein! Joachim Kortus GbR 30

31 Alias: Wenn Sie dieses Feld leer lassen, hat die Webpage nur den Standard URL, der die innerhalb TYPO3 eindeutige Seitennummer (ID) enthält, also z.b. Wenn Sie hier einen Alias Namen angeben, dann ist die Seite auch unter einem URL der Form erreichbar, also z.b. bei der Eingabe von Honig unter dem URL Diese Namen måssen innerhalb des ganzen Webservers eindeutig sein, sie sollten daher mit der AbkÅrzung der Abteilung und/oder des MenÅ-Bereiches beginnen. Aus technischen GrÅnden dårfen Sie nur Kleinbuchstaben und Bindestriche, aber keine anderen Sonderzeichen enthalten. Tipp: Da die URLs in Suchmaschinen, Link-Listen und Bookmarks eingetragen werden, sollten Sie einen einmal eingetragenen Alias niemals nachträglich Ändern. Die innerhalb der Seite sichtbare Çberschrift wird nicht im Seitentitel, sondern als erstes Inhaltselement der Seite (Typ Text, siehe unten) eingegeben, wenn es sich um eine "normale" Seite handelt (Seitentyp Standard oder Erweitert). Diese Çberschrift wird oft gleich wie der Seitentitel sein (was dem Kunden die Navigation in der Website erleichtert), kann aber auch länger und ausfåhrlicher sein als der Navigationstitel. Bei anderen Seitentypen ergeben sich die notwendigen Angaben selbsterklärend durch die Eingabemasken, z.b. die Angabe der Zielseite beim Seitentyp Shortcut oder die Angabe des URL beim Seitentyp Externer Link. Verwenden Sie nicht nur einen formatierten Textblock får die ganze Seite, sondern legen Sie får jeden logisch får sich stehenden Teil der Seite ein einzelnes Inhaltselement an. Dies macht es Ihnen leichter, die Seite später um weitere Informationen zu ergänzen oder die Reihenfolge der Informationen zu verändern oder einzelne Inhalte voråbergehend unsichtbar zu machen. Insbesondere sollte die HauptÅberschrift der Seite ein eigenes, erstes Inhaltselement sein, das nur die Çberschrift ohne weiteren Text enthält. Die einzelnen Textteile sollten darunter als weitere Inhaltselemente (meistens ohne Çberschrift) angelegt werden. Damit hat man die MÉglichkeit, später einen neuen Text vor den bisher ersten Textblock zu setzen (z.b. einen voråbergehenden aktuellen Hinweis), oder den bisher ersten Textblock zu léschen, ohne dabei die SeitenÅberschrift zu verlieren. Auch wenn eine Seite aus mehreren Inhaltsteilen besteht, die eventuell unabhängig voneinander eingefågt oder geléscht oder auch nur voråbergehend unsichtbar gemacht werden, geht das nur, wenn diese Seitenteile getrennte Inhaltselemente sind Äberschriften Die verschiedenen Ebenen von Çberschriften kénnen Sie auf folgende Art und Weise eingeben: StandardÇberschrift: Eine Çberschrift erster Ordnung im Standard-Format geben Sie im Inhaltstyp Text oder Text m/bild in das Feld Çberschrift ein und wählen als Typ Normal aus. Andere Äberschriften: FÅr Çberschriften der zweiten oder dritten Ebene geben Sie das Feld Çberschrift ein und wählen als Typ Layout 2 usw. aus AbsÉtze und Zeilenumbruch StandardmÄáig schreiben Sie im Rich Text Editor (RTE) mit der Absatzart Normal. Der Zeilenumbruch wird automatisch vorgenommen. In normalem Flieátext also bitte kein Return (Enter) eingeben! Ein Zeilenumbruch kann erzwungen werden, indem Sie Shift + Enter dråcken. Dies erzeugt einen Zeilenumbruch ohne gréáere AbstÄnde zwischen den Zeilen. Ein Absatz wird durch DrÅcken der Enter-Taste erzeugt. Ein Absatz beginnt automatisch mit einem gréáeren (horizontalen oder vertikalen) Zeilenabstand. Joachim Kortus GbR 31

32 Tipp: Achten Sie darauf, dass Sie während der Eingabe immer nur einzelne Leerstellen zwischen den WÉrtern und keine Leerstellen am Beginn oder am Ende von AbsÄtzen haben. Wenn Sie mehrfache Leerstellen zwischen WÉrtern oder eine Leerstelle am Beginn oder Ende eines Absatzes eingeben, verwendet TYPO3 dafår sogenannte non-breaking spaces (HTML-Code ), die den unangenehmen Nebeneffekt haben, dass sie den automatischen Zeilenumbruch verhindern - unter UmstÄnden auch dann noch, wenn Sie beim späteren Editieren wieder einfache WortabstÄnde daraus gemacht haben. Falls der Zeilenumbruch in Ihren Texten nicht oder nicht richtig funktioniert, wechseln Sie in den HTML-Quelltext und ersetzen die Zeichenfolge jeweils durch eine einzige gewéhnliche Leerstelle Textgestaltung Schrifttyp und Farbe sind durch TYPO3 weitgehend festgelegt. Wenn Sie im Rich Text Editor (siehe Abschnitt 4.3.3) arbeiten, haben Sie eine kleine Auswahl an GestaltungsmÉglichkeiten får die Schrift (wie fett, kursiv) und StrukturierungsmÉglichkeiten får den Text (wie AufzÄhlungen). Durch den sinnvollen Einsatz der vorgegebenen GestaltungsmÉglichkeiten kénnen Sie dazu beitragen, eine gute Orientierung auf Ihren Seiten får die Besucher zu gewährleisten Äberschrift Inhaltselement Sie kénnen in dem Eingabefeld Çberschrift eine HauptÅberschrift im Standard-Format (Normal) eingeben Normaler Text Inhaltselement Sie kénnen in dem Eingabefeld Çberschrift eine HauptÅberschrift im Standard-Format (Normal) får den Text eingeben. Text geben Sie im Rich Text Editor (siehe Abschnitt 4.3.3) ein. Sie kénnen Texte oder Textteile aus anderen Programmen mit "Copy-and-Paste" (Ctrl-C und Ctrl-V) in das Editorfenster kopieren. Im Fall des Rich Text Editor werden dabei teilweise auch die Text- Formatierungen Åbernommen (z.b. beim Kopieren aus MS-Word oder PDF oder aus einem Webbrowser), beim Kopieren aus einem Webbrowser eventuell sogar auch die eingebetteten Bilder. Meistens wird aber noch eine Nachbearbeitung der Formatierung oder des erzeugten HTML-Codes notwendig sein. Falls beim "Copy-and-Paste" Fehler bei der Çbernahme der Formatierung auftreten, schalten Sie den Rich Text Editor aus und kopieren die Information in die einfache Text-Eingabe. In diesem Fall wird nur der Text ohne (falsche) Formatierung Åbernommen. Dann schalten Sie den Rich Text Editor wieder ein und formatieren den Text richtig Text mit Bild Inhaltselement FÅr die Çberschrift und Text-Eingabe gilt das Gleiche wie oben. Unter "Bilder" wählen Sie das Bild mit dem Ordner-Symbol aus den bereits hochgeladenen Bilder und Dateien aus (siehe Abschnitt 5). Egal welchen der beiden VorschlÄge "mit darunter liegendem Bild" oder "mit daneben liegendem Bild" Sie auswählen, in jedem Fall kénnen Sie unter "Position" aus einem Dutzend verschiedener Anordnungen auswählen. Sie kénnen hier auch weitere Angaben eingeben, etwa die Breite und HÉhe, falls das Bild nicht in seiner normalen GrÉáe angezeigt werden soll, oder einen Link (Seite oder URL) als Sprungziel beim Anklicken des Bildes. Anmerkung: In dieser Eingabemaske kénnen Sie verschiedene MÉglichkeiten auswählen, die Bilder Åber, unter oder neben dem laufenden Text anzuordnen Bild Inhaltselement Wie oben, nur ohne Eingabe eines zusätzlichen Textes. Joachim Kortus GbR 32

33 6.2.9 Tabelle Inhaltselement Dieser Inhaltstyp eignet sich nur får einfache, nicht formatierte Tabellen. Unter Tabellenspalten wählen Sie die Anzahl der Spalten aus. Unter Text geben Sie die Tabellenzeilen ein, wobei die Spalten durch einen senkrechten Strich getrennt werden und die Return- (Enter-) Taste eine neue Tabellenzeile beginnt. 6.3 Sichtbarkeit und Ablaufdatum Sichtbarkeit von Seiten Die generelle Sichtbarkeit jeder Seite wird dem HÄkchen Seite verstecken in den Seiten- Eigenschaften ("Seitentitel bearbeiten") festgelegt. Versteckte Seiten sind zwar in TYPO3 gespeichert, scheinen aber in der Navigation nicht auf und kénnen von den Benutzern nicht angezeigt werden. Auáerdem kénnen Sie unter "Allgemeine Optionen" die Sichtbarkeit auf einen bestimmten Zeitraum oder auf eine bestimmte Usergruppe einschränken: HÄkchen bei Start und Korrektur des als Muster angezeigten Datums = Die Seite ist bis zu diesem Datum unsichtbar und wird ab diesem Datum automatisch sichtbar. HÄkchen bei Stop und Korrektur des angezeigten Datums = Die Seite ist nur bis zu diesem Datum sichtbar und wird ab diesem Datum automatisch unsichtbar. Eintragen einer Usergruppe unter Zugriff = Die Seite kann nur von diesen Benutzern nach Eingabe von Username und Passwort angezeigt werden und scheint auch erst dann får diese Benutzer in der Navigation auf. Versteckte Seiten werden in TYPO3 jeweils mit einem roten X gekennzeichnet Sichtbarkeit von Seiteninhalten Bei allen Inhaltstypen kénnen Sie unter "Allgemeine Optionen" die Sichtbarkeit einschränken: HÄkchen bei Verstecken = Dieser Inhalt ist bis auf weiteres får die Benutzer nicht sichtbar. HÄkchen bei Start und Korrektur des als Muster angezeigten Datums = Der Inhalt ist bis zu diesem Datum unsichtbar und wird ab diesem Datum automatisch sichtbar. HÄkchen bei Stop und Korrektur des angezeigten Datums = Der Inhalt ist nur bis zu diesem Datum sichtbar und wird ab diesem Datum automatisch unsichtbar. Versteckte Seiteninhalte werden in TYPO3 jeweils mit einem roten X gekennzeichnet. Joachim Kortus GbR 33

34 Joachim Kortus GbR 34