Konfigurieren einer Caritas- Startseite für Abteilungen

Transkript

1 Konfigurieren einer Caritas- Startseite für Abteilungen Jürgen Eckert Domplatz Bamberg Tel (09 51) Fax (09 51) Mobil (01 79) eckert@erzbistum-bamberg.de Im Internet

2 Inhaltsverzeichnis 2 Inhaltsverzeichnis 1 Konfiguration des Bereiches links oben Vorbemerkung Mögliche Inhalte des Bereichs links oben Aufbau von externen Verknüpfungen Übernahme der Seitenadresse in die Zwischenablage Anlegen der externen Verknüpfung im Direct Explorer im Ordner links 5 2 Konfiguration der Sprungmarken rechts oben Vorbemerkung Wechseln in den Ordner service 8 3 Der Kasten Quicklinks Betroffene Ressourcen Wechseln in den Ordner quicklinks Navigationsziel Neues Fenster Vorbemerkung Festlegen des neuen Fensters 10 4 Einsetzen von Grafiken in die Homepage Die verwendeten Grafiken Die Kopfgrafik Die Titelgrafik Die Bannergrafik 17

3 1. Konfiguration des Bereichs links oben 3 1 Konfiguration des Bereiches links oben 1.1 Vorbemerkung Auf den Startseiten der Caritas gibt es drei Bereiche, die mit Links versehen werden können, und die dem Nutzer der Homepage einen einfacheren Zugang in die Inhalte verschaffen soll: Bereich links oben Bereich rechts oben Bereich links unten: Quicklinks 1.2 Mögliche Inhalte des Bereichs links oben Zuerst wenden Sie sich dem Bereich links oben zu. In der Regel erscheinen dort Verweise auf Seiten, die sich in den Hauptrubriken der Navigation befinden. Bei den Caritas- Altenheimen könnte die Rubrik bsw. unter der Überschrift Angebote stehen und dort könnten sich Links zu den Seiten der Tagespflege oder der Kurzzeitpflege befinden.

4 1. Konfiguration des Bereichs links oben Aufbau von externen Verknüpfungen Übernahme der Seitenadresse in die Zwischenablage Nachdem Sie sich im CMS eingewählt haben, Klicken Sie auf der Administrationsoberfläche auf den Lupen-Button, um die Seitenvorschau zu öffnen. Die Homepage erscheint nach der Aktivierung in einem neuen Fenster. Surfen Sie jetzt die Seite an, die über die Startseite der Homepage im Beispiel links oben erreichbar sein soll. Wir wählen die Seite Seelsorge im Menüeintrag Leistungen aus.

5 1. Konfiguration des Bereichs links oben 5 Markieren Sie jetzt die Adresszeile des Browsers und übertragen Sie den Eintrag mit der Tastenkombination STRG + C in die Zwischenablage Anlegen der externen Verknüpfung im Direct Explorer im Ordner links Wechseln Sie über die Taskleiste von Windows zum Fenster des Administrationsbereiches: Wählen Sie nun im CMS, falls noch nicht geschehen, die Anwendung Direct Explorer aus. Um den Bereich links oben auf der Homepage mit Verweisen zu füllen, ist in der Struktur der Ordner links verantwortlich. gehen Sie zu ihm und öffnen Sie ihn durch Anklicken des Ordnernamens im linken Fenster des Explorers. Mit dem Button öffnen Sie das Pulldown-Menü Neue Ressourcen anlegen. Hier wählen Sie den Eintrag knüpfung aus.

6 1. Konfiguration des Bereichs links oben 6 Folgender Dialog erscheint: Das Feld Dateiname füllen Sie mit der Bezeichnung des Links. Lassen Sie hier die Endung html weg. Achten Sie auf die englische Schreibweise. Schreiben Sie den Namen klein und verwenden Sie keine Umlaute, Leer- oder Sonderzeichen im Dateinamen. in das Feld Titel (für Explorer), das innerhalb der Administrationsoberfläche in der Anwendung Direct Explorer angezeigt wird, ist in der Regel der selbe Wert wie im Dateinamen zu finden, nur in Großschreibung. In das Feld Link URL kopieren Sie mit der Tastenkombination STRG + V den Pfad der Seite ein, die durch Anklicken des Verweises auf der Startseite geöffnet werden soll.

