CMSimple Anleitung für die Redaktion

Transkript

1 CMSimple Anleitung für die Redaktion Sunpage Gilbert Wyrsch PC- und Internet-Schulung

2 CMSimple Anleitung für die Redaktion Seite 2 von 19 Inhalt Inhalt... 2 Einleitung... 3 Anmelden... 4 Login... 4 Logout... 4 Texte... 5 Neue Texte... 5 Texte übernehmen... 6 Texte aus Word sicher übernehmen... 6 Text gestalten... 7 Tipps... 8 Textaufbau... 8 Was suchen Ihre Leser?... 8 Links... 9 Intern... 9 Internen Link setzen... 9 Internen Link entfernen... 9 Extern Externen Link setzen Externen Link entfernen Link entfernen Tipps Bilder Bilder hochladen Tipps Größe Gestaltung Software für Bilder Dateien Tipps Neue Seiten (Menü) Prinzip Beispiel Hintergrundwissen Tipps Menüstruktur anlegen Fehler vermeiden Seiten löschen Anhang Editor geht nicht Quellenverzeichnis PDF-Version... 19

3 CMSimple Anleitung für die Redaktion Seite 3 von 19 Einleitung Was ist ein Content Management System (CMS)? Mit einem Content Management System (CMS) oder Redaktionssystem kann man Webseiten erstellen und aktualisieren. Es besteht eine konsequente Trennung von Inhalt und Layout. Mit einem CMS können Sie die Inhalte (Texte, Bilder, PDF-Dokumente, usw.) mittels Benutzeroberfläche im Browser (z.b. Internet Explorer) eingeben. Warum ein CMS? Aktualität ist neben einem ansprechenden Design der wichtigste Faktor einer erfolgreichen Website. Nichts ist abschreckender als uralte "News"! Sparen Sie Kosten indem Sie Ihre Website selber pflegen. Schnelle Änderungen werden ohne technische- oder HTML-Kenntnisse erledigt. Das Layout bleibt so wie es soll und wird nicht durch Unachtsamkeiten zerstört. Der Inhalt bleibt von der Optik getrennt. So sind Designänderungen möglich, ohne das alle Inhalte neu erstellt werden müssen. CMSimple ist ein sehr einfaches, kostenlos nutzbares und dennoch leistungsfähiges Content Management System. Diese Anleitung richtet sich an eher unerfahrene Benutzer. Sie lernen hier, wie Sie mit CMSIMPLE sich im CMS anmelden, bestehende Texte editieren, o Texte aus ihrer Textverarbeitung in das CMS übernehmen, o neue Texte gestalten, Bilder und Dateien hochladen und einbinden, Dokumente wie Excel - Dateien zum Download bereitstellen, Neue Seiten im Menü erzeugen, und Seiten löschen können.

4 CMSimple Anleitung für die Redaktion Seite 4 von 19 Anmelden Login Nach dem Klick auf Login geben Sie bitte Ihre Anmeldedaten (Benutzername und Paßwort, ggf. nur Paßwort) ein. Logout Haben Sie alle Änderungen an Ihrer Seite durchgeführt? Dann vergessen Sie bitte nach dem Speichern nicht, sich mit Logout (rechts oben) abzumelden.

5 CMSimple Anleitung für die Redaktion Seite 5 von 19 Texte Im CMS vorhandene Texte verändern Sie ähnlich wie Texte in Ihrer Textverarbeitung: Erst markieren und dann formatieren mit Fettschrift, Zentrieren, linksbündig, etc. Halten Sie den Mauszeiger ein Weilchen über die Schaltflächen im Editor, dann erscheinen Erklärungstexte. Änderungen werden dauerhaft nur übernommen, wenn sie sind. gespeichert Neue Texte Gehen Sie am besten so vor: 1. Text mit Absätzen eingeben, dabei noch nicht formatieren. 2. Dann Fettschrift, Zentrierung oder Aufzählungen einsetzen: Textstück markieren Gewünschte Schaltflächen,, etc. betätigen Auch Bilder fügen sie am besten erst am Schluss ein.

6 CMSimple Anleitung für die Redaktion Seite 6 von 19 Texte übernehmen Vorhandene Texte aus Ihrer Textverarbeitung übernehmen Sie am einfachsten über die Zwischenablage. Dabei werden aber z.t. unvorhersehbar Teile der Formatierung des Originals übernommen, die die Gestaltung des CMS stören können. Deswegen hier eine günstigere Vorgehensweise. Starten Sie zuerst einen Editor wie Notepad (Unter Windows: Start / Ausführen, dann Notepad eingeben) Texte aus Word sicher übernehmen 1. Markieren Sie Ihren Text in Word, und kopieren Sie ihn in die Zwischenablage. 2. Wechseln Sie zum Editor Notepad. 3. Fügen Sie den Text erst einmal hier ein. Dabei werden automatisch alle Formatierungen entfernt. 4. Markieren Sie jetzt wieder den ganzen Text, und kopieren ihn in die Zwischenablage. 5. Wechseln Sie in Ihren Browser zu CMSIMPLE. 6. Fügen Sie den Text jetzt abschließend hier ein. Anschließend kann der Text formatiert werden.

