Kurzanleitung für das Editieren der FHE-Internetseiten mit der Software Cabaccos

Transkript

1 , F. Torkler, R. Schlepphorst 1 Kurzanleitung für das Editieren der FHE-Internetseiten mit der Software Cabaccos Einloggen zum Editieren Das neue CMS-System ermöglicht es, vom Arbeitsplatzrechner aus, mit Hilfe der Software Cabaccos Einträge auf FHE-Internetseiten zu verändern. Vorraussetzung dafür ist, dass man als Nutzer, das Recht besitzt, Einträge auf bestimmten Internetseiten verändern zu dürfen. Andreas Bonadt oder autorisierte Webmaster können die Rechte einzelner Nutzer neu zuweisen bzw. erweitern, falls dies gewünscht ist. Ein Fachbereichs-Webmaster besitzt das Recht auf Internetseiten eines Fachbereiches Veränderungen vorzunehmen. Studiengangs-Webmaster haben entsprechende Rechte auf den Internetseiten eines Studiengangs. Einzelne Nutzer besitzen nur auf bestimmten Seiten dieses Recht (z.b. die einzelnen Dozenten auf Ihrer jeweiligen Dozentenseite, die jeweils Verantwortlichen besitzen Rechte für die Seiten, die sie betreuen, etc.). Bevor man eine Seite editieren kann, muss man sich einloggen. Dazu wird zunächst im Internet- Explorer über die entsprechende Webseite aufgerufen. Anschließend bewegt man den Mauszeiger in die linke obere Ecke des Fensters (vgl. Abb. 1): Abb. 1: Das Fensters zum Einloggen Es erscheint ein Menü, in dem die Möglichkeit besteht, zwischen der Redaktionsansicht und dem Editiermodus zu wählen. Die Redaktionsansicht dient dazu, Internetseiten, die bereits erstellt und abgespeichert aber noch nicht veröffentlicht sind, zu betrachten. Es ist z.b. möglich, verschiedene Versionen einer Seite zu erstellen und abzuspeichern aber nur eine gewünschte Version zu veröffentlichen/publizieren. Um im Editiermodus Veränderungen an den Einträgen auf einer Seite vorzunehmen, muss Edit im herunterklappenden Menü in der linken oberen Fensterecke angeklickt werden. Die aufgerufene Seite erscheint nun im Editiermodus. Nach Beendigung der Arbeiten kann man sich im selben Ausklappmenü mit - logischerweise - Logout ausloggen.

