Arbeiten mit einem Online-Redaktionssystem. isiweb. Anlegen und Pflegen von editierbaren Seiten

Transkript

1 Arbeiten mit einem Online-Redaktionssystem isiweb Anlegen und Pflegen von editierbaren Seiten Jürgen Eckert - Domplatz Bamberg Tel (09 51) , Fax (09 51) Mobil (01 79) , privat (09 51) eckert@erzbistum-bamberg.de Diese Unterlagen sind nur zum Gebrauch in Seminaren des Verfassers bestimmt. Sie sind Arbeitsunterlagen und müssen noch mündlich und schriftlich ergänzt werden. Die Veröffentlichung ist untersagt ebenso die Weitergabe an Dritte.

2 Inhaltsverzeichnis 2 Inhaltsverzeichnis 1 Struktur der Seite anlegen Öffnen des Direct Explorers Anlegen eines Ordners Automatisierter Aufbau der Startseite innerhalb eines Ordners Reiter Inhalte Reiter Navigation Reiter HTML-Einstellungen Reiter Seitentitel Übernehmen der Einstellungen und Schließen des Dialogs Positionslogiken Vorschau einer Seite Anlegen einer Folgeseite Ordner oder Seite veröffentlichen 10 2 (Externen) Text in Seiten einfügen Projektbeschreibung Arbeiten und Veröffentlichen im DirectEdit-Modus Texteingabe direkt Text aus Office-Dokumenten einfügen 14 3 Text formatieren Projektbeschreibung Harter und weicher Umbruch Fett und kursiv Überschriftenformate Aufzählungen 17 4 Links Projektbeschreibung Externe Links Interne Links Links Link entfernen 22 5 Veröffentlichen 18 6 DirectImage Bilder einfügen Projektbeschreibung Upload von Bildern Der Weg zur richtigen Seite Anwählen des "directimage" Bildauswahl Hochladen von Bilder Einfügen von Bildern Veröffentlichen Löschen von Bildern aus der Seite 32 7 DirectFiles Dateien einfügen Projektbeschreibung Upload von Dateien Einfügen von Dateien Löschen von Dateien aus der Seite Veröffentlichen 37

3 1 Struktur der Seite anlegen 3 1 Struktur der Seite anlegen 1.1 Öffnen des Direct Explorers Wie Sie es aus der Version 3.3 bereits kennen, setzt sich Ihre Seite aus Ordnern und Seiten zusammen. Um sie anzulegen oder zu bearbeiten, wird wieder die Baumstruktur des DirectExplorers verwendet. Um ihn aufzurufen, finden Sie in der Ziehharmonika auf der linken Seiten innerhalb des Hauptpunktes Seiten den Eintrag Direct Explorer. Klicken Sie den Punkt an, öffnet sich im rechten Bereich der Oberfläche je nach eingestelltem Träger ungefähr unten stehende Ansicht. 1.2 Anlegen eines Ordners Über den Button Neu können Sie neue Ordner, Seiten, Verknüpfungen etc. erstellen. Wenn Sie den Punkt Ordner auswählen, öffnet sich ein modales Fenster (siehe unten), in dem Sie die Eigenschaften der neuen Struktur eingeben können.

4 1 Struktur der Seite anlegen 4 In der Titelzeile geben Sie den gewünschten Namen der Seite ein. Wenn Sie wollen, dass der Ordner auf Ihrer Homepage als Menüpunkt erscheint, müssen Sie einen Haken bei Navigation aktiv setzen. Jetzt können Sie auch einen Navigationstitel eingeben, üblicherweise der selbe Name wie der Titel. Um den Ordner anzulegen, klicken Sie rechts unten auf Ordner erstellen. 1.3 Automatisierter Aufbau der Startseite innerhalb eines Ordners Innerhalb von isiweb ist es nicht mehr nötig, dass die erste Seite innerhalb eines Ordners index.html heißen muss, sondern der Name kann frei vergeben werden. Haben Sie einen Ordner erstellt, erscheint automatisch ein Fenster, in dem Sie die erste Seite einfügen. Als Titel ist index vorgegeben, aber wie oben erwähnt, können Sie hier den gewünschten Seitennamen frei auswählen.

5 1 Struktur der Seite anlegen Reiter Inhalte Unter Inhalte können Sie die gewünschte Seitenvorlage wählen. Bei normalen Seiten ist der Eintrag 01 - Folgeseite Pfarrei ohne Sammlung unter der Navigation zu wählen Reiter Navigation Soll die Seite in der Navigation erscheinen, müssen Sie im Reiter Navigation einen Haken bei Navigation aktiv setzen und einen Navigationstitel setzen.