7 CMSimple Anleitung für die Redaktion Seite 7 von 19 Text gestalten Die Regeln für Texte im Internet sind: einfach, kurz und gegliedert schreiben. Textauszeichnungen sparsam verwenden, möglichst Fett. Vermeiden Sie Unterstreichungen: Sie können mit Links verwechselt werden. Kursiv führt bei den heutigen Monitoren zu einem pixeligen Schriftbild. Aufzählungen wie diese erhalten Sie, indem Sie auf klicken und Zeile für Zeile schreiben. Eine Leerzeile beendet die Liste Auch nummerierte Listen können Sie 1. mit in 2. analoger 3. Weise 4. erhalten. (Sie können auch bereits bestehenden Text in eine Aufzählung verwandeln: Jeder Absatz wird dann ein Aufzählungspunkt) Zwischenüberschriften erhalten Sie, wenn Sie die Zeile mit formatieren. (H1 bis H3 dienen zur Erzeugung von neuen Seiten, sind also nicht für Überschriften mitten in einer Seite zu gebrauchen).

8 CMSimple Anleitung für die Redaktion Seite 8 von 19 Tipps Textaufbau Texte für das Web müssen anders geschrieben und gestaltet werden als für eine gedruckte Broschüre. Benutzer lesen Webseiten nicht, sie "scannen" sie. Deswegen gilt auch hier die Regel der Journalisten: "Kürzen, kürzen, kürzen!". Sind die Seiten mit allen Bildern schön kurz? (Besucher scrollen nicht gerne) Sind die Texte so gut gegliedert und so kurz, dass sie ein Scanning unterstützen? Sind nur zielführende Hyperlinks enthalten? Sind die Texte klar verständlich? Ist die Sprache der Zielgruppe und dem Inhalt angemessen? Was suchen Ihre Leser? Versuchen Sie, typische Ziele Ihrer Besucher herauszufinden, und gliedern Sie Ihre Seite so, dass die häufigsten Ziele mit möglichst wenig Klicks erreicht werden können.

9 CMSimple Anleitung für die Redaktion Seite 9 von 19 Links Verweise (Links) sind ein wesentlicher Bestandteil des Internets. Sie können auf weitere Seiten in Ihrem eigenen CMS (interne Links) oder auf fremde (externe) Seiten verweisen. Auch Links, die eine - Adresse enthalten, können Sie einfügen. Intern Gerne verweist man im Text auf andere Stellen der eigenen Seite, um den Lesern die Navigation zu erleichtern. Internen Link setzen Sie erhalten einen Link auf eine andere Stelle in Ihrem eigenen CMS, indem Sie 1. Den zu verlinkenden Text mit der Maus markieren, 2. aus der Liste der Seiten die Richtige auswählen, und 3. den Link einfügen. Internen Link entfernen Aus Ihrem Text entfernen Sie einen Link, indem Sie 1. den Linktext mit der Maus markieren und 2. auf "Hyperlink entfernen" klicken

10 CMSimple Anleitung für die Redaktion Seite 10 von 19 Extern Externen Link setzen Sie erhalten einen Link auf eine andere Seite im Internet, indem Sie 1. einen Text mit der Maus markieren 2. auf "Hyperlink anlegen" klicken 3. und in dem erscheinenden Fenster die angeben. Externen Link entfernen Aus Ihrem Text entfernen Sie einen Link, indem Sie 1. einen Linktext mit der Maus markieren und 2. auf "Hyperlink entfernen" klicken. Links mit - Adressen setzen voraus, dass der Benutzer ein installiertes und richtig konfiguriertes Mailprogramm auf seinem Rechner hat. - Link setzen Sie erhalten einen Link mit einer - Adresse, indem Sie 1. einen Text mit der Maus markieren 2. auf "Hyperlink anlegen" klicken 3. und in dem erscheinenden Fenster die Mailadresse angeben. Davor muss mailto: stehen, also mailto:ich@mein.universum.ch angeben. - Link entfernen Aus Ihrem Text entfernen Sie einen Link, indem Sie einen Linktext mit der Maus markieren und auf "Hyperlink entfernen" klicken.

