Leitfaden für das selbständige Arbeiten mit snews (laiengerechte Version)

Transkript

1 Leitfaden für das selbständige Arbeiten mit snews (laiengerechte Version) 1. Was ist snews? snews ist ein Content-Management-System (CMS, zu deutsch: Inhaltsverwaltungssystem), das Ihnen dazu dienen soll, Ihre Website unkompliziert und unabhängig von der Hilfe anderer zu verändern und zu warten. Dieser Leitfaden erklärt kurz die einfachsten für die selbständige Bedienung benötigten Grundlagen und Arbeitsschritte; er beinhaltet folgende Punkte (der Aufbau orientiert sich grob an der gängigen Abfolge der Arbeitsprozesse): 1. Was ist snews? 1 2. Das Anmelden 1 3. Das Hinzufügen und Gestalten von Artikeln bzw. Ankündigungen 2 4. Das Einfügen/Bearbeiten von Bildern bzw. Links 6 5. Speichern 7 6. Einstellungen 7 7. Dateien 8 8. Hinweise zur Seitengestaltung (Plattform Gesundes Arbeiten) 9 9. Fragen? 9 Die im Content-Management-System selbst verwendeten Begriffe sind im Folgenden kursiv gedruckt. 2. Das Anmelden Durch die Anmeldung mit Benutzername und Passwort (und die Lösung einer einfachen Rechenaufgabe 1 ) erhält man Zutritt zum Administrationsbereich, d. h. zu dem Bereich, in dem Änderungen auf der Website vorgenommen werden können. Abbildung 1: Der Anmeldelink am Seitenende Ihr Benutzername: Ihr Passwort: gesund hbnro 1 Diese dient zur Vermeidung von Spam. Seite 1 von 9

2 3. Das Hinzufügen und Gestalten von Artikeln bzw. Ankündigungen Im Administrationsbereich bieten sich dem Benutzer mehrere Optionen, von denen für uns vor allem zwei wichtig sind: das Hinzufügen und das Ansehen von Artikeln (die folgenden Ausführungen gelten analog für Ankündigungen). Unter Neue Hinzufügen kann man, wie der Name schon sagt, einzelne neue Artikel hinzufügen hier findet sich ein mit Neuer Artikel bezeichnetes Formular, in das der gewünschte Titel des Artikels und der suchmaschinenfreundliche Titel 2 eingegeben werden können; darunter befindet sich ein Text-Feld in das die konkreten Inhalte, die sich auf der Seite befinden sollen, eingefügt werden. Wie die Inhalte in das Text-Feld eingefügt werden, darauf kommen wir weiter unten zurück. Grundsätzlich wichtig ist, dass man zur Speicherung einer vorgenommenen Hinzufügung den Abschicken-Button betätigen muss, der diese auf die Website überträgt. Abbildung 2: Der Administrationsbereich Abbildung 3: Einen neuen Artikel hinzufügen Unter Ansehen hat man einerseits die Möglichkeit sich die bereits existierenden Artikel anzusehen bzw. diese zu verändern (nach dem Klick auf den Ansehen-Button erscheinen alle angelegten Artikel in einer Liste und man kann hier wählen, wie man weiter vorgehen möchte: Ansehen oder Ändern). 2 wird als Link verwendet achten Sie darauf, Umlaute und Sonderzeichen zu korrigieren, damit der Link korrekt funktioniert: ue statt ü, ss statt ß usw. Seite 2 von 9

3 Abbildung 4: Bestehende Artikel ansehen Wählt man Ändern so erscheint das oben erwähnte Formular allerdings nun mit Ändern Artikel bezeichnet und enthält bereits den Titel, den suchmaschinenfreundlichen Titel und im Normalfall den Text (sofern bereits Inhalte erstellt wurden). Ein anderer, direkterer Weg, um eine Seite zu ändern, ist der Ändern-Link, der nach erfolgter Anmeldung in der linken unteren Ecke jedes Artikels erscheint. Abbildung 5: Ändern Der für den Artikel vorgesehene Text kann ins Text-Feld kopiert oder direkt ins Feld geschrieben werden: Wird ein bereits formatierter bzw. strukturierter Text ins Feld kopiert, so bleibt dessen Form im Allgemeinen 3 erhalten, wird der Text direkt im Feld eingegeben, kann er mithilfe der verschiedenen in der oberen Leiste enthaltenen Symbole der Text (ähnlich wie in einem Word-Dokument) strukturiert bzw. formatiert werden 4. Zu den üblichen (dem Word-Benutzer bekannten) Symbolen bzw. Formatvorlagen (vgl. das linke Klappfenster), kommen für die Erstellung von Websites grundlegende, spezifische Funktionen hinzu. Hinweis: Wenn Sie formatierte Texte aus Word per Zwischenablage einfügen, werden damit auch versteckte Formatierungen übernommen, die sich unter Umständen auf das Layout auswirken und nur schwer entfernt werden können. Kopieren Sie stattdessen die Texte zuerst in einen Texteditor wie z. B. Notepad (in Windows unter Zubehör zu finden), der alle Formatierungen entfernt, und anschließend in das Text-Feld. 3 Soweit die ursprünglichen Strukturierungen bzw. Formatierungen im Rahmen der Reproduktionsmöglichkeiten des CMS liegen (vgl. Symbolleiste); beispielsweise wird die Schriftart nicht übernommen, da diese über CSS generiert wird. 4 Fährt man mit der Maus über die einzelnen Symbole wird ihre jeweilige Funktion angezeigt. Seite 3 von 9

