Handreichung fu r Autoren

Transkript

1 Handreichung fu r Autoren Inhalt: 1. Wie und wo melde ich mich an? 2. Wo ändere ich mein Passwort? 3. Struktur des sogenannten Backend-Bereichs 4. Neue Datei (Inhaltselement) anlegen. a. Der Karteireiter Allgemein b. Der Karteireiter Text c. Der Karteireiter Media d. Mehrere Bilder einfügen, platzieren, Größe ändern, Texte hinzufügen 5. Tabelle erstellen und formatieren I.Pezold (Fachleiter Naturwissenschaften) Seite 1 von 14

2 1. Anmeldung Um als Autor tätig werden zu können muss man sich im Backend anmelden. Das ist der Bereich der hinter der Homepage steckt. Die eigentliche Homepage wird auch als Frontend bezeichnet. Öffnen Sie Ihren Internet-Browser (Internet-Explorer oder Firefox o.ä.) und geben Sie in die Befehlszeile: ein. Das nun geöffnete Fenster sollte so aussehen. Username und Password haben Sie von der Schule erhalten. Logischerweise kann man seine Seite von überall auf der Welt bearbeiten. Wichtig nur - man hat Internetzugang! Das Passwort können Sie auch ändern! Nachdem das Login abgeschlossen ist öffnet sich ein neues Fenster. Ich habe hier den Nutzer Mustermann angelegt, welcher Zugriff auf die Seite 500Jahre hat. Dieser sieht nun folgenden Bildschirm: In diesem Bereich werden alle Seiten angezeigt, welche Sie laut Ihren Berechtigungen bearbeiten dürfen. Ein Klick auf die Seite zeigt den rechten Teil des Bildes. I.Pezold (Fachleiter Naturwissenschaften) Seite 2 von 14

3 2. Wie a ndere ich mein Passwort? Dies geht ganz einfach. Dazu schauen wir uns den linken Bereich des Backends etwas genauer an: Sie müssen im Bereich User- Tools den Unterpunkt Einstellungen aufrufen Nachdem Sie den Bereich Einstellungen angeklickt haben müsste das Fenster so aussehen: Bitte füllen Sie die Felder Ihr Name und Ihre adresse aus (falls nicht schon geschehen). Die Rubrik Neues Passwort ist nun fakultativ. Die anderen Karteireiter Beim Start und Bearbeiten & Erweiterte Funktionen können Sie ignorieren. Haben Sie etwas eingetragen? Dann müssen Sie nur noch Konfiguration sichern anklicken. Damit ist alles gespeichert! I.Pezold (Fachleiter Naturwissenschaften) Seite 3 von 14