11 CMSimple Anleitung für die Redaktion Seite 11 von 19 Tipps Tippen Sie Links nie ab. Wenn sie die Adresse stattdessen über die Zwischenablage kopieren, vermeiden Sie Fehler. Wenn Sie einen Link aus dem Browser - Adressfeld betrachten, sehen Sie oft eine lange, kryptische Adresse, z.b. Die eigentliche Adresse ist nur der fettgeschriebene Teil, der Sie auf die Hauptseite bringt. (Es sei denn, sie wollen auf eine ganz bestimmte Unterseite verweisen, einen einzelnen Artikel bei tagesanzeiger.ch beispielsweise.) Hier muss man ggf. ein wenig experimentieren, bis zu welchem Verzeichnis (/) man von hinten beginnend die URL kürzen kann. Probieren Sie den gesetzten Link nach dem Speichern und dem Umschalten in den Ansichtsmodus unbedingt aus, um Fehler zu vermeiden. - Links ziehen Spam an: Automatische Programme grasen Webseiten ab und sammeln die dort angegebene - Adressen ein. Deswegen mögen viele Menschen nicht, daß ihre Mailadressen offen angegeben sind. Abhilfe: o s in Form einer Grafikdatei anzeigen o s nicht mit einem mailto: verlinken, sondern in einer nicht für Maschinen lesbaren Form angeben, z.b. ich {kringel} meinuniversum {punkt} ch

12 CMSimple Anleitung für die Redaktion Seite 12 von 19 Bilder Die Bilder auf Ihrer Festplatte müssen zuerst in eine Größe gebracht werden, die in Ihr CMS - Layout passt, z.b. auf eine maximale Breite von 400 Pixeln. Bilder hochladen Klicken Sie auf Bilder, und wählen Sie nach einem Klick auf Durchsuchen ein Bild auf Ihrer Festplatte aus. Mit Hochladen wird das Bild in das CMS übertragen. Anschließend können Sie das Bild (1.) auswählen und dann an der Stelle, an der der Cursor steht, (2.) einfügen: Tipps Größe Viele Benutzer haben noch langsame Internet - Zugänge. Deshalb: Halten Sie Ihre Bilder eher klein ( Pixel breit). Überprüfen Sie vor dem Hochladen die Dateigröße, mehr als 60kB pro Bild sollten nicht sein. Alle Bilder auf einer Seite sollten kB nicht überschreiten. Lagern Sie größerer Zahlen von Bildern auf Unterseiten aus. Gestaltung Entscheiden Sie sich für eine oder zwei Größen, für einen Stil (Polaroid - Schnellschüsse, oder edle Anmutung). Achten Sie auf die Wirkung der Bilder untereinander: Widersprechen sich Aussagen? Passen die Bilder wirklich zum Text?

