Benutzerhandbuch TYPO3 Version: 2008 / April Seite: 1 / 19
Inhaltsverzeichnis Benutzerhandbuch TYPO3...1 1 Anmelden / Login...3 2 Übersicht Navigationsansicht...5 2.1 Der Modul-Bereich "Web"...5 2.2 Der Modul-Bereich "Datei"...6 3 Bilder und Dokumente bereitstellen...7 3.1 Dokumente bereitstellen:...7 4 Neue Seiten anlegen / editieren...8 5 Neuen Inhalt anlegen...10 5.1 "Typischer Seiteninhalt"...10 5.2 "Verweis einfügen"...13 5.3 "Tabelle einfügen"...13 6 Seiteninhalt verschieben...14 7 Spezielle Seiteninhalte...15 7.1 Der Inhaltstyp "Dateiverweis"...15 7.2 Der Inhaltstyp "Datensatz einfügen"...16 7.3 Der Inhaltstyp "Formular"...17 7.4 Änderung des Passwortes (empfohlen):...19 7.5 Allgemeine Tipps:...19 Seite: 2 / 19
1 Anmelden / Login Sie erreichen den Login, indem Sie im Browser die URL http://www.ihreadresse.ch/typo3 in die Adressleiste eintippen. In der Loginseite Ihren Usernamen und das Passwort eingeben und mit Log In bestätigen. Nach erfolgreichem Login erscheint die Startseite mit einer kurzen Beschreibung der jeweiligen Module: Klicken Sie auf Seite. Seite: 3 / 19
Feld 1: Navigationsansicht hier können Sie Ihr gewünschtes Arbeitsmodul festlegen. Feld 2: Datenansicht / Seitenbaum In diesem Bereich werden alle relevanten Daten der einzelnen Elemente aus der Navigationsansicht angezeigt. Hierzu muss nur der gewünschte Text in der Navigationsebene mit der linken Maustaste angeklickt werden. Daraufhin erscheinen alle Unterelemente des ausgewählten Elements. Die Anzeigeart des gewählten Objekts ist je nach gewähltem Modul unterschiedlich. Feld 3: Die Detailansicht Sie stellt den eigentlichen Arbeitsbereich für den Nutzer dar. Seite: 4 / 19
2 Übersicht Navigationsansicht 2.1 Der Modul-Bereich "Web" Hier finden Sie die wichtigsten Module, welche die Inhalte sowie das Aussehen der Website definieren. Sie können Inhaltselemente erfassen und bearbeiten, sich die Seiten vor der Veröffentlichung in der Vorschau anzeigen lassen und globale Informationen zu den Seiten oder Inhaltselementen abrufen. (1) Seite Mit diesem Modul können Sie die Webseiten mit verschiedenen Inhaltselementen anlegen und bearbeiten. (2) Liste Das Listen-Modul gibt Ihnen den besten Überblick und Zugriff auf die einzelnen Datensätze einer Seite. Über das Listen-Modul können Sie den Seiten-Header oder die Inhaltselemente bearbeiten, die Reihenfolge der Inhalte leicht ändern, kopieren, verschieben oder sich den Änderungsverlauf eines Datensatzes anzeigen lassen. (3) Funktionen Das Modul Funktionen bietet Hilfsmittel zum effizienten Arbeiten mit TYPO3. Der Modus " Assistent" erlaubt das schnelle, automatische Anlegen ganzer Seitenstrukturen oder deren Umsortierung nach Seitentitel, Untertitel, Änderungszeitpunkt oder Erzeugungszeitpunkt. Seite: 5 / 19
2.2 Der Modul-Bereich "Datei" (4) Dateiliste Das Modul Dateiliste stellt das Dateiverwaltungssystem Ihrer Webseite dar. Es erlaubt Ihnen den Zugriff auf die für Ihren Login gültigen Dateiordner. Durch Klicken mit der linken Maustaste auf das jeweilige Icon im Seitenbaum steht Ihnen ein Kontextmenü zur Verfügung, mit dem Sie Ordner umbenennen, neue anlegen und Dateien auf den Server hoch laden, kopieren, ausschneiden, löschen oder sich weitere Informationen anzeigen lassen können. Mittels der Checkboxen am Ende der Darstellung können Sie sich Thumbnails (kleine Vorschauen) der Bilder oder das Klemmbrett, zum Kopieren oder Verschieben von Dateien, anzeigen lassen. (5) Einstellungen Mit dem Modul Einstellungen können Sie sich Ihre Arbeitsumgebung nach Ihren Wünschen anpassen. Hier können Sie ein neues Passwort für den Login eingeben. Um die Sicherheit zu erhöhen, können Sie sich per Email benachrichtigen lassen, wenn jemand sich mit Ihrem Account einloggt. Sonst sind keine Einstellungen nötig. Seite: 6 / 19
3 Bilder und Dokumente bereitstellen Dateiliste Mit dem Modul Dateiliste können Sie Bilder und Dokumente hochladen, die Sie dann in die Webseite integrieren. Sie können weitere Unterordner erstellen damit Sie einen besseren Überblick über Ihre Dokumente und Bilder haben. Dokumente (PDF, Word, Excel, usw.), müssen hier im Voraus hochgeladen werden für das Einbinden in einen Seiteninhalt. 3.1 Dokumente bereitstellen: 1. Klicken Sie auf Ordner Dokumente und wählen Datei-Upload 2. Sie können mehrere Dateien gleichzeitig hochladen. 3. Mit Durchsuchen wird der Explorer geöffnet, wo Sie das Dokument auf Ihrer Festplatte suchen können. 4. Klicken Sie auf Upload und die Datei wird auf den Server geladen. Folgende Bildformate werden im Internet angezeigt: gif - geeignet für Grafiken jpg - geeignet für Fotos png geeignet für Grafiken & Fotos Maximale Breite der Bilder 600 Pixel. Verwenden Sie ein Grafikprogramm, um die Bilder im Voraus zu verkleinern und abzuspeichern. Besitzen Sie kein Grafikprogramm, können Sie unter http://www.irfanview.com kostenlos das Programm IrfanView downloaden und auf Ihrem Computer installieren. Mit IrfanView können Sie Ihre Bilder anpassen und abspeichern. Praktisch ist auch die Batchkonventierung, mit der man mehrere Bilder gleichzeitig verkleinern kann. Seite: 7 / 19
4 Neue Seiten anlegen / editieren Klicken Sie im Seitenbaum auf die Seite, von der aus Sie eine neue Seite erstellen möchten (gleiche Ebene oder Unterebene) Klicken Sie auf den Button ''Neue Seite''. Wählen Sie die gewünschte Position für die neue Seite. Es erscheint die Oberfläche mit den Seiteneigenschaften. Auf diese Eigenschaften können Sie übrigens immer zugreifen. (Siehe Bild oben, Button 'Seiteneigenschaften bearbeiten') Seite: 8 / 19
Mittels 'Seite verstecken' wird die Seite für Aussenstehende unsichtbar. Sie verschwindet auch aus der Navigation sowie der Sitemap etc. Sollten Sie die Seite im Frontend dennoch sehen, so liegt es daran, dass Sie selbst im Backend eingeloggt sind. Normalerweise nutzen Sie den Seitentyp 'Standard'. Geben Sie einen Seitentitel ein, dies ist gleichzeitig der Navigationstitel. Falls Sie über eine Seite mit mehreren Inhaltsvorlagen / Layouts verfügen, so steht Ihnen nach dem Speichern eine Liste mit Layouts zur Auswahl bereit. Über die Zeitsteuerung (Start, Stop) können Sie definieren, von wann bis wann die Website sichtbar sein soll. Seite: 9 / 19
5 Neuen Inhalt anlegen Klicken Sie im Seitenbaum auf die Seite in die Sie Inhalte einfügen möchten. Klicken Sie entweder auf 'Neuer Inhalt' oder auf das 'Inhalt einfügen' Symbol. 5.1 "Typischer Seiteninhalt" "Normaler Text" "Text mit Bild" "Nur Bilder" Wählen Sie "Text mit Bild". Seite: 10 / 19
Wenn diese Seite bereits über Content verfügt, klicken Sie auf den Pfeil auf die Position, wo Sie den Inhalt einfügen möchten (vor oder nach dem existierenden Content.) Geben Sie den Titel des Dokumentes ein (optional). Der Texteditor erlaubt es Ihnen, Formatierungen und Auszeichnungen an den Texten vorzunehmen und Bilder, Tabellen oder Verweise (Links) einzufügen. Im Formularbereich "Bilder" können Sie mittels des Icons die Dateiliste aufrufen, die gewünschten Bilder innerhalb des Verzeichnisbaums der Medienverwaltung auswählen und bei Bedarf sogleich neue in diese hochladen. Mit den Pfeilen wird das markierte Bild nach oben oder nach unten verschoben und mit dem Kreuz-Icon entfernen Sie überflüssige, markierte Bilder. Bedienen Sie sich des Buttons "Durchsuchen", können Sie ebenfalls schnell Bilder von Ihrem Arbeitsplatz aus auf den Server laden und gleichzeitig als Bildelement in die Seite integrieren. Seite: 11 / 19
Als Eingabefelder im Formularbereich "Bilder" sind vorhanden: "Position": Mit der Festlegung der Position richten Sie die Bildelemente im Rahmen des Contentbereiches aus. Für den Inhaltstyp "Bild" sind lediglich die Einstellungen mittig, rechts, links relevant. Für den Inhaltstyp "Text mit Bild" legt die Position des Weiteren die Ausrichtung des Bildes im Verhältnis zum Text fest. Bitte beachten Sie das ein Text lang genug sein muss wenn er ein Bild umfliessen soll, sonst wählen Sie bitte Text neben dem Bildelement (durch die gezeigten Icons ersichtlich), da es sonst zu fehlerhaften Darstellungen kommen kann. "Breite (pixels)": Bestimmen Sie die Breite des Bildes in Pixel mit welcher das Bild auf der Website angezeigt werden soll. "Höhe (Pixel)": Bestimmen Sie die Höhe des Bildes in Pixel. Beeinflussen Sie jeweils nur eine Seite entweder Höhe oder Breite, da das Bild sonst unerwünscht gestaucht wird. "Bildtext": Der Bildtext gibt in der Regel einen Untertitel, eine Kurzbeschreibung oder das Copyright direkt unter dem Bild wieder. Haben Sie mehrere Bilder eingefügt, bildet jeweils eine Zeile den Bildtext in der Reihenfolge der Bilder. Weitere Einstellungen für Bilder: "Spalten": Sollen die Bilder in mehreren Spalten angezeigt werden, geben Sie hier die Anzahl ein. "Verweis": Ein Link auf dem Bild einfügen. Wählen Sie zwischen einer "Seite", "Datei", "Externe URL" oder "Email". Mehrere Links können mit Kommas separiert werden. Seite: 12 / 19
"Klick-vergrössern": Das Feature erlaubt es, ein verkleinertes Bild in einem neuen Fester in Originalgrösse darzustellen. 5.2 "Verweis einfügen" Um einen Link auf einer Seite oder ein Inhaltselement einzufügen, markieren Sie den entsprechenden Text und klicken auf das Icon. Es öffnet sich der "RTE Link Browser". Wählen Sie zwischen einer "Seite", "Datei", "Externe URL" oder "Email". Sie können vorhandene Verweise auch entfernen, indem Sie sie markieren, den "RTE Link Browser" aufrufen und den Button "Verweis entfernen" betätigen. Wichtig: Bei "Datei" und "Externe URL" einstellen, dass die Seite/Datei in einem neuen Browserfenster geöffnet wird: Unterhalb des Seitenbaums, Ziel: Neues Fenster. 5.3 "Tabelle einfügen" Um eine einfach strukturierte Tabelle einzufügen, steht im Texteditor ein Assistent zu Verfügung, den Sie durch das Icon aufrufen können. Sie bestimmen so die Anzahl der Reihen und Spalten,die Grösse der Zellen und Spalten (entweder in Prozenten oder in Pixeln) den Zellen- und Inhaltsabstand, die Stärke der Rahmen und die Hintergrundfarbe und geben anschliessend die Inhalte ein. Seite: 13 / 19
6 Seiteninhalt verschieben Datensätze (Seiteninhalte) verschieben: Bild/Icon neben Text klicken und warten Mit einem Klick auf dieses Symbol öffnet sich ein Kontextmenü, in welchem Sie den Punkt Ausschneiden auswählen und auf einer neuen Seite mit demselben Symbol oder demselben an einer anderen Stelle einfügen können: Ausschneiden oder kopieren... Tipp: Im Seitenbaum können Seiten oder Ordner auf einfache Art durch Klicken-und- Ziehen (Drag&Drop) kopiert werden. Seite: 14 / 19
Bild neben Text klicken und warten Einfügen nach Innerhalb der Seite den Datensatz nach oben oder unten verschieben 7 Spezielle Seiteninhalte 7.1 Der Inhaltstyp "Dateiverweis" Hier können Sie Dokumente komfortabel bereitstellen: 1. Datei hochladen wie unter 3.1 Dokumente bereitstellen beschrieben. 2. Zeige Dateigrösse in Kilobyte (KB). 3. Beschreibung zur Datei eingeben. Seite: 15 / 19
7.2 Der Inhaltstyp "Datensatz einfügen" einen neuen Seiteninhalt anlegen, "Normaler Text" wählen und dann im Feld Typ: umschalten auf Datensatz einfügen, dann folgt ein Bestätigungsfenster, hier auf o.k. drücken. danach im Feld Objekte: auf das Ordnerzeichen klicken und die Datensätze durchblättern, im Seitenbaum auf die gewünschte Seite gehen und mit dem Plus sämtliche gewünschte Inhaltselemente dieser Seite mitnehmen, speichern und schliessen. Seite: 16 / 19
7.3 Der Inhaltstyp "Formular" Um ein Mailformular zu erstellen, geben Sie zuerst eine passende Überschrift sowie eine Zielseite (meist Danke) und die Empfänger-Mailadresse ein. Danach löschen Sie, was sich in dem Feld Konfiguration befindet und speichern die Seite. Danach erscheint rechts vom Konfigurationsfeld ein Symbol zu einem Assistenten, der Ihnen bei der Erstellung des Formulars hilft. Tipp: Mehrere Email-Adressen können mit Kommas separiert eingefügt werden. Seite: 17 / 19
Fügen Sie mit dem + Icon neue Formularfelder hinzu und geben Sie den Typ des Feldes sowie dessen Beschriftung an. Ist das Feld erzeugt, können Sie dem Typ entsprechend detaillierte Konfigurationen vornehmen und mit Benötigt: festlegen ob es sich um ein Pflichtfeld handeln soll. Einzelne Felder können Sie in der Reihenfolge nach oben, nach unten oder zum Ende des Formulars bewegen. Der Mülleimer entfernt einzelne Felder. Am Fuss des Assistenten legen Sie mittels der speziellen Konfigurationsfelder die Beschriftung des Absende-Buttons und den Betreff fest und ob die Nachricht als HTML-Mail versendet werden soll. Bitte testen Sie das Formular unbedingt und stellen Sie sicher, dass die Emails auch an den richtigen Empfänger gehen! Seite: 18 / 19
7.4 Änderung des Passwortes (empfohlen): nimmt man unter Benutzer/ Einstellungen vor neues Passwort eingeben und wiederholen und speichern 7.5 Allgemeine Tipps: Immer auf die Icons (z.b. Ordnerzeichen) klicken und es erscheint ein Menü, in dem angeboten wird, was ich mit der Seite, dem Inhaltselement oder dem Ordner machen kann (je nachdem, was angeklickt wurde) Stift klicken = bearbeiten in der Seitenstruktur auf das Wort klicken zeigt mir die Inhaltselemente der Seite an zu den LINKS: wenn man im Text direkt eine URL eintippt: z.b www.google.ch braucht man das nicht explizit zu verlinken, es wird automatisch erkannt (genauso ist es auch bei Email- Adressen) Umschalt(Shift)+Enter ist ein weicher Umbruch (Zeile wechseln) Enter ein harter Umbruch (Absatz) bei kopierten Inhalten (z.b: aus einem Word Dokument immer unbedingt die Formatierungen entfernen (mit dem Knopf im RTE- Editor ) und dann selbst neu formatieren im RTE bei verlinkten externen Seiten und allen Dateien (pdf, filme, daten) immer Ziel "neues fenster" angeben mit dem Modul Funktionen kann man mehrere Seiten gleichzeitig anlegen mehrere Emailadressen mit Komma getrennt im Feld Empf.-E-Mailadr.: eintragen dasselbe beim Verlinken von mehreren Bildern in einem Contentelement im Feld Verweis Bilder Im Content beträgt die Maximalbreite der Bilder 500px. Klickvergrösserung: Bilder werden maximal:800x600pixel angezeigt, sollten auch in der Grösse auf den Server geladen werden (platzsparend) bei jpg kann man die Bildqualität beim Komprimieren auf 80% setzen, das ist ausreichend fürs Internet und sorgt für eine geringere Datenmenge Ein Bild 800x600pixel gross sollte ca. max 250kb schwer sein Seite: 19 / 19