4 Symbole zur Formatierung Mit dieser Schaltfläche können Textteilen Strukturelemente wie Überschriften (der ersten, zweiten, dritten Ordnung) und Absätze zugeordnet werden (vergleichbar mit den Formatvorlagen Überschrift 1/2/3 und Standard in Word). Dadurch erhält der Text ein einheitliches Erscheinungsbild das übrigens auch hinsichtlich Barrierefreiheit sehr wichtig ist. Jeder Text und jedes Bild muss sich innerhalb eines Absatzes oder einer Überschrift befinden, um korrekt dargestellt zu werden. (Mit jeder Zeilenschaltung wird automatisch ein neuer Absatz eingefügt). In diesem Kombinationsfeld finden sich Formatvorlagen, die auf beliebige Elemente angewandt werden können, um ihnen ein einheitliches Aussehen zu verleihen (z. B: einen Rahmen, Hintergrundfarbe, Schriftgröße). CSS ist eine Sprache zur Formatierung von HTML-Elementen. Link einfügen/bearbeiten: Wandelt den markierten Text in einen Hyperlink um bzw. entfernt diesen. Details siehe unter Das Einfügen/Bearbeiten von Bildern bzw. Links. Bild einfügen/bearbeiten: Fügt ein auf dem Webserver abgelegtes Bild ein. Details siehe unter Das Einfügen/Bearbeiten von Bildern bzw. Links. Horizontale Linie einfügen: Fügt einen Trennstrich zwischen Absätzen ein (über die gesamte Breite einer Seite). Suchen bzw. Suchen/Ersetzen zum schnellen Auffinden bzw. Austauschen von Textteilen. Sonderzeichen einfügen: Zum Einfügen von Zeichen, die in HTML codiert werden müssen, um richtig dargestellt zu werden (gilt z. B. für Zeichen wie, oder é). HTML-Quelltext bearbeiten: Zeigt den HTML-Code an, um Änderungen direkt dort vornehmen zu können. Seite 4 von 9

5 Kategorien Weisen Sie jeden Artikel einer Kategorie zu: so wird er in der Sitemap richtig zugeordnet und in der Navigation die entsprechende Kategorie markiert. Abbildung 6: Zuweisen einer Kategorie Ablaufdatum für Ankündigungen Sie können einer Ankündigung ein Ablaufdatum zuweisen, um festzulegen, wie lange die Ankündigung angezeigt werden soll (Ankündigungen erscheinen immer in der rechten Spalte auf der Startseite). Gibt es keine aktuelle Ankündigung, wird der Bereich Aktuelles auf der Startseite vollständig ausgeblendet. Abbildung 7: Ein Ablaufdatum zuweisen Seite 5 von 9

6 4. Das Einfügen/Bearbeiten von Bildern bzw. Links Betätigt man den Button Bild einfügen/bearbeiten so öffnet sich ein eigenes Fenster, in dem verschiedene Felder zur Bestimmung des Bildes auszufüllen sind: Erstens die Bild-URL, eine Art Quellenangabe bzw. Adresse des einzufügenden Elements; schematisch lässt sich die URL für Bilder so darstellen: bilder/[titel des einzufügenden Bildes] z. B. bilder/gesundheit.jpg Abbildung 8: Bild einfügen Zweitens die Bild-Beschreibung, d. h. eine kurze Beschreibung des Bildes in Worten, die erscheint, falls das Bild im Browser nicht angezeigt werden kann. Es sollte sich um eine aussagekräftige Bezeichnung handeln, die das Bild gleichwertig ersetzt (Hinweis: diese Alternativbezeichnung ist auch für Suchmaschinen und sehbehinderte Benutzer von Bedeutung). Die weiteren Felder sind optional: Ausrichtung (legt die Ausrichtung der Bildbeschriftung fest, so vorhanden), Größe (Höhe und Breite des Bilds in Pixel), Rahmen (Dicke des Rahmens in Pixel), Vertikaler Raum/Horizontaler Raum (Ausrichtung des Bildes selbst). Um einen Link zu erstellen, muss der betreffende Text bzw. Bereich (der auch Bilder beinhalten kann) markiert und der Button Link einfügen/bearbeiten angeklickt werden: auch hier öffnet sich ein eigenes Fenster mit verschiedenen Feldern zur Bestimmung des Links: Erstens die Link-URL: Was die schematische Darstellung von Link-URLs betrifft, so muss zwischen internen und externen Links unterschieden werden: das Schema für interne Links (d. h. Links, die auf andere Seiten innerhalb derselben Website verweisen) gestaltet sich folgendermaßen: [Kategorie]/[Bezeichnung der Seite bzw. suchmaschinenfreundlicher Titel] z. B. taetigkeiten/industrie-und-gewerbe das Schema für externe Links (d. h. Links, die auf andere Websites im WWW verweisen) gestaltet sich so: z. B. Weiters die folgenden Felder, die wiederum optional sind: Ziel (wenn der Link sich in einem neuen Fenster öffnen soll), Titel (ein zusätzlicher Hinweistext, der erscheint, wenn der Benutzer den Link mit der Maus überfährt ) und CSS-Klasse (eine Formatvorlage, um dem Link ein bestimmtes Aussehen zu verleihen). Hinweis: Wird ein Link aus einem anderen Programm kopiert bzw. mit oder www beginnend eingegeben, erkennt der Editor den Link in der Regel automatisch. Seite 6 von 9