6 1 Struktur der Seite anlegen Reiter HTML-Einstellungen Über das Feld HTML Titel auf dem Reiter HTML-Einstellungen bestimmen Sie, welcher Begriff auf dem Reiter oder in der Titelleiste eines Browsers erscheinen. In der Regel ist der Text wie im Feld Titel.

7 1 Struktur der Seite anlegen Reiter Seitentitel Auch die Überschriften des Textes, die auf der Homepage innerhalb des Textbereiches erscheinen könnten, legen Sie im Reiter Seitentitel fest. In der Regel reicht es, wenn Sie in das Feld Hauptüberschrift den gleichen Text eintragen wie im Feld Titel darüber Übernehmen der Einstellungen und Schließen des Dialogs Durch Anklicken des Buttons Einstellungen übernehmen wird die Seite angelegt.

8 1 Struktur der Seite anlegen Positionslogiken Achten Sie darauf, dass das CMS momentan noch die Macke hat, dass es sich nach Abschließen des Dialogs nicht innerhalb des angelegten Ordners befindet, sondern eine Ebene darüber. Wollen Sie weitere Seiten innerhalb des Ordners oder weitere Unterordner davon anlegen, müssen Sie mit einem Doppelklick in die Struktur wechseln. Im vorliegenden Beispiel haben Sie den Ordner Mitarbeiter innerhalb des Hauptverzeichnisses mit einer ersten Seite Pfarrer erstellt, die als Startseite definiert wurde. Eigentlich müsste das CMS jetzt von der Ansicht innerhalb von Mitarbeiter stehen (Ansicht 2). Gezeigt wird aber der darüber liegende Zustand.(Ansicht 1). Ansicht 1 Ansicht 2

9 1 Struktur der Seite anlegen 9 Klicken Sie deshalb im rechten Bereich auf den Begriff Mitarbeiter, um in den Ordner zu wechseln. Achtung: Jeder Ordner benötigt eine Startseite, bevor ein weiterer Unterordner angelegt werden kann. 1.5 Vorschau einer Seite Wollen Sie das Ergebnis Ihrer Aktion betrachten, klicken Sie innerhalb der Anwendung Direct Explorer auf den Titel der neuen Seite doppelt. Innerhalb eines neuen Reiters des Browsers erscheint die aktuelle Vorschau. Ein Klick auf den Eintrag Vorschau auf der Administrationsoberfläche öffnet die Startseite Ihres Webs, von dem aus Sie weitersurfen können.

10 1 Struktur der Seite anlegen Anlegen einer Folgeseite Um eine normale Folgeseite, die ähnliche Eigenschaften hat wie bereits oben beschrieben, anzulegen, klicken Sie unter Neu auf den Menüpunkt Seite. Es erscheint der gleiche Dialog wie oben beschrieben. Gehen Sie beim Ausfüllen der Reiter und Felder genauso vorher, wie bereits erklärt. 1.7 Ordner oder Seite veröffentlichen Bisher ist Ihre Seite nur im CMS abrufbar. Für Nutzer, die von außen auf das Web gehen, sind die Inhalte noch nicht sichtbar. Um die Seite zu veröffentlichen, also vom Projektzustand in den Onlinezustand zu schieben, klicken Sie im Direct Explorer auf den kleinen weißen Pfeil im blauen Kreis. Wählen Sie aus dem Kontextmenü den Befehl Veröffentlichen aus. Der gelbe Punkt vor dem Seitennamen wird grün. Wollen Sie einen Ordner samt Unterordner und Unterseiten veröffentlichen, klicken Sie über den Pfeil links neben dem Ordner auf Veröffentlichen. Bei dem Fenster, das nun erscheint, können Sie einen Haken bei Mit Inhalten veröffentlichen setzen.

11 1 Struktur der Seite anlegen 11 Der gesamte Ordnerinhalt wird damit veröffentlicht, was im Hintergrund stattfindet und je nach Menge der Objekte eine gewisse Zeit dauert. Ein Hinweis-Dialog weist Sie auch darauf hin. Während dieser Zeit können Sie weiterarbeiten.

12 2 (Externen) Text in Seiten einfügen 12 2 (Externen) Text in Seiten einfügen 2.1 Projektbeschreibung Der folgende Text erklärt, wie Sie den Content-Bereich von Seiten - im unten stehenden Shot ist damit der Bereich gemeint, der unterhalb von Was ist wenn? steht - mit (externem) Inhalt füllen. Als erstes soll die Textfüllung erklärt werden. Ziel soll folgende Seite sein: 2.2 Arbeiten und Veröffentlichen im DirectEdit- Modus Zunächst öffnen Sie aus dem CMS heraus die Vorschau. Dafür klicken Sie in der rechten oberen Ecke über der Navigationsleiste auf den Schriftzug Vorschau. Diese öffnet sich in einem neuen Fenster.