7 1. Konfiguration des Bereichs links oben 7 Die Option In Navigation aufnehmen sollte aktiviert sein, da sonst der Eintrag nicht auf der Startseite links oben erscheint. Der Wert des Felds Navigationstext ist in der Regel der selbe wie für Titel (für Explorer). Er bestimmt, welche Bezeichnung auf der Startseite links oben sich darstellt. Haben Sie die Felder gefüllt, schließen Sie den Dialog durch Anklicken der Taste Anlegen ab. Veröffentlichen Sie nun den Link, in dem Sie auf das Globus-Symbol vor dem Dateinamen klicken. Der Verweis ist nach Abschluss auf der Startseite der Homepage erreichbar.

8 2. Konfiguration der Sprungmarken rechts oben 8 2 Konfiguration der Sprungmarken rechts oben 2.1 Vorbemerkung Mit der Anlage und Konfiguration der Sprungmarken rechts oben verhält es sich genauso wie mit den eben beschriebenen Sprungmarken links oben. Der einzige Unterschied ist, dass die externen Verknüpfungen im Ordner service in der Anwendung Direct Explorer festgelegt werden. 2.2 Wechseln in den Ordner service Von daher ist also nötig, dass Sie in der Anwendung Direct Explorer in den Ordner service wechseln. Ansonsten ist die Vorgehensweise analog zu dem im Kapitel 1 beschriebenen.

9 3. Der Kasten Quicklinks 9 3 Der Kasten Quicklinks 3.1 Betroffene Ressourcen Mit den Quicklinks verhält es sich ähnlich wie mit den bereits angelegten Links links oben. Auf der Startseite sehen Sie verschiedene Themenbereiche oder, wie der Name vermuten lässt, externe Links auf fremde Seiten. Zwei Unterschiede gibt es: In der Anwendung Direct Explorer ist der Ordner quicklinks für die Aufnahme der externen Verknüpfungen verantwortlich, und bei den Quicklinks kann es sinnvoll sein, die Verweise in einem neuen Browser- Fenster anzuzeigen. 3.2 Wechseln in den Ordner quicklinks Um den Kasten Quicklinks auf der ersten Seite zu füllen, sollten Sie in der Anwendung Direct Explorer den Ordner quicklinks nutzen. Dort müssen die externen Verknüpfungen eingebaut werden. Alles andere entspricht dem Vorgehen wie in Kapitel 1 erklärt. Nur das Navigationsziel Neues Fenster könnte, wie gleich beschrieben, eine Rolle spielen.

10 3. Der Kasten Quicklinks Navigationsziel Neues Fenster Vorbemerkung Bei den Quicklinks kann es sich oft auch um Links handeln, die auf externe Seiten verweisen, und nicht auf Inhalte des Caritas-Webs. Wenn das der Fall ist, sollte bei der Anlage der externen Verknüpfung als Navigationsziel Neues Fenster gewählt werden. Klickt der Nutzer dann den Link auf der Webpräsenz an, öffnet sich der gewählte Verweis in einem neuen Browserfenster, in dem der Nutzer herumsurfen kann. will er dann zu Ihrer Seite zurückkehren, muss er das Fenster nur schließen. Würde der Besucher im gleichen Fenster bleiben, würde die Gefahr drohen, dass der User nicht mehr ohne Weiteres zu Ihren Inhalten zurückfindet Festlegen des neuen Fensters Der Dialog mit dem Navigationsziel Neues Fenster könnte beispielsweise so aussehen:

11 3. Der Kasten Quicklinks 11 Klickt der User dann auf der Startseite auf den Link, erscheint folgende Ansicht:

12 4. Einsetzen von Grafiken in die Homepage 12 4 Einsetzen von Grafiken in die Homepage 4.1 Die verwendeten Grafiken Folgende drei Grafik(gruppen) können bei einer Abteilungsstartseite gesetzt werden: Kopfgrafik: logo.gif Titelgrafik: titelbild.jpg Bannergrafik(en): banner1.gif, banner2.gif Alle drei Grafik(gruppen) müssen Ihren Platz im Hauptverzeichnis des Webs haben, um angezeigt zu werden. Folgende Beschreibungen erklären, wie die Bilder, die in einer Bildbearbeitung erstellt werden müssen, richtig eingefügt werden.