13 CMSimple Anleitung für die Redaktion Seite 13 von 19 Software für Bilder Digitalkameras liefern für Webseiten zu große Bilder. Profis bearbeiten ihre Fotos z.b. mit Fotoshop. Ein gutes und kostenloses Programm ist irfanview ( Nach der Installation stellen Sie es mit "Options / Change Language" auf Deutsch um, wenn Sie möchten. Dateien Wenn Sie Ihren Lesern ein z.b. PDF-Dokument oder eine EXCEL - Tabelle zum herunterladen bereitstellen möchten, gehen Sie so vor: 1. Nach dem Klick auf Downloads können Sie 2. mit Durchsuchen auf Ihrem Rechner die Datei auswählen, und sie 3. mit Hochladen in das CMS übertragen. 4. Tippen Sie jetzt den gewünschten Linktext (z.b. "Hier Rechnung.xls herunterladen") 5. Markieren Sie den Linktext 6. Und wählen Sie schließlich die Datei aus der Liste aus (1) und fügen den Link ein (2) Dateien in besonderen Formaten bereitzustellen, hat ggf. auch manche Nachteile, hierzu einige Tipps

14 CMSimple Anleitung für die Redaktion Seite 14 von 19 Tipps Normale HTML - Seiten können mit jedem Rechner, gleich welchen Typs, aufgerufen werden. Wenn Sie Dateien zum Download anbieten, verlieren Sie diesen Vorteil. Bieten Sie möglichst alle Ihre Inhalte auf normalen Webseiten an. Verwenden Sie, wenn es denn gar nicht anders geht, wenigstens nur Dateiformate, die von möglichst vielen Lesern auch geöffnet werden können. Gut geeignet: o PDF, das Leseprogramm dazu ist gratis. o RTF. Alle gängigen Textverarbeitungen können RTF schreiben und lesen, sehen Sie bei "Speichern unter.." nach. Kennzeichnen Sie in Ihrem Text das Dateiformat, ggf. sogar die Programmversion. Geben Sie in Ihrem Text an, wie gross die Dateien sind, damit der Leser entscheiden kann, ob er so lange warten will. Neue Seiten (Menü) Neue Seiten erzeugen Sie, indem in einer bestehenden Seite eine einzelne Zeile mit einem der drei Formate, oder formatieren, und dann speichern. ( ist für die Überschriften innerhalb einer Seite, bewirkt also keinen Menüeintrag) Wichtig: markieren Sie in ihrem Text wirklich nur genau eine Zeile, bevor sie diese in einen Menüpunkt wandeln, andernfalls kann es zu Störungen im CMS kommen.

15 CMSimple Anleitung für die Redaktion Seite 15 von 19 Prinzip Ein Menü wie dieses: Willkommen Neues Nachrichten Termine Bilder 2003 Zürich Bern 2004 Wurde also so formatiert (H1) Willkommen (H1) Neues (H2) Nachrichten (H2) Termine (H1) Bilder (H2) 2003 (H3) Zürich (H3) Bern (H2) 2004 Beispiel Eine kleine Übung: Jetzt fügen wir zwischen Willkommen und Neues einen weiteren Menüpunkt Kontakt ein. 1. Im Editor ganz ans Ende der Seite Willkommen gehen 2. In eine neue Zeile das Wort Kontakt schreiben, mit der Maus markieren und mit 3. Speichern formatieren. Im Menü taucht die Seite Kontakt bereits auf, und kann aufgerufen und mit Inhalt gefüllt werden.

16 CMSimple Anleitung für die Redaktion Seite 16 von 19 Noch eine Übung? Über Nachrichten einen weiteren Untermenüpunkt Hinweise einfügen: 1. Im Editor ganz ans Ende der Seite Neues gehen 2. In eine neue Zeile das Wort Hinweise schreiben, mit der Maus markieren und mit 3. Mit Speichern formatieren. Hintergrundwissen Der gesamte Inhalt Ihres CMS ist in einer Datei gespeichert, die durch die Formatierungen H1 - H3 in Menü- und Untermenüpunkte gegliedert wird. Das CMS zeigt dann diese Abschnitte als einzelne Seiten an. Dies hilft vielleicht, die richtige Stelle zu finden, an der eine neue Seite eingefügt werden muss: Neue Seiten nach einer bestehenden Seite fügen Sie am Ende der bestehenden Seite ein, Neue Seiten vor einer bestehenden Seite fügen Sie am Ende der vorhergehenden Seite ein.

17 CMSimple Anleitung für die Redaktion Seite 17 von 19 Tipps Menüstruktur anlegen Überlegen Sie sich als erstes, wie Ihr Menü aussehen soll, und schreiben Sie auf der noch leeren Startseite einfach die Menüpunkte untereinander: Willkommen Neues Nachrichten Termine Bilder 2003 Zürich Bern 2004 Jetzt markieren die einzelnen Einträge nacheinander und wählen für jeden einzelnen die Menü-Ebene mit H1.. H3. (H1) Willkommen (H1) Neues (H2) Nachrichten (H2) Termine (H1) Bilder (H2) 2003 (H3) Zürich (H3) Bern (H2) 2004 Dann speichern Sie. Fertig! Fehler vermeiden Achten Sie darauf, dass Zeilen, die in eine Menü-Überschrift umgewandelt werden sollen, keine Formatierung wie z.b. Fett besitzen, oder sich über zwei Zeilen erstrecken - Sie erhalten sonst unter Umständen einen Fehler der Form "Fehlende Überschrift".

18 CMSimple Anleitung für die Redaktion Seite 18 von 19 Seiten löschen 1. Seite im Menü anwählen. 2. Alle Inhalte entfernen (alles markieren und löschen). 3. In die - Ansicht wechseln, 4. und ggf. verbliebenen Code entfernen (alles markieren und löschen). 5. In die - Ansicht wechseln. 6. Speichern. Unter manchen Browsern hat es sich als günstiger gezeigt, 1. den gesamten verbliebenen Text zu markieren, 2. und dann auf das Absatzsymbol (rechts neben H4) zu klicken. 3. Speichern.

19 CMSimple Anleitung für die Redaktion Seite 19 von 19 Anhang Editor geht nicht Der verwendete Browser muss kompatibel sein. Der Online - Editor funktioniert hervorragend mit Firefox ab Version 1.0.4, mit IE ab Version 5.5 sowie Mozilla ab Version 1.3 (also auch der aktuellen Netscape-Version). Der Editor funktioniert nicht mit IE Version 5 und kleiner sowie Opera oder Safari. JavaScript muss aktiviert sein. Der empfehlenswerteste Browser ist Firefox! Quellenverzeichnis Diese kostenlose Anleitung wurde von Helmut Fligge Gräfestraße Kassel geschrieben. Sie ist unter als HTML-Version erreichbar. PDF-Version Die vorliegende PDF-Version wurde erstellt von: SunPage Gilbert Wyrsch Wässerwiesenstr. 67h CH-8408 Winterthur