13 2 (Externen) Text in Seiten einfügen 13 Achtung: Teilweise kann es passieren, dass der Browser diesen Vorgang verhindern will. Am Beispiel von Firefox erscheint dann unter der Adressleiste ein Hinweis, dass der Browser die Website daran gehindert hat, ein Pop-up-Fenster zu öffnen. Um das zu erlauben, klicken Sie rechts auf Einstellungen und auf Pop-ups erlauben für kirche-bamberg.de. Der Hinweis verschwindet, gehen Sie jetzt noch einmal auf Vorschau. Auf der neuen Seite sehen Sie die Seite wie ein normaler User, aber über einen Pfeil im oberen linken Eck können Sie den DirectEdit-Modus öffnen. Mit einem Klick erscheinen die Steuerelemente. Der Pfeil fährt mit aus, über ihn können die Bearbeitungsmodule auch wieder ausgeblendet werden. Beachten Sie: Drücken Sie auf den Pfeil, bevor die Seite fertig geladen ist, erscheinen nicht alle DirectEdit-Elemente! Haben Sie Änderungen vorgenommen und wollen Sie sie für die Besucher der Webpräsenz sichtbar machen, klicken Sie auf den Button Veröffentlichen in der linken oberen Ecke. Darauf müssen Sie den Vorgang noch einmal in einem sich öffnenden Dialog (siehe rechts) bestätigen. Bei erfolgreichem Vorgang erscheint folgendes Fenster, dass über Schließen beendet werden muss:

14 2 (Externen) Text in Seiten einfügen Texteingabe direkt Um Text über DirectEdit einzugeben, müssen Sie bei den Bearbeitungselementen, die nach Betätigung des Pfeiles links oben in der Mitte erscheinen, auf bearbeiten klicken. Es öffnet sich der Editor. Um normalen Text einzugeben, klicken Sie mit der Maus in das Textfeld. Der Cursor blinkt nun, Sie können anfangen zu schreiben. Sind Sie fertig, speichern Sie Ihre Eingaben über den Button speichern oder verwerfen Sie über abbrechen. 2.4 Text aus Office-Dokumenten einfügen Einen Text aus einem Office- Dokument darf man nicht einfach mit Copy und Paste einfügen, da die Formatierungen aus den Office- Programmen nicht für den Gebrauch im CMS geeignet sind. Dafür ist im Editor ein extra Button vorhanden. Um Text einzufügen, markieren Sie zuerst die gewünschten Sätze in Ihrem Office- Dokument und kopieren diese (beispielsweise entweder durch gleichzeitiges Drücken der Tasten Strg und C oder durch Rechtsklick und im erscheinenden Menü Kopieren ). Gehen Sie nun wie unter 4.3 beschrieben auf bearbeiten. Klicken Sie dann wieder mit der Maus in das Textfeld (oder, wenn schon Text enthalten ist, an die gewünschte Stelle, an der der neue Inhalt erscheinen soll), und drücken Sie den T-Button (im Bild rechts markiert).

15 2 (Externen) Text in Seiten einfügen 15 Es öffnet sich ein neues Fenster, in dem Sie über Strg und V oder rechte Maustaste und Kopieren den Text einfügen. Standardmäßig wird der Text mit Umbrüchen übernommen. Sollen auch diese entfernt werden, entfernen Sie den Haken bei Zeilenumbrüche beibehalten. Wenn Sie nun links unten auf Einfügen gehen, wird der Text im Editor eingefügt, je nach Hakensetzung mit oder ohne Zeilenumbrüche. Sie können ihn nun mit Formatierungen in Form bringen.

