HALLO. Stichwort. Zu diesem Dokument

Transkript

1 HALLO Stichwort Zu diesem Dokument Dieses Dokument ist nur eine grobe Erklärung des Content-Management-Systems Contao (früher Typolight). Die vorliegende Beschreibung führt Sie schnell und einfach in die Inhaltsverwaltung von Contao ein, bietet aber keine Beschreibung von Installationsprozessen etc. Am Rand werden ab und an Begriffe als Schaltflächen dargestellt. Hier können Sie klicken, um zur Begriffserklärung zu gelangen. Von dort aus kommen Sie jederzeit wieder auf die vorherige Seite zurück, in dem Sie die Zurück -Schaltfläche unter der jeweiligen Begriffserklärung nutzen. Viel Spaß beim Arbeiten mit Contao! Sebastian Baller

2 INHALT TIPP: Einfach auf das Thema klicken, um direkt dort hinzukommen. HALLO Inhalt Einleitung 4 Einloggen 5 Übersicht 6 Übersicht 7 SEITENSTRUKTUR 8 Seiten bearbeiten 9 Seite einfügen 0 Seite erstellen Seite erstellen Weitere Optionen DATEN/DATEIEN 4 Datei Upload 5 Datei Upload 6 Datei Upload 7 ARTIKEL ERSTELLEN 8 Artikel erstellen 9 Artikel erstellen 0 Element einfügen Element erstellen Element erstellen Element erstellen 4 Glossar

3 EINLEITUNG Webhoster Vereinfacht dargestellt ist das das Internet. Es besteht aus einer Vielzahl von Computern, die miteinander verbunden sind. Ihre Homepage ist auf einem dieser Computer - bei einem Webhoster - gespeichert und Sie können von überall da, wo Sie einen Internetzugang haben, auf Ihre Seite zugreifen.

4 4 EINLOGGEN Loggen Sie sich hier mit Ihrem Usernamen und Ihrem Passwort ein. Achten Sie darauf, dass niemand außer Ihnen Ihre Zugangsdaten erhält!

5 5 ÜBERSICHT Informationsleiste Hier haben Sie Schnellzugriff auf Ihr Profil, die Webseiten- Vorschau, kommen zurück zur Startseite und können sich ausloggen. Navigationsbereich Hier haben Sie Zugriff auf alle Module von Contao» Auf einzelne Module wird später eingegangen. Aktionsbereich wie der Name sagt, werden hier Aktionen durchgeführt» welche genau - dazu später mehr...

6 6 ÜBERSICHT TIPP: Wenn Sie mit dem Mauszeiger (wird zu einem Fragezeichen) etwas länger über den grauen Erklärungen verweilen, erscheint eine zusätzliche Erklärung zu dem jeweiligen Feld.» Das gilt für ALLE Bereiche des Systems!

7 7 SEITENSTRUKTUR Jede Internetseite hat eine Informationsarchitektur. Diese beschreibt, wie ein Internetnutzer sich über eine Seite navigiert. Bei Contao haben Sie die Möglichkeit, Seiten hinzuzufügen, zu verschieben und sogar zu löschen. Seien Sie vorsichtig, wenn Sie diese Funktionen nutzen, da im schlimmsten Fall eine ganze Seite inklusive der Inhalte unwideruflich gelöscht werden kann. Auch kann ein Eingriff in die Informationsarchitektur dazu führen, dass die Nutzer Ihrer Seite sich schlechter zurecht finden.

8 8 Backend SEITEN BEARBEITEN Seitenstruktur Klicken Sie hier um zur Seitenstruktur zu gelangen. Seitenstrukturübersicht Hier sehen sie alle vorhandenen Seiten hierachisch geordnet. Alle Seiten, die Sie hier im Backend sehen, werden auf Ihrer Webseite angezeigt. Die eingerückten Seiten wie z.b.: Trockenbau sind die jeweiligen Unterseiten - in dem Fall zur Seite Leistungen.

9 9 SEITE EINFÜGEN Neue Seite Klicken Sie diesen Button zuerst. Klemmbretter Danach erscheinen die Klemmbretter. Die Klemmbretter sind ein immer wiederkehrendes Element, welches nicht nur für die Seitenstruktur benutzt wird. BEISPIEL: Sie klicken das Klemmbrett mit Pfeil nach unten hinter der Seite Leistungen. Die neue Seite würde nun ÜBER der Über mich Seite erscheinen. Wenn Sie das Klemmbrett mit Pfeil nach rechts anklicken, erscheint die neue Seite, eingerückt (also als Unterseite) von Leistungen Der Pfeil nach unten bedeutet: Die Seite wird NACH der Seite wo man das Klemmbrett klickt eingefügt. Der Pfeil nach rechts bedeutet: Die Seite wird zur Unterseite.