2 , F. Torkler, R. Schlepphorst 2 Werkzeugleiste Ähnlich wie in einem Textverarbeitungsprogramm (z.b. Word) erscheint im Editiermodus eine Werkzeugleiste (vgl. Abb. 2). Hier existieren verschiedene Möglichkeiten Änderungen am Text oder an der Überschrift der Seite vorzunehmen. Abb. 2: Werkzeugleiste zum Bearbeiten von Inhalten Wer sich mit Word auskennt, sollte hier eigentlich auch keine Schwierigkeiten bekommen. Allerdings ist der Funktionsumfang im Vergleich zu einem Textverarbeitungsprogramm deutlich eingeschränkt. Das hängt damit zusammen, dass man den Inhalt und die Gestaltung einer Website nicht zu kompliziert machen will, damit der Inhalt auch von allen Browsern (Programm zum Anzeigen von Webseiten) auf der ganzen Welt verstanden werden kann. Nicht alle Internetnutzer verfügen z.b. über die neueste Version des Internet Explorers Software. Eine neue Seite erstellen Eine neue Internetseite innerhalb einer Rubrik wird mit dem Befehl neue Seite in der obersten Zeile der Werkzeugleiste erstellt. Es erscheint eine neue, leere Seite mit Überschrift- und Textfeld (vgl. Abb. 3). Navigieren Sie sich in der Rubrikenstruktur (links vom Textfeld) zunächst zur gewünschten Rubrik (z.b. in Abb. 3 die Rubrik Projekte ). Dann können Sie eine neue Seite erstellen. Abb. 3: Editierbereich mit Überschrift und Textfenster Auf jeden Fall ist es sinnvoll, auf einer Seite eine Überschrift im oberen Überschriftfeld einzugeben, damit die Seite später bei der Navigation wieder zu finden ist. Innerhalb einer Rubrik (hier z. B. Projekte können nämlich mehrere Seiten erstellt werden. Es wird aber immer nur eine Seite als Startseite einer Rubrik angezeigt. Rubrikeigenschaften

3 , F. Torkler, R. Schlepphorst 3 Die Startseite einer Rubrik kann in den Rubrikeigenschaften festgelegt werden. Dazu muss zunächst die jeweilige Rubrik in der Rubrikenstruktur angeklickt werden. Nun besteht Zugriff auf die Rubrikeigenschaften (über Menübefehl in der Werkzeugleiste). In den Rubrikeigenschaften ist es zudem möglich, die Rechte einzelner Nutzer für die jeweilige Seite festzulegen. Text eingeben Sie können Text direkt ins Textfenster eingeben oder in einem anderen Programm erstellen bzw. von einer anderen Stelle kopieren. Wenn der Text nicht direkt im Textfenster eingegeben wird, sollten Sie zum Einfügen von Inhalten der Zwischenablage die WORD-Schaltfläche in der Werkzeugleiste (Mitte rechts) benutzen (vgl. Abb. 4). Dadurch wird der Text gleich beim Einfügen mit der richtigen Schriftart formatiert. Abb. 4: WORD-Schaltfläche zum Einfügen kopierter Texte Text formatieren Um Text zu formatieren öffnen Sie das Dropdown-Menü unter Format in der Werkzeugleiste (vgl. Abb. 5). Es stehen verschiedene Formate für Überschriften und Text zur Verfügung. Grundsätzlich funktioniert es genauso wie in einem Textverarbeitungsprogramm: Text mit der Maus markieren und dann ein Format auswählen. Abb. 5: Format-Dropdown-Menü zum Formatieren von Text

4 , F. Torkler, R. Schlepphorst 4 Für Webseiten-Überschriften im Überschriftenfeld empfiehlt sich die dicke schwarze Überschrift. Für weitere Untergliederungen im Text selbst sind die Überschriften 2 oder 3 geeignet. Normaler Text wird als Standardtext formatiert usw.. Hier sollte man auch einfach mal verschiedene Einstellungen ausprobieren, um die gestalterisch beste Lösung zu finden. Die Anzahl der Möglichkeiten, die im Format-Menü zur Verfügung stehen ist natürlich begrenzt. Ziel ist es, fachhochschulübergreifend ein einheitliches Grunddesign für den Internetauftritt einzuhalten. Nur Andreas Bonadt kann weitere Schriftarten bzw. Formatierungen hinzufügen oder entfernen. Darüber hinaus besteht natürlich die Möglichkeit einzelne Textabschnitte kursiv oder fett zu formatieren unabhängig vom verwendeten Schriftformat. Sie können Aufzählungen oder Gliederungspunkte einfügen, den Text links- oder rechtsbündig setzen oder sogar den Blocksatz verwenden, alles ähnlich wie in einem Textverarbeitungsprogramm (vgl. Abb. 6). Abb. 6: Verschiedene Möglichkeiten, Textabschnitte zu formatieren Link einfügen und entfernen Ein Link (oder auch Hyperlink ) ist ein Verweis auf eine andere Internetseite die ebenfalls über einen Webbrowser (z.b. Internet Explorer) angezeigt werden kann. Markieren Sie einen Textabschnitt oder eine Bild, unter dem der Link liegen soll im Editierfenster und klicken Sie auf das entsprechende Symbol in Werkzeugleiste (vgl. Abb. 7), um den Link einzufügen. Mit dem Symbol rechts neben dem Link einfügen - Symbol, können Sie einen Link auch wieder entfernen. Abb. 7: Schaltfläche zum Einfügen eines Links Es erscheint nun ein Dialogfenster (vgl. Abb. 8). Sie können hier zwischen einem externen Link (Website außerhalb und einem internen Link (zu einer anderen Fachhochschul-Webseite) wählen. Einen externen Link können Sie direkt in die Eingabezeile eingeben, einen vorher kopierten Link auch direkt einfügen bzw. aus einer Liste gespeicherter Links über die Schaltfläche Einfügen dasselbige auch tun. Ein interner Link wird durch einen Klick auf die gewünschte Seite oder Rubrik (in Abb. 8 die Rubrik Projekte ) in der Liste unter dem markierten Textabschnitt/Bild eingefügt.

5 , F. Torkler, R. Schlepphorst 5 Abb. 8: Dialogfenster zum einfügen einen Links Bilder einfügen Bilder, die sie auf Webseiten einfügen möchten, müssen im Format GIF, JPG oder PNG vorliegen. Bevor Sie ein Bild einfügen können, müssen Sie die Seite erst speichern oder publizieren. Klicken Sie auf das Symbol Bild einfügen auf der Werkzeugleiste (vgl. Abb. 9). Im folgenden Dialogfenster können Sie das gewünschte Bild auswählen, wenn es vorher schon zum Server gesendet wurde. Sie senden ein neues Bild zum Server, in dem sie mit dem Befehl Durchsuchen das gewünschte Bild im Verzeichnis, in dem es gespeichert ist, auswählen. Durch den Befehl Abschicken wird das Foto anschließend zum Server geladen. Bilder, die bereits zum Server hochgeladen wurden, werden im Bereich Verfügbare Bilder angezeigt. Sie können eines der dort aufgeführten Bilder nun einfügen, in dem Sie einfach auf den Dateinamen klicken. Sie können die Bilder dort auch löschen, indem Sie auf das Kreuz links neben dem Dateinamen klicken.

6 , F. Torkler, R. Schlepphorst 6 Achtung: Gesendete Bilder stehen immer nur auf der Webseite zur Verfügung, für die sie auf den Server gesendet worden sind. Wenn Sie ein Fotos auf mehreren Seiten verwenden möchten, müssen Sie es für jede Seite neu zum Server senden. Achten Sie darauf, die benötigten Bilder mit einem Grafikprogramm möglichst vor der Übertragung zum Server auf ein Web-taugliches Format (Bildgröße in Pixel und Dateigröße in KByte) zu konvertieren. Maximale Bildbreite auf den Fachhochschulseiten sollten 600 Pixel sein. Die maximale Dateigröße sollte 150 kb nicht überschreiten. Nicht jeder Internetnutzer verfügt über einen Breitbandzugang und je größer die Dateigröße der herunterzuladenden Bilder/Grafiken ist, umso länger dauert dann der Aufbau einer Seite im Browser. Abb. 9: Schaltfläche und Dialogfenster zum Einfügen von Bildern Dateien/Dokumente hinterlegen Es können Dokumente hinterlegt werden, die dann für die Nutzer (z.b. die Studenten eines Modules) zum Download zur Verfügung stehen (z.b. Prüfungsordnung). Als Dateityp empfiehlt sich das PDF-Format, da die Dateigröße dabei im Vergleich zum Ursprungsformat deutlich geringer ist und zudem vom Leser keine Änderungen an den Dokumenten vorgenommen werden können. Abb. 10: Schaltfläche zum Einfügen von Dateien als Link

7 , F. Torkler, R. Schlepphorst 7 Die Vorgehensweise beim Hochladen von Dateien/Dokumenten ist ähnlich wie beim Hochladen von Bildern. Markieren Sie zunächst auf Ihrer Webseite die Stelle, an der das Dokument eingefügt werden soll (z.b. Text, Grafik etc.). Anschließend klicken Sie auf das entsprechende Symbol zum Hochladen von Dateien in der Werkzeugleiste (vgl. Abb. 10). Im nun erscheinenden Menü kann die gewünschte Datei mit Durchsuchen ausgewählt und mit Hochladen auf den Server hochgeladen werden. Die verfügbaren Dokumente werden in der Liste im unteren Teil des Webseitendialogs aufgeführt. Klicken Sie nun auf das entsprechende Dokument in der Liste und es wird auf Ihrer Webseite zum Download bereitgestellt. Bereits hochgeladene Dokumente können aus der Liste auch wieder entfernt werden, indem das Kreuz vor dem jeweiligen Dateinamen angeklickt wird. Tabelle einfügen Ein manchen Fällen kann es sinnvoll sein, eine Tabelle einzufügen (z.b. bei der Darstellung von Listen oder zur genauen Platzierung von Texten und Bildern auf der Seite). Eine Tabelle ist das komplexeste aber auch das flexibelste Element zur Darstellung von Inhalten. Im Gegensatz zum Textverarbeitungsprogrammen oder z.b. MS Powerpoint können Sie auf Internetseiten keine festen Positionen von Bildern und Texten definieren oder mehrspaltige Texte darstellen. Hier kann eine Tabelle weiterhelfen. Um eine Tabelle einzufügen klicken Sie auf das entsprechende Symbol in der Werkzeugleiste (vgl. Abb. 11). Sie können nun aus insgesamt 11 vorgegebenen Tabellenstyles ein passendes auswählen Andreas Bonadt hat hier ein paar Layouts voreingestellt, damit die Vielfalt auf den Internetseiten nicht überhand nimmt. Legen Sie die Anzahl der Zeilen und Spalten im Dialogfenster fest und betätigen Sie Neu Einfügen. Abb. 11: Einfügen einer Tabelle.

8 , F. Torkler, R. Schlepphorst 8 Grundsätzlich kann eine Tabelle aus beliebig vielen Zeilen und Spalten bestehen. Zeilen und Spalten können auch zusammengeführt oder geteilt werden (hier hilft das Kontextmenü beim Markieren einer Tabelle mit der rechten Maustaste weiter!). Sie können auch eine bereits vorhandene Tabelle auf einer bestehenden Webseite kopieren (im Editiermodus!) und auf einer neuen Seite einfügen. Die kann beispielsweise die Arbeit an den Projekt-Kurzbeschreibungen wesentlich erleichtern, da Sie nur noch den Inhalt der Tabelle überarbeiten müsse, die Tabelle selbst aber mit wenigen Mausklicks erstellt haben. Einen Absatz im Text einfügen Um Texte übersichtlicher zu gliedern, kann es sinnvoll sein Absätze einzufügen. Dies geht einfach über die Tastenkombination SHIFT + Enter. Einmal betätigt, springt der Cursor in eine neue Zeile, zweimal betätigt wird genau eine leere Zeile unter dem Text erzeugt (siehe Abb. 11). Abb. 11: Absätze (erzeugt mit 2x SHIFT + Enter) gliedern einzelne Textabschnitte innerhalb eines längeren Textes. Weitere Infos und Hilfen unter