16 3 Text formatieren 16 3 Text formatieren 3.1 Projektbeschreibung Der bis jetzt geschriebene oder eingefügte Text hat noch keine Formatierung. Um ihn lesbarer zu machen und bestimmte Stellen hervorzuheben, kann er auf verschiedene Weise formatiert werden. Mit Absätzen und Zwischenüberschriften kann man Sinninhalte voneinander trennen und das Textbild auflockern. Fett und kursiv markierte Wörter springen dem Leser schneller ins Auge. Auch Aufzählungen schaffen Übersichtlichkeit und vermitteln Informationen auf einen Blick. Der Editor ist beim Erstellen von Nachrichten, Veranstaltungen und im DirectEdit- Modus gleich aufgebaut. 3.2 Harter und weicher Umbruch Um Absätze in den Text einzufügen, müssen Sie Umbrüche erstellen. Der harte Umbruch ensteht einfach durch Betätigen der Enter -Taste. Zwischen den Zeilen erscheint hier automatisch eine kleine Lücke. Der Text ist nicht zusammenhängend, bestimmte Formatvorlagen (z.b. für Zwischenüberschriften) werden nicht weiter verwendet. Wenn Sie diese Lücke nicht haben wollen, verwenden Sie einen weichen Umbruch. Er entsteht durch Drücken von Umschalt (=Großschreibtaste) und Enter. Der Text geht in der nächsten Zeile weiter, aber ohne Abstand und in der gleichen Formatvorlage. Er gehört also noch zu dem Absatz vor dem weichen Umbruch. Nach einer Überschrift ist also kein weicher Umbruch möglich, da sonst der Text darunter auch automatisch die Formatierung der Überschrift annimmt. Nicht empfohlen sind Leerzeilen bzw. Leerabsätze (durch mehrmaliges Drücken der Enter-Taste). Sie zerreißen das Textbild und verhindern oft einen einheitlichen und strukturierten Aufbau der einzelnen Seiten einer Homepage

17 3 Text formatieren Fett und kursiv Wie schon erwähnt, können Sie Text fett oder kursiv hervorheben. Dafür markieren sie den gewünschten Text und drücken das entsprechende Symbol in der obersten Leiste des Editors. B für bold macht den Text fett, I für italic macht ihn kursiv. Auch möglich ist es, den Button vor dem Schreiben zu drücken. Der ganze nachfolgende Text wird fett bzw. kursiv, bis Sie wieder das jeweilige Symbol wieder auflösen. 3.4 Überschriftenformate Auch Überschriften können über den DirectEdit-Modus vergeben werden. Stelen Sie den Cursor in den Absatz, der ein Überschriftenformat erhalten soll. Um eine Überschrift zu erstellen, müssen Sie links oben eine Vorlage wählen. dafür klicken Sie auf den Pfeil rechts neben dem Wort Absatz (siehe Bild) und wählen die gewünschte Art. 3.5 Aufzählungen Eine Aufzählung erstellen Sie, indem Sie in der obersten Zeile des Editors auf de entsprechenden Symbole (im Bild rechts markiert) klicken. Der linke Button ist für eine normale Aufzählung, der rechte für eine Nummerierung. Beim Klick erscheint automatisch ein Aufzählungszeichen. Auch, wenn Sie jetzt die Entertaste drücken, beginnt die neue Zeile in der Aufzählung. Um sie zu beenden, drücken Sie abermals auf das Symbol. Haben Sie den Text schon geschrieben, markieren Sie ihn im Ganzen und drücken dann auf den Button. Beachten Sie dabei, dass zwischen den einzelnen Punkten harte Umbrüche sind, da weiche Umbrüche zum vorherigen Absatz gezählt werden.

18 4 Veröffentlichen 18 4 Veröffentlichen Wollen Sie, dass der Besucher Ihrer Homepage auf ihr etwas sieht, müssen Sie Ordner, Seiten, Nachrichten, Veranstaltungen und jede Änderung immer veröffentlichen, nur dann kann man aus dem Internet darauf zugreifen. Ordner und Seiten veröffentlichen Sie im Backend über den Pfeil links daneben. Wenn Sie auf ihn klicken, erscheint ein Menü, in dem der Punkt Veröffentlichen enthalten ist. Auch bei Nachrichten und Veranstaltungen gibt es diesen Pfeil, über dessen Menü Sie den Text online stellen. Seiten (und vor allem inhaltliche Änderunge) können Sie im DirectEdit ebenfalls über den Button Veröffentlichen (links oben) für den Besucher freigeben.

19 5 Links 19 5 Links 5.1 Projektbeschreibung Häufig kommt es vor, dass Sie auf Informationen und Aktionen auf anderen Homepages verweisen wollen. Auch bei Ihrem eigenen Webauftritt ist es oft so, dass Wissenswertes auf verschiedene Seiten verteilt ist. Dafür ist es sinnvoll, die Seiten untereinander zu verlinken, um dem User größtmögliche Übersicht zu bieten, seine Suche zu erleichtern und auf weitere Informationen hinzuweisen. Im Folgenden werden Links erklärt, die im Editor erstellt werden (also für Nachrichten, Veranstaltungen und im DirectEdit-Modus). 5.2 Externe Links Unter externen Links versteht man Verweise zu anderen Homepages. Um einen Link zu erstellen, geben Sie zuerst den Text ein, der verlinkt werden soll (egal, ob das die Adresse selber oder ein normaler Text ist). Leider konnte die Funktion, dass Links automatisch durch Leerzeichen danach aktiviert werden, bisher nicht ins neue System übernommen werden. Nun markieren Sie die Stelle, unter die der Link gelegt werden und klicken auf das Linksymbol in der obersten Editorleiste, das Sie schon aus der CMS-Version 3.3 kennen (siehe unten).