10 0 SEITE ERSTELLEN Seitenname & Seitenalias Der Seitenname erscheint auf Ihrer Webseite als Schaltfläche. Der Seitenalias ist für das System gedacht, damit dieses logische Verknüpfungen zu der Seite herstellen kann. Beispiel: Ihre Seite hat einen festdefinierten Seitentitel» hier ist es bbsmedien Wollen Sie auf der Unterseite z.b. Strickwaren anbieten, geben Sie beim Seitentitel Strickwaren ein. Daraus ergibt sich dann: Festdefinierter Titel - Strickwaren» im Beispiel: bbsmedien - die Kreativagentur 4 Seitentitel Der Seitentitel erscheint im Browserfenster immer ganz oben. Je besser ein Seitentitel beschreibt, was die Seite beinhaltet umso besser wird Ihre Internetseite von Suchmaschinen gefunden.» siehe Beispiel 5

11 SEITE ERSTELLEN Beschreibung der Seite Beschreiben Sie hier kurz und knapp (ca Zeichen), was auf der Seite zu sehen sein wird. Wenn wir z.b. die Strickwaren nehmen, schreiben Sie: Hier finden Sie Strickwaren unterschiedlichster Art. Pullover, Mützen, Handschuhe alles handgestrickt! Dadurch verraten Sie Suchmaschinen, was auf der Seite zu finden ist. Dieser Text ist später NICHT auf der Internetseite sichtbar! Durch Anklicken wird die Seite im Internet veröffentlicht. Speichern und fertig! 5

12 WEITERE OPTIONEN Artikel der Seite bearbeiten Seitendetails anzeigen Seite anzeigen / ausblenden Seite löschen Seite verschieben Seite inklusive Inhalt duplizieren (mit Pfeil: Seite inklusive Unterseiten und Inhalt duplizieren) Seite bearbeiten

13 DATEN/DATEIEN Die Verwaltung von Dateien und Ordnern können Sie in Contao direkt im Backend durchführen. Im Grunde passiert dabei Folgendes: Sie laden eine Datei von Ihrem Computer auf den Computer bei dem Webhoster, auf dem Ihre Interseite gespeichert ist. Achten Sie darauf die Daten ordentlich zu hinterlegen und eine logische Ordnerstruktur aufzubauen. Das wird Ihnen später helfen, sich schneller durch die Dateien zu suchen. z.b.: Sie bieten mehrere Strickwaren an: 0 Pullover, 0 Mützen und 0 Jacken. Anstatt alle Bilder in den Ordner Strickwaren zu packen, können Sie Unterorder anlegen: Strickwaren/Pullover, Strickwaren/Mützen usw.

14 4 DATEI UPLOAD Allgemein: Alle Daten, die Sie später nutzen möchten (Bilder, PDFs usw.) müssen erstmal auf die Festplatte im Internet geladen werden. Das geschieht in der Dateiverwaltung. 4 Dateiverwaltung anklicken Aktionsmenu Dateiverwaltung Die Ordner auf der Online Festplatte 4 Wenn Sie auf Neuer Ordner klicken erscheinen wieder die Klemmbrettchen und Sie werden gefragt, an welche Stelle der Ordner eingefügt werden soll. Genau wie bei der Seitenerstellung können Sie hier sagen, wo der Ordner angelegt werden soll.» Danach geben Sie dem Ordner einen Namen.

15 5 DATEI UPLOAD Klicken Sie auf Datei-Upload... Klicken Sie auf das Brettchen, um anzugeben in welchen Ordner Sie die Daten hochladen möchten. Wählen Sie hier die Dateien zum Hochladen aus und beenden Sie den Prozess, in dem Sie auf Dateien hochladen klicken.» in diesem Moment werden die Daten auf die Internet-Festplatte geladen

16 6 DATEI UPLOAD Fertig: Ihre Datei wurde erfolgreich hochgeladen! Außerdem können Sie jetzt hier jederzeit die Bilder umbennenen, betrachten, für Ihre Artikel nutzen und auch wieder herunterladen. TIPP: Geben Sie Ihren Bilder plausible Namen! Die Symbole werden auf Seite näher beschrieben. IMG000.jpg wird von Suchmaschinen nicht so gut gefunden wie z.b: roter-strickpullover.jpg

17 7 ARTIKEL ERSTELLEN Um Ihre Internetseite mit Inhalten zu füllen, müssen Sie Artikel erstellen. Wie genau das geht und was für Möglichkeiten Sie haben, zeigen wir Ihnen auf den nächsten Seiten.