13 4. Einsetzen von Grafiken in die Homepage Die Kopfgrafik Die Kopfgrafik wird zunächst in einem Bildbearbeitungsprogramm erstellt und muss eine Größe von 572 x 105 Pixel haben. Die Maße geben Sie in Ihrem Grafikprogramm an. Natürlich nehmen wir Ihnen das Erstellen dieser Grafik auch gerne ab. Haben Sie die Grafik erstellt, speichern Sie sie als gif-datei unter dem Namen logo.gif ab. Jetzt muss diese Datei nur noch in das Hauptverzeichnis Ihres Internetauftrittes hochgeladen werden. Die Schritte dazu sehen so aus: Wechseln Sie in die Anwendung Direct Explorer innerhalb der Administrationsoberfläche des Online-Redaktionssystems.. Durch einen Klick auf die Schaltfläche Neue Ressource erstellen Datei in das Hauptverzeichnis Ihres Webs hochgeladen. Wählen Sie aus dem DropDown-Menü den Eintrag Datei hochladen aus. wird die Es öffnet sich folgendes Fenster.

14 4. Einsetzen von Grafiken in die Homepage 14 Über den Button Durchsuchen : gelangen Sie in den Explorer Ihres Rechners. Gehen Sie in das Verzeichnis, in dem Sie die Datei gespeichert haben. Klicken Sie die benötigte logo.gif an und aktivieren Sie dann die Öffnen-Taste. Der Pfad zum File erscheint im Feld Datei. Drücken Sie jetzt die Taste Hochladen. Den Zwischendialog bestätigen Sie mit der OK-Taste.

15 4. Einsetzen von Grafiken in die Homepage 15 Ist der Dialog vollendet, erscheint die Datei im Root-Verzeichnis Ihres Webs. Jetzt heißt es, die Grafik noch zu veröffentlichen. Klicken Sie dazu mit der linken Maustaste auf das Icon vor dem Dateinamen und wählen sie aus dem erscheinenden Kontext-Menü den Befehl Veröffentlichen. Ein Dialog, den sie mit der Taste Veröffentlichen bejahen, bittet Sie um Bestätigung der Aktion. Ist die Publizierung vollendet, bekommen Sie noch einen Hinweis darauf. Mit Schließen beenden Sie das Fenster. Sie haben nun erfolgreich die Datei logo.gif in das Hauptverzeichnis Ihrer Homepage geladen und veröffentlicht. Von jetzt an ist Sie auch für die Besucher Ihrer Homepage sichtbar und blendet sich auf der Titelseite ein.

16 4. Einsetzen von Grafiken in die Homepage Die Titelgrafik Wie Sie es bereits bei der Kopfgrafik gelernt haben, wird die Titelgrafik ebenfalls in einem Bildbearbeitungsprogramm erstellt. Achten Sie auch hier auf die Größe der Bilddatei. Die Titelgrafik muss genau 625 Pixel breit sein, bei der Höhe der Grafik haben Sie ein wenig Spielraum. Werte um die 235 Pixel sind empfehlenswert. Haben Sie die Grafik, dann gehen Sie bitte, wie bereits in Kapitel 4.2 beschrieben, vor und speichern Sie die Datei als titelbild.gif ab. Die einzelnen Arbeitsschritte werden hier nicht mehr weiter erläutert, da sie identisch mit den Schritten im oben genannten Abschnitt sind. Laden Sie die Datei in das Hauptverzeichnis Ihrer Homepage und veröffentlichen Sie die Datei, wie oben bereits beschrieben.

17 4. Einsetzen von Grafiken in die Homepage Die Bannergrafik Neben der Kopfgrafik und der Titelgrafik haben sie auch die Möglichkeit sog. Bannergrafiken auf Ihrer Homepage zu platzieren. Bannergrafiken sind 200 Pixel breit, die Höhe sollte zwischen 75 und 150 Pixel gewählt werden. Das Besondere an den Bannern ist, dass Sie mehrere Dateien dieses Typs auf Ihrer Seite einpflegen können, und dass jede Bannergrafik auf eine externe Seite verlinkt werden kann. Schon bei der Vergabe der Namen müssen Sie darauf achten, dass die Grafiken nach Ihrer Nummerierung auf Ihrer Homepage erscheinen. banner1.gif erscheint oberhalb der Grafik banner2.gif. Dazu aber gleich mehr. Bannergrafiken müssen Sie in den seltensten Fällen selbst erstellen. Meist kommen die Grafiken von dem Anbieter, mit dessen Seite der Banner verlinkt wird. Das heißt aber nicht, dass Sie die Grafik nicht bearbeiten müssen. Öffnen Sie die Grafik in einen Bildbearbeitungsprogramm. Geben Sie ihr die vorgegebene Größe (maximale Breite 200 Pixel; Höhe zwischen 75 und 150 Pixel) und speichern Sie sie als banner1.gif oder banner2.gif oder ab. Sie haben Ihre Bannergrafiken abgespeichert? Dann werden Sie in das Hauptverzeichnis Ihrer Homepage hochgeladen.

