Webfactory Langenfeld Alles im grünen Bereich

Transkript

1 Tutorial CMS (Redaktionssystem) Joomla V3.0 INHALT Basisinformationen zum CMS Joomla Was ist ein CMS? Warum Joomla? Anmeldung am CMS / Redaktionssystem So ändern Sie einen Beitrag So erstellen Sie einen neuen Beitrag So fügen Sie einen Link ein So fügen Sie ein Bild ein So erstellen Sie eine Tabelle So verknüpfen Sie Ihren Beitrag mit einem Menüpunkt - Tutorials Seite 1

2 1. Basisinformationen zum CMS Joomla Was ist ein CMS? Ein Content-Management-System (kurz CMS, übersetzt Inhaltsverwaltungs- oder Redaktionssystem) ist eine Software, mit der Webseiten erstellt und verwaltet werden können. Grundmerkmal ist die Trennung von Inhalt (Content), Struktur und Design. Warum Joomla? Joomla ist ein erprobtes und leistungsstarkes CMS für die Entwicklung und Verwaltung interaktiver Webseiten und Webportale. Sie können Ihre fertige Webseite selbst von jedem PC mit Internetzugang aus aktualisieren. Das Ändern der Inhalte (Texte, Bilder, Angebot, Terminkalender) und Medien geschieht über Eingabeoberflächen / Formulare ähnlich wie in den üblichen Office-Programmen. Joomla! ist ein Open Source-Projekt, die Basis-Software ist daher lizenzfrei/kostenfrei nutzbar. Design und Inhalte einer Website sind unabhängig voneinander. Daher kann beispielsweise das Design geändert werden, ohne dass sich die Inhalte der Seiten ändern oder verloren gehen. Veränderungen an Strukturen wie Menüs können über die Oberfläche von Joomla vorgenommen werden und verursachen keinen Programmieraufwand. Die Webseiten können in Ihrer Funktionalität problemlos erweitert werden. - Tutorials Seite 2

3 1. Basisinformationen zum CMS Joomla Ihre Webseite Ihre Webseite sehen Sie, wie jeder Besucher durch Eingabe der entsprechenden Adresse (URL) im Internet-Browser, z.b. Anmeldung am CMS / Redaktionssystem Wenn Sie als RedakteurIn Ihre Webseite ändern oder ergänzen wollen, starten Sie das sog. Content Management System (CMS), indem Sie Ihre Webadresse durch 'administrator' ergänzen, z.b. Sie werden dann aufgefordert, sich zu legitimieren. Benutzerkennung und Passwort haben Sie vom Ersteller/Webmaster Ihrer Webseite erhalten: Notieren Sie sich ggf. hier Ihre Zugangsdaten: Benutzername: Passwort: - Tutorials Seite 3

4 1. Basisinformationen zum CMS Joomla Sie finden dort folgende Auswahlmöglichkeiten: Neuer Beitrag hier können Sie einen neuen Beitrag anlegen Beiträge hier können Sie die bestehenden Beiträge ändern Medien hier können Sie Medien (z.b. Bilder) auf den Server hochladen und verwalten - Tutorials Seite 4

5 2. So ändern Sie einen Beitrag Klicken Sie auf 'Beiträge': Menü Inhalt -> Beiträge Sie erhalten eine Liste der Beiträge: Klicken Sie auf den Beitrag, den Sie ändern möchten - Tutorials Seite 5

6 2. So ändern Sie einen Beitrag Es öffnet sich ein Editor-Fenster, in dem Sie den Inhalt des Beitrags ändern können: Detail-Infos zum Editor (JCE) finden Sie in der Anleitung - Tutorials Seite 6

7 2. So ändern Sie einen Beitrag Oben im Bearbeitungs-Fenster finden Sie folgende Bedienleiste: Klicken Sie abschließend auf Speichern, wenn Sie den Beitrag (zwischen-)speichern wollen, Sie bleiben im Beitrag oder Speichern & Schließen, Sie kommen dann zurück in die Übersicht der Beiträge oder Schließen, falls Sie den Beitrag verwerfen möchten Kontrollieren Sie Ihre Änderung in jedem Fall z.b. in einem weiteren Fenster oder Tab Ihres Internet-Browsers - Tutorials Seite 7

8 3. So erstellen Sie einen neuen Beitrag Klicken Sie auf Menü Inhalt -> Beiträge -> Neuer Beitrag Sie erhalten folgendes Fenster: Detailinfos zum Editor (JCE) finden Sie in der Anleitung - Tutorials Seite 8

9 3. So erstellen Sie einen neuen Beitrag Tragen Sie für den neuen Beitrag ein: einen Titel und eine passende Kategorie ein fügen Sie den Beitragsinhalt / Text ein, schalten Sie dazu ggf. die Rechtschreibprüfung ein - Tutorials Seite 9

10 3. So erstellen Sie einen neuen Beitrag Tragen Sie in der Rubrik Metadatenoptionen ein: eine kurze Beschreibung des Beitrags (1-3 Sätze) wird ggf. in Suchmaschinen angezeigt die wichtigsten Schlüsselwörter aus dem Beitrag ggf. Suchwörter für Suchmaschinen Klicken Sie abschließend auf Speichern, wenn Sie den Beitrag (zwischen-)speichern wollen, Sie bleiben im Beitrag oder Speichern & Schließen, Sie kommen zurück in die Übersicht der Beiträge oder Schließen, falls Sie den Beitrag verwerfen möchten - Tutorials Seite 10