18 8 ARTIKEL ERSTELLEN Artikel Allgemein: Artikel können sich aus mehreren Elementen zusammensetzen. So können Sie beispielsweise einen Text mit einer Bildergallerie in einem Artikel zusammenfassen. So läufts: Klicken Sie auf Artikel Wählen Sie dann Neuer Artikel 4 4 Und wählen Sie mit den Klemmbrettchen aus, wo der Artikel auf der Seite platziert werden soll.

19 9 ARTIKEL ERSTELLEN Geben Sie einen Titel und ein Artikelalias (damit dass System den Artikel zuordnen kann) ein. Wählen Sie aus, in welcher Spalte Ihr Artikel anzgezeigt werden soll. In den meisten Fällen wäh- Beispiel Suchbegriffe len Sie Hauptspalte. Strickwaren: In Ihrem Artikel wollen Sie erklären, wie ein Pullover gestrickt wird. Relevante Begriffe sind dann z.b.: Stricken Pullover Anleitung Tutorial Wolle 4 4 Geben Sie hier relevante Suchbegriffe ein» siehe Beispiel Setzen Sie ein Häkchen bei Artikel veröffentlichen und Speichern Sie. Optional können Sie auch ein Start und Enddatum bei diesem Arbeitsschritt angeben. Fertig ist der Artikel - allerdings ohne Inhalt.

20 0 ELEMENT EINFÜGEN So läufts: Klicken Sie auf das Stift-Symbol Sie gelangen in das Artikelhauptfenster. Klicken Sie hier Neues Element An dieser Position werden später die vorhandenen Elemente angezeigt, aus denen sich der Artikel zusammensetzt.

21 ELEMENT ERSTELLEN Editor Als erstes wählen Sie Ihren Elementtyp aus. Hier bietet Ihnen das System verschiedene Möglichkeiten. Im Beispiel nehmen wir den Elementtyp TEXT. Jetzt haben Sie die Möglichkeit einen Text mittels Editor einzutragen. Die meisten Symbole aus dem Editor sind selbsterklärend, bzw. kennen Sie sie vielleicht schon aus einem anderen Programm. Speichern und Fertig! - Ihr Artikel hat jetzt Inhalt: einen Text.

22 ELEMENT ERSTELLEN Bsp: Elementtyp Galerie In diesem Beispiel nehmen wir den Elementtyp GALERIE. Durch das Auswählen eines Elementtypes ändern sich auch die Möglichkeiten der Einstellungen. Statt des Editors ist nun die»ordnerübersicht mit den hochgeladenen Bildern«zu sehen. Wählen Sie die Bilder aus, die in einer Galerie zu sehen sein sollen. Unter dem Punkt Bild-Einstellungen haben Sie diverse Möglichkeiten.» weiter auf der nächsten Seite

23 ELEMENT ERSTELLEN Lightbox TIPP: Die meisten Einstellmöglichkeiten sind selbsterklärend. Wenn Sie mit dem Mauszeiger etwas länger über den grauen Erklärungen verweilen, erscheint eine zusätzliche Erklärung.» Das gilt für ALLE Bereiche des Systems! Der Punkt Großansicht / Neues Fenster ermöglicht Ihnen einenso genannten Lightbox-Effekt* einzusetzen, der durch Klicken auf das Bild ausgelöst wird. Setzten Sie einfach ein Häkchen! * Der Bildschirm dunkelt sich leicht ab und es erscheint das Bild in groß

24 4 GLOSSAR Backend: Bei einer Homepage mit einem Content-Management-System gibt es ein Frontend und ein Backend. Das Frontend ist die Internetseite, wie sie jeder Besucher sehen kann. Das Backend ist der Bereich, in den Sie sich einloggen, um die Inhalte zu verwalten. zurück Editor: Der Editor ist eine Arbeitsoberfläche mit der Sie Texte editieren - also bearbeiten können. Sie haben die Möglichkeit Links zu setzen, Bilder einzufügen, die Schrift zu bearbeiten usw. Aber denken Sie daran: Weniger ist manchmal mehr! zurück Lightbox: Die Lightbox ist in Ihrer Ursprungsform eine Anwendung, um Bilder auf eine edlere Form, größer anzeigen lassen zu können. Lightbox basiert auf der Programmiersprache JavaScript und existiert mittlerweile in ganz vielen verschiedenen Versionen. Der Vorteil der Lightbox ist, dass User die kein JavaScript aktiviert haben, trotzdem in den Genuss kommen, die Bilder in groß zu sehen - nur eben nicht so schön dargestellt. zurück Webhoster: Ein Webhoster stellt Ihnen Platz auf einem Computer zur Verfügung, auf dem Ihre Internetseite gespeichert wird. Dieser Computer ist mit dem Internet verbunden, so dass Ihre Homepage ständig erreichbar ist. Für diese Leistung wird in den meisten Fällen ein monatlicher Mietpreis berechnet. zurück