Redaktion SKC-Website

Transkript

1 Redaktion SKC-Website Rufe über die Adresszeile Deines Browser die Internetadresse auf und logge Dich mit Deinem Benutzernamen und Passwort ins s. g. Backend ein. Das ist der Administrationsbereich zur Bearbeitung der Seiteninhalte der Website. 1. Bitte ändere unter Persönliche Daten Dein Passwort.

2 2. Werfe einen Blick in die Dateiverwaltung. Dort sind alle Bilder und PDF-Dateien gespeichert. Sie sind auf verschiedene Ordner verteilt, um die Übersicht zu gewährleisten. Klicke jeweils auf das + Zeichen, um zu den Einzeldateien zu gelangen. a. b. Im Ordner pic-bin sind Bilddateien, die das Layout betreffen. Bitte nichts verändern! PDF sind alle PDF-Dokumente zu finden, Inhalte sind alle Einzelbilder und Grafiken, die auf den einzelnen Seiten eingesetzt werden (mit Ausnahme der Fotogalerien), Header sind die großen Bilder abgespeichert, die oben rechts erscheinen. Du findest eine Fülle von Bilder zur Auswahl. Möchtest Du ein weiteres Foto als Header-Bild abgespeichert haben, sende das Originalfoto bitte an jepsen@acento.de.

3 Eine Besonderheit ist der Ordner Fotogalerien Als Fotogalerie werden die Bildserien bezeichnet, die sich auf Mausklick vergrößern. Hierbei handelt es sich um ein besonderes Modul und deshalb ist im Ordner Fotogalerien (s.o.) eine thematische Unterteilung erforderlich, um später die exakte Bildserie auswählen zu können. Bitte diesen Ordner nur für diesen Zweck verwenden. Wenn Du eine neue Bildserie anlegen möchtest, wähle den Menüpunkt Neuer Ordner (oben), wähle das dann blinkende Koffersymbol des Ordners Fotogalerien und vergebe anschließend einen Ordnernamen wie beispielsweise Galerie Schnupperkurs Über den oberen Menüpunkt Datei-Upload kannst Du Deine Fotos dann in den neuen Ordner hochladen. Bitte lies dazu die Hinweise zu den Dateinamen (letzte Seite). Zeichenerklärung Am rechten Rand erscheinen verschiedene Symbole: Der Bleistift = bearbeiten Das Pluszeichen = Duplizieren/kopieren (um es an einem anderen Ort wieder einzufügen) Der Pfeil = Verschieben (in einen anderen Ordner) Das Kreuz = Löschen

4 3. Inhalte bearbeiten Die eigentlichen Unterseiten nennen sich Artikel. Klicke oben links und Du siehst eine Liste mit allen Seiten, die für den SKC angelegt sind. Als Redakteur kannst Du nur die Seiten bearbeiten, die der Administrator freigeschaltet hat. Es zeigt sich an den farbigen aktiven Symbolen rechts von den Artikel/Seitenbezeichnungen. Hier das Beispiel für den Rennsportwart. Er kann Aktuell, Termine, Wissen und Rennsport bearbeiten: Zeichenerklärung Am rechten Rand erscheinen verschiedene Symbole: Der Bleistift = bearbeiten Das Pluszeichen = Duplizieren/kopieren (um es an einem anderen Ort wieder einzufügen) Der Pfeil = Verschieben (in einen anderen Ordner) Das Kreuz = Löschen Das Auge = Für die Öffentlichkeit (im Netz) sichtbar machen oder nicht Der Koffer = Wenn man etwas in die Zwischenablage kopiert, klickt man auf den Koffer, um die Inhalt in diesen Ordner zu platzieren.

5 Inhalte bearbeiten Klicke auf den Bleistift und Du gelangst zur Artikelübersicht. Jeder Artikel (=einzelne Internetseite) besteht aus Elementen. Willst Du ein Neues Element hinzufügen, wählst Du entweder Bildelement, Textelement, Formularelement oder Galerieelement. Die Abbildung zeigt die Beispielseite Renn- und Marathonsport. Die ersten Zeilen der Elemente werden zum schnellen Lokalisieren immer angezeigt. Das Bildelement zeigt die Headergrafik, das Textelement den darunter angeordneten textlichen Inhalt der Seite. Auch hier die bekannten Icon-Symbole für die Bearbeitung. Klicke auf den Bleistift des Textelementes.

6 Nun kannst Du den Inhalt Deiner Internetseite im Editor verändern. In das Bedienfeld des Editors kannst Du hineinklicken und schreiben. Du kannst über die darüber liegenden Icons den Text formatieren. Alle Icons haben einen erklärenden Text, wenn Du mit der Maus darüberfährst. In einer zentralen Datei sind Schriftart, Größen und Farben definiert. Deshalb wähle bitte für den Normaltext Absatz oder Überschrift 1,.2. oder 3. Ordnung. Jede manuelle Formatierung wirkt sich oft negativ auf die Barrierefreiheit aus und immer auf das einheitliche Layout der Website insgesamt. Das Corporate Design bitte unbedingt einhalten!

7 Rechts oben ist im Textteil eine Grafik eingebaut: Zwei Möwen. Wenn Du dieses Bild durch ein anderes ersetzen möchtest, wähle Auswahl ändern. Es erscheinen die anfangs vorgestellten Ordner mit den Bilddateien. Dort markierst Du Dein gewünschtes Bild, definierst im unteren Teil der Seite die gewünschte Größe, Anordnung, Alternativtext (Dieser Text erscheint, wenn die Maus über das Bild fährt. Sehr wichtig für die Barrierefreiheit!) und klickst auf Speichern und Schließen.

8 Grundsätzliches Dateinamen dürfen niemals Umlaute, deutsche Sonderzeichen oder Leerzeichen enthalten, sollten kurz und trotzdem selbstredend sein: Schlecht: Pfingsttour des Vereins 2014 zum Plöner See.jpg Gut: pfingsten_2014_ploen.jpg Fotogalerien Um die Fotos in einer bestimmten Reihenfolge anzuzeigen, müssen die Dateinamen nummeriert werden. Um in der Anzeige den Anschein eines fortlaufenden Textes zu erhalten, schreibt man außerdem statt des untersagten Leerzeichens einen Unterstrich: 1_Doris_paddelt_schnell.jpg 2_Wolkenbrueche_im_Selker_Noor.jpg 3_... 4_... Fotos und Texte Absolut alles unterliegt dem Urheberrecht. Nicht selbst erstellte Texte und Bilder dürfen ohne Ausnahme nur mit Zustimmung des Urhebers verwendet werden. Außerdem sollte ein Copyright- Hinweis erfolgen. Kleinerer Text ist ausreichend. Alternativ kann im Impressum ein allgemeiner Hinweis aufgebaut werden. Fotoqualität Für das Internet ist eine sehr niedrige Bildqualität ausreichend. Vielfach komprimiert man sogar, um die Dateigröße zu verringern denn das verspricht schnelle Ladezeiten. 72 dpi (Punktdichte) sind ausreichend. Die Maßeinheit zum Abspeichern, Verkleinern oder Vergrößern: Pixel. Zur Einschätzung: die Gesamtbreite des Inhaltsteils (Navigation + Textteil) beträgt 1000 px Benutzer-Handbuch Administrator Handbuch für Redakteure Nina Gerling ISBN Diese Kurzanleitung liegt auch im PDF-Ordner der Dateiverwaltung