4 3. Struktur des sogenannten Backend- Bereichs Der Backend Bereich ist also der Bereich in dem Sie arbeiten können und Ihre Seiten mit Inhalten füllen können. Dabei werden alle Änderungen (nach dem Speichern) sofort auf der Homepage sichtbar. Tipp: Öffnen Sie in Ihrem Browser ein zweites Fenster mit dem Frontend der Homepage (sprich die ganz normale Seite: So können Sie nach dem Speichern Ihre Änderungen begutachten. Achtung! Sie müssen dabei die Homepage immer aktualisieren neu laden (sonst wird die Änderung nicht sichtbar!). Der wichtigste Bereich des Backends ist - für Sie als Autor - dieser hier: Die 4 Spalten Links, Normal, Rechts und Rand können alle mit Dateien gefüllt werden. Je nachdem wo Sie die Datei erstellen, erscheint sie auf der Homepage (Frontend) an einer anderen Stelle. Sicherlich wird die Spalte Normal die meist genutzte sein! Zur Veranschaulichung habe ich einmal auf einer Testseite verschiedene Dateien im Backend erzeugt. Wo diese dann auf der Homepage erscheinen sehen Sie im nächsten Screenshot. Die roten Pfeile markieren die Orte. Wichtig! Sie können am linken Rand der Homepage (dort wo die Navigationsleisten sind) nichts ändern! I.Pezold (Fachleiter Naturwissenschaften) Seite 4 von 14

5 4. Neue Datei (Inhaltselement) anlegen Jetzt kann es losgehen. Sie wollen beispielsweise im Bereich Normal eine erste Datei einfügen. Klicken Sie dazu links im Backend auf den Punkt Seite. (Es muss wieder der Bereich mit den 4 Spalten Links, Normal, Rechts und Rand angezeigt werden sollte dieser Bereich noch nicht zu sehen sein bitte auf die Seite klicken, die bearbeitet werden soll.) Sie können Texte die schon als Datei vorliegen einfach kopieren und einfügen. Aber eine fertig formatierte Word-Datei einfach rüber kopieren ist unmöglich. Deshalb empfehle ich alles Schritt für Schritt zu erledigen. Das schont die Nerven! Diese kleinen Symbole sind jetzt wichtig. Einfach mal den Mauszeiger über die Symbole schieben schon erscheint eine Meldung, über die Bedeutung des Symbols. Wir brauchen das zweite von Links! Nach dem Anklicken öffnet sich ein Fenster. Dort muss das neue Inhaltselement ausgewählt werden. Ich vermute und empfehle, dass Ihre Wahl sich auf die ersten drei Auswahlmöglichkeiten beschränken wird/soll. Dabei ist die zweite Wahlmöglichkeit (Text mit Bild) die Beste. Denn auch wenn Sie kein Bild einfügen wollen haben Sie keinen Nachteil und ein Bild kann jederzeit noch nachträglich eingefügt werden. I.Pezold (Fachleiter Naturwissenschaften) Seite 5 von 14

6 Bitte wählen Sie Text mit Bild und dann geht es weiter. 4a - Der Kartereiter Allgemein OK. Dann dürfte sich folgendes Bild zeigen: Dort wo die roten Pfeile sind kann man Eintragungen vornehmen. Ich empfehle immer bei einem Inhaltselement im Bereich Normal bei Rahmen nichts auszuwählen (also das Feld leer zu lassen müsste voreingestellt sein)! I.Pezold (Fachleiter Naturwissenschaften) Seite 6 von 14

7 4b - Der Kartereiter Text Wählen Sie nun mit der Maus den Karteireiter Text aus. Der Texteditor funktioniert eigentlich ganz gut. Aber! Einiges geht nicht. Da unsere Homepage einem definierten Layout folgt, kann nicht jede beliebige Schriftart, Form oder Farbe angezeigt werden. Jede Seite hat ja ein einheitliches Design. Trotzdem kann man natürlich fett hervorheben und die Größe von Schriften ändern usw. Bitte einfach probieren. Wer seinen Text per Hand einträgt sollte schnell zu akzeptablen Ergebnissen kommen. Was mache ich aber, wenn ich einen Text schon als Datei vorliegen habe? o Den können Sie einfach kopieren (Strg+C), danach den Mauszeiger in das Textfeld des Editors setzen und Strg+V drücken (bedeutet einfügen). Eine evtl. auftauchende Frage bejahen! o Achtung - nun ist meistens noch etwas Handarbeit nötig. o Jetzt erstmal speichern. o Der Text wird höchstwahrscheinlich etwas verschoben aussehen. Keine Angst einfach mit der Maus und der Tastatur die Leerzeichen entfernen und die Zeilen an die richtige Stelle schieben. Nochmals speichern. o Sollte das nicht weiterhelfen, hilft auch folgende Methode: Text komplett markieren, Remove formating (siehe Button links) wählen, alle Formatierungen entfernen, speichern. Jetzt müsste der Text total unformatiert, hintereinander angezeigt werden. Nun wieder Absätze etc. einfügen und speichern. I.Pezold (Fachleiter Naturwissenschaften) Seite 7 von 14

8 4c - Der Kartereiter Media Zu dem gerade erstellten Text Bilder hinzuzufügen geht über den Karteireiter Media. Ja, man kann die Bilder auch über den Editor einfügen. Ich empfehle dennoch folgende Schritte einzuhalten. Es ist zwar etwas aufwendiger das Ergebnis überzeugt aber und wie gesagt es schont die Nerven. Was benötigt man? o Logischerweise das Bild Ich empfehle das Bild als JPG-Datei zu erstellen/speichern, welche nicht größer als 200 kb sein soll. (Bitte nehmen Sie nicht einfach die riesigen Dateien die eine moderne Digitalkamera erzeugt und laden diese hoch, sondern verkleinern Sie im Vorfeld Ihre Bilder. Das spart Speicher auf unserer Homepage und Ladezeit!) o Das Bild ist also auf der Festplatte/USB-Stick o.ä. gespeichert. o Jetzt wieder das linke Menü aufrufen und zwar Dateileiste: o o o o Dort sehen Sie unter User Upload ganz viele Ordner und Sie können Weitere ergänzen. Dazu mit der rechten Maustaste den kleinen Ordner z.b. vor img anklicken, neu wählen, und damit müsste der rechts im Bild zu sehende Dialog erscheinen. Klickt man dann auf Ordner anlegen gibt es unter img den Ordner Mustermann Vorteil: Sie haben Ihren eigenen Ordner und finden Ihre Bilder relativ schnell (und können sie auch bei Nichtbedarf schnell löschen). Jetzt kommt aber erst das Entscheidende. Die Bilddatei muss in diesen Ordner hochgeladen werden. Mit rechter Maustaste auf den kleinen Ordner vor Mustermann klicken und Datei-Upload wählen. I.Pezold (Fachleiter Naturwissenschaften) Seite 8 von 14

9 Sie können im Folgenden wählen wie viele Dateien hochgeladen werden sollen und wo diese auf Ihrem PC sind ( Durchsuchen ). Nachdem alles gewählt wurde, Upload wählen und warten. Je nachdem wie schnell das Internet ist, sind nach einigen Sekunden die Bilder alle im Ordner Mustermann. Damit ist der Upload abgeschlossen und ich muss zurück zum Karteireiter Media. Das geht wieder über das Menü Seite. Wenn die Seite angezeigt wird (4 Spalten ), wählen Sie das Inhaltselement aus, welches mit dem Bild versehen werden soll. Dazu auf der über dem Element befindlichen Leiste den Stift (ganz links) anklicken. Es wird wieder der Editor erscheinen und die Karteikarte Media ist auswählbar. Klicken Sie nun auf die Karteikarte Media. Zum Einbinden des Bildes müssen Sie zuerst auf den kleinen Ordner (blauer Pfeil) klicken. Es öffnet sich ein Popup-Fenster mit dem Verzeichnisbaum User-Upload (Dort müsste unser gerade erstellter Ordner zu finden sein mit dem(n) hochgeladenen Bild(ern)). Wählen Sie die Bild-Datei aus. Speichern. Nun steht der Name der Datei in dem kleinen Fenster (roter Pfeil) und ein kleines Vorschaubild ist rechts eingeblendet (grüner Pfeil). Legen Sie unter Position die Ausrichtung des Bildes fest. Achtung! Unter Image Dimensions (oranger Pfeil) kann eine Zahl bis 450 Breite (pixels) eingetragen werden. Damit füllt das Bild den gesamten Bereich Normal aus (weniger ist immer möglich). Höhe freilassen. Und zum Schluss: Unter Bildtext (violetter Pfeil) die Beschreibung des Bildes eingeben. Bitte auch den Urheber mit angeben (z.b. Foto: Max Mustermann oder Foto: privat). Speichern! Kontrolle! Fertig. I.Pezold (Fachleiter Naturwissenschaften) Seite 9 von 14

10 Im Frontend sieht das Ganze dann so aus: I.Pezold (Fachleiter Naturwissenschaften) Seite 10 von 14

11 Eine Textdatei mit einem Bild zu erstellen ist jetzt möglich. Auch das Verändern der Größe des Bildes, der Ausrichtung und der Bildunterschrift sollte kein Problem mehr darstellen. Doch wie füge ich mehrere Bilder ein? 4d - Mehrere Bilder einfügen, platzieren, Größe ändern, Texte hinzufügen Es gibt in diesem Kontext meines Erachtens zwei Strategien. Beide führen zu guten Ergebnissen und nutzen die schon erlernten Handgriffe aus dem Abschnitt Karteireiter Media aus! Beide Strategien gehen davon aus, dass die Bilder schon im Backend im entsprechenden img-ordner hochgeladen wurden (siehe Abschnitt User-Upload). Strategie 1: Ich habe eine Textdatei erstellt, ein Bild eingefügt (z.b. am Anfang) und möchte nun am Ende noch ein zweites Bild einfügen. In diesem Fall gehen Sie wie folgt vor. Alle Inhaltselemente die Sie in der Spalte Normal erstellen, werden untereinander auf der Homepage angezeigt (Die jeweilige Überschrift trennt diese voneinander auch die entsprechenden Absätze zeigen die Trennung zwischen Inhaltselement 1 und Inhaltselement 2 an). Jetzt kommt die Idee! Lassen Sie das erste Inhaltselement unverändert (Text mit Bild) und erstellen Sie nach diesem ein zweites Inhaltselement. Dazu auf klicken (bei typischer Seiteninhalt Nur Bilder wählen). Fügen Sie bei diesem keine Überschrift ein und wählen Sie unter Media das entsprechende Bild aus und konfigurieren dieses. Das ist unser Inhaltselement 1 die gerade erstellte Text mit Bild Datei! Auch eine Überschrift ist vorhanden. Das ist das neue Inhaltselement 2 eine Nur Bilder Datei! Eine Überschrift ist nicht vorhanden. I.Pezold (Fachleiter Naturwissenschaften) Seite 11 von 14

12 Im Frontend sieht das dann so aus: Dadurch, dass die Überschrift fehlt, sieht es so aus als ob das Bild 2 zur ersten Datei dazugehört. Strategie 2: Ich habe eine Textdatei erstellt. Nun möchte ich einfach nur noch mehrere Bilder hintereinander anzeigen. Jedes Bild soll allerdings eine Beschreibung haben. Das geht auch ganz gut und wird gern bei Berichten über Exkursionen, Schüleraustausche oder Schulfeste genutzt. Klicken Sie im Backend bei Ihrer schon erstellten Textdatei auf das Icon und wählen Sie bei typischer Seiteninhalt erneut Nur Bilder. Überschrift wieder weglassen und Karteireiter Media wählen. I.Pezold (Fachleiter Naturwissenschaften) Seite 12 von 14

13 Durch klicken auf den kleinen Ordner können Sie nun mehrere Bilddateien auswählen. Nach dem Speichern sind diese alle aufgelistet. Die Reihenfolge kann geändert werden und nach dem markieren einer Datei und dem Klick auf x kann diese auch wieder entfernt werden. Speichern nicht vergessen! Um jedem Bild eine eigene Bildunterschrift zu geben, muss man folgendes wissen: Es geht nur in diesem Kästchen! Dabei tragen Sie die Bildbeschreibung von Bild 1 in die erste Zeile ein. Durch drücken von Enter wird eine neue Zeile erzeugt, welche automatisch die Bildunterschrift des zweiten Bildes darstellt. Erst wenn Sie wieder Enter drücken kommen Sie zur Bildunterschrift von Bild 3 usw. Das bedeutet also: Es können auch mehrere Zeilen Text zu einem Bild gehören. Nochmal ein Blick ins Frontend: I.Pezold (Fachleiter Naturwissenschaften) Seite 13 von 14

14 5. Tabelle erstellen und formatieren Nach so viel Theorie empfehle ich folgendes Video: I.Pezold (Fachleiter Naturwissenschaften) Seite 14 von 14