11 4. So fügen Sie einen Link ein Markieren Sie im Beitragstext das Wort / die Passage, die den Link enthalten soll, z.b. Klicken Sie anschließend auf das Link-Symbol: - Tutorials Seite 11

12 4. So fügen Sie einen Link ein Sie sehen dann folgendes Fenster, in das Sie bei URL den externen Link eintragen: Wählen Sie bei Target aus, dass sich ein neues Fenster öffnen soll Wiederholen Sie ggf. den Titel der Publikation Schließen Sie das Fenster mit Insert Anschließend wird der Link im Browser farbig und bei Mausklick unterstrichen angezeigt: - Tutorials Seite 12

13 4. So fügen Sie einen Link ein Sie können auch einen Link zu einem PDF-Dokument erstellen Klicken Sie auf das entsprechende Icon: Wählen Sie im dann erscheinenden DateiBrowser die zu verlinkende Datei aus: Falls die Datei noch nicht auf dem WebServer zu finden ist, laden Sie sie von Ihrem lokalen PC hoch. - Tutorials Seite 13

14 4. So fügen Sie einen Link ein Sie können auch einen Link zu einer -Adresse erstellen Klicken Sie auf das entsprechende -Icon: Tragen Sie im nächsten Fenster die -Adresse(n) ein, die adressiert werden sollen und schlagen Sie ggf. einen Betreff vor: Bestätigen Sie alle Fenster mit OK. - Tutorials Seite 14

15 5. So fügen Sie ein Bild ein Klicken Sie auf die Stelle Ihres Beitrags, an der das Bild angezeigt werden soll Wählen Sie im unteren Teil des Image Managers das Bild aus, das Sie dort anzeigen wollen Ergänzen Sie Alternate Text bzw. Titel (unter Advanced) zur Herkunft des Bildes, hier Foto: Fotolia.com rare Ausrichtung im Beitrag, hier Right für Ausrichtung am rechten Fensterrand Abstände (Margin) vom Bild zur Umgebung, hier beispielsweise: 10 px auf allen Seiten Klicken Sie abschließend auf Insert Das Fenster enthält auch ein Upload-Symbol, über das ein neues Foto vom lokalen Rechner zum WebServer 'hochgeladen' werden kann. Es öffnet sich ein weiteres Fenster, dort muss auf 'Browse' geklickt werden. Über den sich öffnenden Explorer kann das neue Bild ausgewählt und hochgeladen werden. - Tutorials Seite 15

16 6. So erstellen Sie eine Tabelle Positionieren Sie den Mauszeiger an die Stelle, an der die Tabelle eingefügt werden soll Klicken Sie auf den Pfeil des Icons 'Tabelle einfügen' und ziehen Sie die Maus über die gewünschte Anzahl Zellen, hier z.b. 3 Spalten x 3 Zeilen Sie erhalten eine Tabelle in Form folgender Anzeige, die bei Mausklick sog. Anfasspunkte bekommt: Über das Icon kann der Tabellenrahmen sichtbar/unsichtbar geschaltet werden. Ist die Tabelle per Mausklick markiert, werden die weiteren Tabellen-Icons sichtbar: Ziehen Sie an einem rechten Anfasspunkt die Tabelle größer: Jetzt können Sie die Felder mit Inhalten (Text, Bilder) füllen. Über die Icons Über die Icons können Sie Zeilen und Spalten einfügen bzw. löschen. können Sie die Eigenschaften von markierten Zeilen oder Zellen festlegen. - Tutorials Seite 16

17 7. So verknüpfen Sie Ihren Beitrag mit einem Menüpunkt Wechseln Sie in die über das gewünschte Menü zu 'Neuer Menüeintrag' Vergeben Sie einen Menütitel für den neuen Menüeintrag und klicken Sie bei Menütyp auf 'Auswählen': - Tutorials Seite 17

18 7. So verknüpfen Sie Ihren Beitrag mit einem Menüpunkt Im Auswahlfenster klicken Sie auf 'Einzelner Beitrag' Das Fenster ändert sich, klicken Sie auf 'Einen Beitrag auswählen': Sie erhalten eine Übersicht über die bestehenden Beiträge, aus denen Sie den gewünschten für den neuen Menüpunkt per Mausklick auswählen: - Tutorials Seite 18

19 7. So verknüpfen Sie Ihren Beitrag mit einem Menüpunkt Klicken Sie abschließend rechts oben im Fenster - auf Speichern, wenn Sie den Menüpunkt (zwischen-)speichern wollen, Sie bleiben im Menüpunkt oder Speichern & Schließen, Sie kommen dann zurück in die Übersicht der Menüpunkte oder Abbrechen, falls Sie den Menüeintrag verwerfen möchten Kontrollieren Sie in jedem Fall, z.b. in einem weiteren Fenster oder Tab Ihres Internet- Browsers, ob der Menüpunkt (an der richtigen Stelle) mit dem richtigen Beitrag erscheint Ggf. müssen Sie in der Übersicht der Menüpunkte oder der Beiträge die Reihenfolge ändern 1. durch Klick auf die Pfeile über der Spalte Reihenfolge 2. durch Schieben des Beitrags mit der Maus an die richtige Position - Tutorials Seite 19

20 Tutorial CMS (Redaktionssystem) Joomla V3.0 Dieses Tutorial wurde erstellt von U. Steinke WebFactory Langenfeld Langenfeld fon Tutorials Seite 20