18 4. Einsetzen von Grafiken in die Homepage 18 Öffnen Sie hierzu die Anwendung Direct-Explorer in der CMS- Administrationsoberfläche.. Klicken Sie auf den blauen Button hochladen. In folgendem Fenster gehen Sie auf den Button Durchsuchen. und wählen Sie den Befehl Datei Es öffnet sich Ihr Explorer. Suchen Sie hier das Verzeichnis, in das Sie Ihre Datei, z. B. banner1.gif abgelegt haben. Klicken Sie die benötigte Datei an und aktivieren Sie die Öffnen- Taste. Der Pfad zum File erscheint im Feld Datei. Klicken Sie jetzt auf Hochladen.

19 4. Einsetzen von Grafiken in die Homepage 19 Den Zwischendialog bestätigen Sie mit der OK-Taste. Ihre Datei banner1.gif oder die mit einer anderen Nummer wird in das Hauptverzeichnis Ihrer Homepage geladen. Sie können Sie im Direct Explorer bereits sehen. Aus den Abschnitten 4.2 und 4.3 kennen Sie bereits den nächsten Schritt. Sie müssen die Datei noch veröffentlichen. Doch STOPP!!! Nicht so bei den Bannergrafiken. Wie bereits erwähnt soll die Grafik mit einer externen Seite verlinkt werden. Das heißt: Klickt der Homepage-Besucher auf die Bannergrafik, soll sich ein neues Fenster öffnen, das auf die Seite des Banner-Anbieters führen soll. Um die Werbegrafik zu konfigurieren, gehen Sie so vor. Klicken Sie zunächst auf das linke Symbol vor der Datei und wählen Sie aus dem Kontext-Menü den Befehl Eigenschaften.

20 4. Einsetzen von Grafiken in die Homepage 20 Es öffnet sich der nebenstehende Dialog. Um die notwendigen Einstellungen vorzunehmen, klicken Sie hier auf den Button Erweitert. Es blendet sich das nächste Fenster ein:

21 4. Einsetzen von Grafiken in die Homepage 21 Diesem Fenster kommt bei der Verwaltung von Bannergrafiken eine besondere Bedeutung zu. Sie müssen die URL, d.h. die Internetadresse des Anbieters eingeben und Sie müssen bestimmen, wie sich die neue Seite öffnen soll, sobald auf den Banner geklickt wird. All das können Sie in diesem Fenster festlegen. Über die Angabe in der Zeile Ziel legen Sie fest, ob sich die neue Seite im gleichen Fenster oder in einem neuen Fenster öffnen soll. Wahlen Sie hier Neues Fenster. In der Zeile BildLink geben Sie die vollständige URL ein. In unserem Fall könnte sie beispielsweise so aussehen: Die Information, die in der Zeile BildText eingegeben wird erscheint, sobald der Besucher Ihrer Homepage mit der Maus über den Banner fährt, auch ToolTip genannt. Mit Speichern bestätigen Sie ihre Eingaben. Wie Sie es von der Kopfgrafik und der Titelgrafik kennen, muss die Datei noch veröffentlicht werden. Klicken Sie wieder auf das Symbol links vor dem Dateinamen und wählen Sie aus dem Kontext- Menü den Befehl Veröffentlichen. Im darauffolgenden Fenster bestätigen Sie Ihre Eingabe, wie Sie es bereits aus Kapitel 4.2. kennen. Eine Besonderheit noch zum Abschluss des Kapitels Bannergrafiken Wie anfangs bereits erwähnt können mehrere Banner auf Ihrer Seite platziert werden. Die Reihenfolge der veröffentlichten Banner richtet sich nach der Nummerierung der Banner. banner1.gif erscheint oberhalb des Banners banner2.gif. banner3.gif wird unterhalb des Banners banner2.gif platziert. Die Sortierung der Banner erfolgt also nach der Platznummer, die vergeben wird. Hierbei ist es nicht von Bedeutung, ob die Banner in der Reihenfolge von 1-3 benannt, oder mit 1,3,5 bezeichnet werden. Die kleinste Hausnummer erscheint immer als erster Banner auf Ihrer Seite.