20 5 Links 20 Daraufhin öffnet sich ein modales Fenster mit dem Titel (Link einfügen/bearbeiten). Unter Ziel geben Sie nun die gewünschte Adresse ein. Ein externer Link wird generell in einem neuen Fenster geöffnet, um den Besucher auf der eigenen Homepage zu halten. Dafür gehen Sie in der Zeile Fenster auf den Pfeil auf der rechten Seite. In dem DropDown-Menü, das sich nun öffnet (siehe Bild), klicken Sie nun auf Neues Fenster. Die Bearbeitung ist damit abgeschlossen, über Einfügen aktivieren Sie den Link. Er ist jetzt im Editor markiert.

21 5 Links Interne Links Bei internen Links handelt es sich um Verknüpfungen innerhalb der eigenen Homepage. Um einen internen Link zu erstellen, markieren Sie wieder den gewünschten Text und gehen auf den Link-Button. Jetzt aber geht es anders weiter: Klicken Sie auf das erste Symbol rechts neben dem Eingabefenster in der Zeile Ziel (siehe Bild links). Nun öffnet sich ein neues Fenster, in dem die Baumstruktur Ihrer Homepage angezeigt wird (Bild nächster Absatz). Navigieren Sie nun zu der gewünschten Seite und klicken darauf (Im Beispiel Schulkindergottesdienste im Ordner Gottesdienste ). Liegt die Seite in einem Ordner, müssen Sie diesen über den Pfeil links daneben öffnen. Klicken Sie auf den Ordnernamen, wird der Ordner selbst verlinkt! Ist die Seite ausgewählt, schließt sich das Fenster und der ihr Name wird unter Ziel angezeigt. Da ein interner Link normalerweise im aktuellen Fenster geöffnet wird, müssen Sie nichts weiter ändern und nur noch auf Einfügen klicken.

22 5 Links Links -Links werden ebenfalls über den Link-Button erstellt. Markieren Sie also wieder den gewünschten Text (oder -Adresse) und klicken Sie auf das Link- Symbol. Wieder öffnet sich das modale Fenster Link einfügen/bearbeiten. Schreiben Sie in das Feld Ziel die -Adresse, die Sie als Link einfügen wollen. Die Einstellungen im Fenster müssen Sie nicht ändern, da ein - Client wie Outlook Express von sich aus in einem neuen Fenster öffnet. Schließen Sie den Dialog dann wieder mit der Einfügen-Taste. 5.5 Link entfernen Natürlich können Sie gesetzte Links auch wieder entfernen. Dafür stellen Sie den Cursor in den Link und gehen auf den Button Link entfernen, der rechts neben dem Link erstellen -Symbol sitzt. Achtung: Aktuell können Links noch nicht sofort getestet werden, sondern die Seite muss vorher veröffentlicht oder noch einmal geschlossen und neu geöffnet werden.

23 6 DirectImage Bilder einfügen 23 6 DirectImage Bilder einfügen 6.1 Projektbeschreibung Bis jetzt wurden die Seiten lediglich mit Text befüllt, der nun mit Bildern veranschaulicht werden soll. Denn mit Bildern kann man das Seitenlayout auflockern und ansprechender gestalten sowie den Inhalt des Geschriebenen visuell unterstützen. In diesem Kapitel erfahren Sie, wie man über die Funktion Direct-Image ein Bild auf eine Internetseite stellen kann. Ziel ist es, eine Seite zu erstellen, die in etwa folgendes Aussehen hat: Bitte beachten Sie: Das Bild wird auf der Seite auf Höhe des Anfangs des DirectEdit-Bereichs also des Textbereichs - eingefügt. Nur wenn sie die Überschrift der Seite im Backend erstellt haben, erscheint das Bild tatsächlich neben dem Text und nicht neben der Überschrift, so wie sie es in er Darstellung unten sehen können.