7 5. Speichern Wie weiter oben schon erwähnt, dient zur Speicherung von Inhalten der Abschicken-Button; nimmt man Änderungen in bereits bestehenden Seiten vor, so muss hierzu der Ändern-Button betätigt werden (dadurch erfolgt die Übertragung auf die Website). 6. Einstellungen Abbildung 9: Änderung des Passworts Unter Einstellungen können Benutzername und Passwort geändert werden. Sollte das Passwort einmal vergessen werden, genügt ein kurzes Mail an wir schicken Ihnen ein neues zu. Seite 7 von 9

8 7. Dateien Abbildung 10: Neue Dateien hochladen Um neue Dateien auf den Webserver zu überspielen, dient das Hochladen-Formular. 1. Wählen Sie das gewünschte Verzeichnis am Server (z. B. bilder) 2. Klicken Sie auf Durchsuchen, um eine Datei zum Hochladen auf Ihrer Festplatte auszuwählen. 3. Betätigen Sie den Button Hochladen, um die Datei auf den Webserver zu übertragen. Hinweise: Um ein Bild auf Ihrer Website verwenden zu können, muss es auf den Server überspielt werden. Für Bilder und Downloads sind nur die Formate.jpg,.gif,.png,.pdf,.doc und.xls erlaubt. Beachten Sie die Dateigröße: ein durchschnittliches Bild sollte ca. 20 KB groß sein. Zur Verwaltung der Dateien auf dem Server, dient das Dateien-Ansehen-Formular. Abbildung 11: Dateien verwalten Wählen Sie das gewünschte Verzeichnis und klicken Sie auf Ansehen. Hier können alle im Verzeichnis vorhandenen Dateien angesehen bzw. gelöscht werden. Hinweis: die Namen der Dateien dürfen keine Sonderzeichen beinhalten (also auch keine Umlaute oder Leerzeichen). Seite 8 von 9

9 8. Hinweise zur Seitengestaltung (Plattform Gesundes Arbeiten) Beachten Sie folgende Richtlinien, um die Seiten benutzerfreundlich zu gestalten: 1. Geben Sie jeder Seite einen aussagekräftigen Titel; dieser sollte auch ohne den Inhalt und den jeweiligen Kontext eine Vorstellung davon vermitteln, ob die Seite für den Benutzer nützlich ist (wichtig z. B. für die Sitemap). 2. Versetzen Sie sich in die Lage des Besuchers: Artikel sollten in den Kategorien zu finden sein, in denen sie der Benutzer erwarten würde (die Suche sollte stets das letzte Mittel sein). 3. Teilen Sie Informationen in leicht verständliche Einheiten auf. Sortieren Sie nach Wichtigkeit und Anwendungsgebiet. 4. Jeder Download-Link muss einen kurzen, für Laien verständlichen Einführungstext aufweisen. 5. Download-Links müssen aussagekräftig benannt werden: der Benutzer muss vor dem Klick wissen, ob die Information für ihn relevant ist. 6. Notieren Sie bei jedem Download-Link die Dateigröße. 7. Vermeiden Sie Fachbegriffe und Abkürzungen. Wählen Sie stets die einfachste, verständlichste Sprache. 8. Beschränken Sie die Informationen auf die wesentlichen: versuchen Sie nicht, alles unterzubringen. 9. Fragen? Bei Fragen und Schwierigkeiten können Sie sich gern unter an uns wenden. Haben Sie aber bitte Verständnis dafür, dass wir Ihnen keinen Komplett-Support bieten können, und die Beantwortung Ihrer Fragen ein paar Tage dauern kann. Seite 9 von 9