24 6 DirectImage Bilder einfügen Upload von Bildern Der Weg zur richtigen Seite Loggen sie sich wie üblich unter cms.kirche-bamberg.de in das Redaktionssystem Ihrer Homepage ein. Oben rechts befindet sich der Button "Vorschau". Aktivieren Sie ihn mit der Maus. Es öffnet sich ein neuer Tab, in dem Sie die Startseite Ihrer Homepage in der Vorschau sehen können. Klicken sie sich im Vorschaumodus über die obere und linke Navigationsleiste zur der Seite, der sie ein Bild beifügen wollen. Exkurs: Ein anderer Weg zur richtigen Seite Sie können auch über einen anderen Weg zur gewünschten Seite gelangen: Loggen Sie sich in das Redaktionssystem Ihrer Homepage ein. und klicken Sie auf den Button "Direct Explorer", der sich auf der linken Seite befinden. Der "Direct Explorer" öffnet sich. Hier können Sie die Ordnerstruktur ihrer Homepage sehen. Betätigen Sie den Eintrag "Home" mit der Maus.

25 6 DirectImage Bilder einfügen 25 Wählen sie aus der sich öffnenden Liste den Ordner aus, in dem sich Ihre Seite befindet. (In diesem Beispiel heißt der Ordner "Kirchen") In der rechten Liste sehen sie nun die Seiten, die sich in dem Ordner befinden. Mit einem Doppelklick auf die gewünschte Seite öffnet sich ein neuer Tab, in dem Sie diese Seite in der Vorschau sehen und bearbeiten können. (In dem Beispiel heißt die Seite "Gründungsgeschichte" Anwählen des "directimage" Sie befinden sich nun in der Vorschau der Seite, in die Sie ein Bild einfügen wollen. Dafür müssen Sie zur Funktion "directimage" gelangen, die sie über einen Mausklick auf den Pfeil in der linken oberen Ecke des Browserfensters erreichen.

26 6 DirectImage Bilder einfügen 26 Auf der Seite erscheinen nun verschiedene Buttons. Wählen Sie die Funktion "directimage" Bildauswahl Es erscheint das modale Fenster "Seitenkonfiguration" mit zwei Reitern ("Allgemeine Daten", "Bildauswahl"). Öffnen Sie per Mausklick den Reiter Bildauswahl. Hier können Sie nun Bilder hinzufügen, indem Sie den entsprechenden Button aktivieren.

27 6 DirectImage Bilder einfügen 27 Ein neues Fenster öffnet sich, in dem alle bisher hochgeladenen Bilder angezeigt werden. Wenn Sie auf ein Bild klicken, das Sie auf der Seite haben wollen, erscheint links oben ein Haken. Das Bild ist angewählt (Sie können gleich bei mehreren Bildern Haken setzen). Im rechten oberen Eck befindet sich eine Suchfunktion ("Schnellsuche"), über die Sie die bereits auf den Server hochgeladene Bilder finden können, die zu der Seite passen Hochladen von Bilder Befindet sich das gewünschte Bild noch nicht auf dem Server, müssen Sie es zunächst hochladen. Klicken Sie dafür auf den Button "Upload", der sich unten mittig befindet. Ein neues Fenster "Medien-Upload" erscheint. Sie sehen ein Formular, in dem Angaben für das Bild, das hochgeladen werden soll, eingegeben werden sollen.

28 6 DirectImage Bilder einfügen 28 Füllen Sie es folgendermaßen aus: Geben Sie in das rot umrandete Feld den Titel für das Bild ein. Der Titel des Bildes ist lediglich im Redaktionssystem, nicht aber auf der Homepage zu sehen. Sobald das Feld beschriftet ist, verschwindet der Rahmen. Schreiben Sie - sofern vorhanden und gewünscht - eine Bildunterschrift in das entsprechende Feld. Dieser Text erscheint auf der Homepage unter dem Bild. Damit Sie das Bild später wieder finden, ist es wichtig Suchbegriffe einzutragen. Geben in das Feld "Suchbegriffe:" ein, was auf dem Bild zu sehen ist. Geben Sie neben dem Stichwort "Copyright" ein, wer die Rechte an dem Bild hat. Unter dem fertig ausgefüllten Formular befindet sich der Button "Upload", mit dem Sie nun das gewünschte Bild hochladen. Klicken Sie darauf und es öffnet sich das Fenster "Datei(en) hochladen". Betätigen Sie den Button "Datei(en) hinzufügen".

29 6 DirectImage Bilder einfügen 29 Ein Fenster erscheint, durch das Sie Zugang zu den Dateien Ihres eigenen PCs erhalten. Suchen Sie die gewünschte Bilddatei, klicken Sie diese mit der Maus an. Der Titel der Datei erscheint nun in dem Feld "Dateiname". Um Ihre Auswahl zu bestätigen, aktivieren den Button öffnen. Der Zugang zu Ihren eigenen Dateien verschwindet und Sie sehen wieder das Fenster "Dateien hochladen", in dem der Titel der ausgewählten Bilddatei zu sehen ist. (Haben Sie ein falsches Bild ausgewählt, können sie es durch den Button "Dateiliste leeren" entfernen) Klicken Sie auf den Button "Datei(en) hochladen", um das Bild in Server einzuspielen. Bestätigen Sie den Vorgang, durch den "Ok"- Button im Fenster, das nach einer kurzen Wartezeit erscheint.

30 6 DirectImage Bilder einfügen 30 Im Vordergrund sehen Sie nun wieder das Fenster "Medien-Upload" mit dem von Ihnen ausgefülltem Formular. Bild und Eingaben müssen noch gespeichert werden. Klicken Sie deshalb auf den Button "Speichern" und rechts.

31 6 DirectImage Bilder einfügen Einfügen von Bildern Im Vordergrund erscheint wieder das Fenster Anhänge erstellen", in dem Sie das neu hochgeladene Bild sehen. Wählen Sie das Bild durch einen Mausklick darauf aus. Das Quadrat links über dem Bild wird mit einem Hacken versehen. Betätigen Sie nun den Button Hinzufügen unten rechts. Im Fenster "Seitenkonfiguration" sehen Sie Ihre Bildauswahl für die Seite. Speichern Sie diese durch den entsprechenden Button unten rechts.

32 6 DirectImage Bilder einfügen 32 Nach einer kurzen Wartezeit erscheint das Bild auf der Vorschauseite rechts neben dem Text. 6.3 Veröffentlichen Das Veröffentlichen funktioniert, wie unter Punkt 7 (Veröffentlichen) erklärt: Ein DirectEdit-Button hat den Namen Veröffentlichen, er befindet sich in der linken oberen Ecke. Ein Klick darauf macht die geänderten Daten, hier die eingefügten Bilder, für den Besucher der Seite sichtbar. 6.4 Löschen von Bildern aus der Seite Um ein Bild zu löschen, müssen Sie sich im DirectEdit-Modus (Vorschaumodus) befinden. Klicken Sie hier auf den Pfeil in der linken oberen Ecke, um die Bearbeitungsbuttons anzeigen zu lassen. Über den Button DirectImage öffnet sich ein modales Fenster. Im Reiter Bildauswahl sind alle für die Seite gewählten Bilder angezeigt. Klicken Sie auf den Button Bild entfernen und auf Speichern, um das Bild zu löschen. Die Seite muss nach dieser Änderung natürlich wieder veröffentlicht werden.

33 7 DirectFiles Dateien einfügen 33 7 DirectFiles Dateien einfügen 7.1 Projektbeschreibung Über an Seiten angehängte Dateien kann man dem Leser Zusatzinformation bieten, ohne die Seite selbst zu überfrachten. Das fängt bei einer PDF-Version des Inhalts der Seite an und muss nicht bei einer Tondatei zum Anhören eines Audiobeitrages enden. Als Beispiel soll eine Seite dienen, auf der Erzbischof Dr. Ludwig Schick vorgestellt wird. Sein Lebenslauf ist dabei als PDF-Datei angehängt und im unteren Bereich der Seite unter Download verfügbar. 7.2 Upload von Dateien Der Upload von Dateien funktioniert ähnlich dem von Bildern. Gehen Sie zu der Seite, die Sie bearbeiten wollen, und dort auf den Pfeil links oben, um die Symbole für die direkte Bearbeitung anzuzeigen. Der Button zur Editierung der Dateianhänge, directfiles, befindet sich ganz unten auf der Seite. Haben Sie also viel Text eingefügt, kann es gut sein, dass Sie erst einmal runterscrollen müssen, um darauf klicken zu können.

34 7 DirectFiles Dateien einfügen 34 Es öffnet sich modales Fenster mit dem Titel Seitenkonfiguration. Im Reiter Downloadauswahl finden Sie den Button Download(s) hinzufügen. Nach einem Klick darauf erscheint eine Übersicht über alle bereits hochgeladenen Dateien (siehe Bild unten). Ist die von Ihnen gesuchte Datei schon hochgeladen (über die Volltextsuche oben rechts im Fenster kann man nach Schlagworten suchen), können Sie gleich zu Punkt 9.3 springen. Andernfalls drücken Sie auf den Button Upload, im Fenster unten mittig gelegen. Ein neuer Dialog mit dem Namen Medien-Upload erscheint. Dort können Sie im oberen Bereich globale Texteigenschaften eingeben. Diese gelten also für alle Dateien, die Sie auswählen, wenn Sie im unteren Teil des Fensters auf Upload gehen.

35 7 DirectFiles Dateien einfügen 35 Jetzt können Sie im Fenster Datei(en) hochladen über den Button Datei(en) hinzufügen Ihren PC nach den benötigten Dokumenten durchsuchen. Klicken Sie das gewünschte an und gehen Sie auf Öffnen. Die Datei steht jetzt in der Liste im Fenster Datei(en) hochladen. Dort ist jetzt auch der neue Button Datei(en) hochladen erschienen. Zum Hochladen des Bildes gehen Sie analog zu den Bildern vor. 7.3 Einfügen von Dateien Haben Sie gerade die Datei erst hochgeladen, befinden Sie sich schon an der richtigen Stelle. Wenn nicht, gehen Sie wieder in der Seitenvorschau auf den Pfeil links oben und bei den erscheinenden Buttons auf DirectFiles (am Ende der Seite). Im sich öffnenden Fenster ( Seitenkonfiguration ) klicken Sie auf Download(s) hinzufügen. Jetzt sehen Sie wieder alle bereits hochgeladenen Dateien. Wählen Sie alle Dokumente aus, die Sie auf dieser Seite verfügbar machen wollen, indem Sie darauf klicken. Die gewählten Dokumente sind jetzt durch einen Haken markiert. Wenn Sie die von Ihnen gesuchte Datei nicht auf Anhieb finden, können Sie über die Volltextsuche links oben nach Schlagworten suchen. Außerdem können Sie die Bibliothek wählen, deren Dateien angezeigt werden. Standardmäßig ist das die lokale Medienbibliothek, also alle Dokumente, die in Ihrem Träger hochgeladen wurden. Benötigen Sie aber z.b. ein Bild, das auch über den Träger hinaus relevant ist (z.b. ein Bild des Bamberger Domes), können Sie als Bezugsort die globale Medienbibliothek verwenden.

36 7 DirectFiles Dateien einfügen 36 Wollen Sie sich noch einmal nur die ausgewählten Dateien ansehen, gehen Sie auf Auswahl anzeigen. Andernfalls klicken Sie gleich auf Hinzufügen. Sie sind jetzt wieder im Fenster Seitenkonfiguration. Hier können Sie über die Buttons nach oben und nach unten die Reihenfolge bestimmen, in der die Dateien auf der Seite angezeigt werden. Haben Sie eine Datei zu viel markiert, können Sie diese über Download entfernen aus der Auswahl löschen (sie bleibt aber immer noch auf dem Server), haben Sie ein Dokument vergessen, können Sie wieder auf Download(s) hinzufügen klicken. Ist alles so weit fertig, klicken Sie auf Speichern. Nun ist wieder die bearbeitete Seite sichtbar, mit den von Ihnen angefügten Dateien. 7.4 Löschen von Dateien aus der Seite Auch das Löschen funktioniert, wie unter 9.3 schon kurz angeschnitten, über das Fenster Seitenkonfiguration. Gehen Sie also wieder in die Vorschau der Seite, fahren die DirectEdit-Buttons aus und klicken auf DirecFiles. Im Reiter Downloadauswahl sind alle auf der Seite sichtbaren Dokumente gelistet, hinter jeder befindet sich der Knopf Download entfernen. Ein Klick darauf entfernt die Datei aus der Auswahl. Gehen Sie auf Speichern, um wieder auf die Seite selbst zurückzukommen.

37 7 DirectFiles Dateien einfügen Veröffentlichen Wie alle anderen Änderungen an Seiten muss auch das Anhängen von Dateien veröffentlicht werden. Ein DirectEdit- Button hat den Namen Veröffentlichen, er befindet sich in der linken oberen Ecke. Ein Klick darauf macht die geänderten Daten, hier die eingefügten bzw. gelöschten Dokumente, für den Besucher der Seite sichtbar. Haben Sie alle gewünschten Bilder, klicken Sie auf Hinzufügen. Nun sind sie wieder im Fenster Seitenkonfiguration. Hier sind alle ausgewählten Bilder gelistet. Das auf der Liste oberste Bild ist auch auf der Seite, die bearbeitet wird, das angezeigte Bild. Wollen Sie ein anderes auswählen, klicken Sie bei der entsprechenden Grafik aus als Hauptbild festlegen. Wollen Sie die Reihenfolge der Photos ändern, können Sie über nach oben und nach unten die Grafiken an die gewünschte Position navigieren. Klicken Sie jetzt auf Speichern. Das erste Bild wird auf der Seite angezeigt, die anderen sind über die Funktion Galerie für den Besucher aufrufbar. Als letzten Schritt betätigen Sie wie immer noch den Button Veröffentlichen links oben, um die Änderungen online freizugeben.