Schulungsunterlagen zur Version 3.3

Transkript

1 Schulungsunterlagen zur Version 3.3 Kapitel 12: Seitenpflege über den Editor 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 Seitenpflege über den Editor Anlegen einer neuen Seite 1.2 Einsetzen von Texten Erstellen eines Textes im Textprogramm Einfügen von Texten Absatz- und Zeichenformatierungen Einfügen von Links Links Externe Links Interne Links Speichern, Schließen und Vorschau Veröffentlichen von Seiten aus dem Editor heraus Einfügen von Fotos Cursorposition und Öffnen des Bilderassets Bilder hochladen Bildsuche Einfügen eines Bildes Löschen eines Bildes 13

3 1. Seitenpflege über den Editor 3 1 Seitenpflege über den Editor Eine Homepage besteht nicht nur aus einer Startseite mit Meldungen, sondern auch aus Einzelseiten, die thematisch bestimmte Informationen liefern. Diese Informationen sollen ständig abrufbar sein, wie z. B. die Pfarreigeschichte, der Programmablauf eines Festes, Kontaktadressen, usw. Eine Seite wie die Folgende ist das Ziel dieses Abschnittes. Er soll Sie hinführen, auf einer Seite Texte mit Bildern in ansprechendem Layout zu kombinieren.

4 1. Seitenpflege über den Editor Anlegen einer neuen Seite Loggen Sie sich (falls noch nicht geschehen) in das Redaktionssystem DirectSite über ihren Internetexplorer ein. Unter Anwendung wählen Sie den Punkt Direct Explorer", es öffnet sich ein Fenster mit folgendem Arbeitsbereich: Suchen Sie sich in der linken Leiste durch Anklicken des Namens den Ordner aus, in dem ihre neue Seite angelegt werden soll. Besitzt der Ordner Unterordner, können Sie diese durch einen Klick auf das Plus-Symbol vor dem Ordner sichtbar machen. Wenn Sie den Ort gewählt haben, klicken Sie auf den Button Neue Ressource und legen eine neue Seite an mit der Auswahl Neue Seite. Geben Sie Ihre Daten im folgenden Fenster in den "Seitenanlege-Assistenten" wie gewohnt ein. Wenn Ihre Seite in die Navigation aufgenommen werden soll, setzen Sie einen Haken an die Stelle "In Navigation aufnehmen" und definieren den Navigationstext. Durch Anklicken der Taste Anlegen wird die Seite in Ihr System übernommen, allerdings ist sie noch nicht für die Öffentlichkeit freigegeben.

5 1. Seitenpflege über den Editor 5 Sie erkennen dies an der blauen Schrift des Dateinamens. Das geöffnete Schloss bedeutet übrigens, dass die Seite für Sie offen ist, während andere Nutzer, die parallel im Web wären, ein geschlossenes Schloss zu sehen bekämen. Um die Seite online, also für alle User im Internet sichtbar zu machen, klicken Sie mit der rechten Maustaste auf das Seitensymbol vor dem Schloss und wählen im erscheinenden Kontextmenü den Punkt "Veröffentlichen". Das Vorhängeschlosszeichen ist verschwunden und die Schrift ist schwarz. Die Seite ist jetzt von außen abrufbar. 1.2 Einsetzen von Texten Erstellen eines Textes im Textprogramm Texte, die Sie in ihre Seite integrieren wollen, verfassen Sie bitte ohne irgendeine Art von Formatierung in einem Textprogramm wie z. B: Word. Die eigentliche Formatierung erfolgt später direkt bei der Integration in die Seite. Einige Befehle, die im Umgang mit Texten benötigt werden, sollen hier kurz erläutert werden: Wenn von Text kopieren die Rede ist, heißt das, Sie markieren den Text in Ihrem Textprogramm und drücken gleichzeitig die Tasten Strg + C" (oder Sie wählen in Ihrer Menüleiste unter dem Eintrag "Bearbeiten" den Punkt "Kopieren"). Der Text ist nun in den Zwischenspeicher von Windows aufgenommen worden. Text einfügen bedeutet, den Cursor an die gewünschte Stelle zu setzen und mit der Tastenkombination Strg + V (alternativ wählen Sie unter "Bearbeiten" die Option "Einfügen") aus dem Speicher einzufügen. ABER: Durch das standardisierte Einfügen wird das Format ebenso übernommen. Das kann zu Fehlern beim Arbeiten mit dem Redaktionssystem führen, weshalb man beim Einfügen eines Textes aus Word in Directsite IMMER den Wordbutton verwenden sollte. Das garantiert, dass der Text ohne Formatierung erscheint Einfügen von Texten Soll Ihr Text aus der Zwischenablage über den Word-Button im Editor in Ihre Seite eingefügt werden, gehen Sie bitte so vor: Klicken Sie in der Anwendung Direct-Explorer auf den Namen der Datei, die Text erhalten soll. Die Seite öffnet sich in einem neuen Browserfenster.

6 1. Seitenpflege über den Editor 6 Wenn die Seite zum ersten Mal bearbeiten, steht dort Baustelle. Um nun in den Bearbeitungsmodus zu gelangen, drücken Sie den DirectEdit-Button. Die Ansicht wird nun durch den Editor ersetzt, in dem Sie Layout und Gestaltung vornehmen können. Weitere Möglichkeit Um auf andere Weise in den Editor der jeweiligen Seite zu kommen, können Sie im Explorer auch das Kontextmenü der Datei durch Anklicken des Blatt-Symbols öffnen und den Eintrag "Seite bearbeiten" auswählen. Sie sehen im oberen Teil eine umfangreicher Funktionsleiste, ähnlich der in Textprogrammen. Auf die einzelnen Funktionen wird gleich genauer eingegangen. Darunter liegt das Textfeld, in dem der Text dargestellt wird. Zuerst kopieren Sie den in Word geschriebenen Text und fügen ihn mit dem Wordbutton in den Editor ein. Der Text erscheint unformatiert im Bearbeitungsfenster. 1.3 Absatz- und Zeichenformatierungen Bringen Sie den Text jetzt ins richtige Format. Um einen so genannten weichen Zeilenumbruch zu erzeugen, halten Sie die "Umschalt-Taste" gedrückt und schlagen dann die "Enter-Taste" an. Diese Taste allein erzeugt einen neuen Absatz, was einen Zwischenraum zur Folge hat.

7 1. Seitenpflege über den Editor 7 Wenn Sie einem Absatz ein Überschriftenformat zuweisen wollen, setzen Sie den Cursor in denselben und wählen Sie im Formatvorlagenfenster die Überschrifteneinträge aus. Je kleiner die Überschriftennummer, umso weiter steht Sie hinten in der Hierarchie. Um Texten eine Zeichenformatierung zu geben, müssen Sie zuerst die entsprechenden Wörter und Zeilen markieren. Nutzen Sie dann die neben stehenden Tasten, deren Bedeutung unten stehend erklärt ist. B : Markierter Text wird fett I : Markierter Text wird kursiv U : Markierter Text wird unterstrichen S : Markierter Text wird durchgestrichen An dieser Stelle seien auch noch die Aufzählungszeichen erwähnt, die Listen erzeugen, was ein schönes kompaktes Aussehen ergibt. Der Ausgangszustand für nicht nummerierte oder nummerierte Listen sollten einzelne Absätze sein, die durch die "Enter-Taste" getrennt wurden. Markieren Sie dann die entsprechenden Absätze, die in einer Liste zusammengefasst werden sollen und aktivieren Sie dann den Button für Aufzählungszeichen oder für Nummerierungen.

8 1. Seitenpflege über den Editor Einfügen von Links Die Verlinkung von adressen, Homepages und zu internen Seiten erfolgt im ersten Schritt über die Markierung des Textes, der den Link bekommen soll. Klicken Sie dann in der Symbolleiste auf den Button für das Erstellen eines Links Links Im neu erscheinenden Fenster geben Sie bei einer adresse die gesamte Adresse ein und setzen ein mailto: ohne Leerzeichen davor. Beim Punkt Linkziel wählen Sie neues Fenster, damit sich beim Nutzer der -Client öffnet. Mit Ok bestätigen Sie Ihre Eingaben, worauf sich das Linkfenster schließt und der markierte Text den Link bekommt Externe Links Bei einer Homepage geben sie die gesamte Adresse inklusive ein. Wenn Sie wünschen, dass der Link im selben Fenster geöffnet wird, wählen Sie bei Linkziel den Punkt Gleiches Fenster. Wenn der Link in einem neuen Fenster erscheinen soll (was der Regelfall ist) geben Sie unter Linkziel Neues Fenster an, worauf sich der externe Link in einem neuen Browserfenster öffnet und Ihr Web im Hintergrund erhalten bleibt. Nach Beendigung aller Eingaben bestätigen Sie mit Ok : Wenn Sie den Text vollständig formatiert haben, dürfte er dann ähnlich wie in folgendem Beispielbild aussehen:

9 1. Seitenpflege über den Editor Interne Links Der Vollständigkeit halber sollen an dieser Stelle auch noch die internen Links erklärt werden, die auf Seiten innerhalb Ihres Webs verweisen. Um einen solchen Link zu erzeugen, klicken Sie bitte auf das Ordnersymbol rechts im Fenster. Die Struktur Ihres Webs geht nun auf. Durch Aktivieren der Plus- Symbole vor den Ordnern öffnen Sie die nächste Unterebene. Um eine Datei als Linkziel endgültig in die "Link URL:" zu übertragen klicken Sie die Datei einfach an. 1.5 Speichern, Schließen und Vorschau Neben dem Veröffentlichen-Button, der unter 12.6 erklärt ist, sind noch folgende Schaltflächen beim Bearbeiten eines Dokuments sinnvoll: Ein Klicken auf den Button schließt das Dokument und speichert es dabei. Diese Schaltfläche erzeugt ein Zwischenspeichern. Drücken Sie das "rote Kreuz" beenden Sie Ihr Arbeiten ohne das Dokument zu speichern. Dieser Button öffnet ein Browserfenster, in dem Sie Ihre Datei in dem aktuellen Bearbeitungszustand sehen. 1.6 Veröffentlichen von Seiten aus dem Editor heraus Wenn ihr Text soweit fertig ist, drücken Sie auf den Button zum Veröffentlichen. Die Seite wird dadurch für Nutzer von außen in der aktuellen Version lesbar.

10 1. Seitenpflege über den Editor Einfügen von Fotos Cursorposition und Öffnen des Bilderassets Um Fotos neben dem Text zu platzieren, bleiben Sie im Textbearbeitungsfenster. Setzen Sie den Cursor vor den Absatz. auf dessen Höhe später das Bild erscheinen soll. In den meisten Fällen soll das Foto zu Beginn des Textblocks auf der rechten oder linken Seite neben dem Artikeltext eingeblendet werden. Die Position zum Einfügen des Bildes ist somit ausgewählt, die Rechts- oder Linksbündigkeit des Photos wird später festgelegt. Drücken Sie den Bildbutton in der Bearbeitungsleiste, worauf das so genannte "Bilderasset" erscheint. Hier können Sie bereits vorhandene Bilder durch einen Doppelklick auswählen, meist aber muss das gewünschte Bild zuerst hochgeladen werden. Das bedeutet, das Bild wird damit in die Bilderdatenbank aufgenommen, die aktuell in der gesamten Plattform über circa Bilder verfügt Bilder hochladen Um ein Bild hochzuladen, klicken Sie auf das Papiersymbol. Im Fenster "Bild(er) hochladen" klicken Sie auf "Durchsuchen".

11 1. Seitenpflege über den Editor 11 Im nun erscheinenden Dialog bestimmen Sie den Ort, vom dem Ihre Datei hochgeladen werden soll. Klicken Sie das Grafik oder Photo an, das in die Bildverwaltung übernommen werden soll und schließen Sie den Dialog durch Anklicken der "Öffnen"-Taste. Nach der Auswahl des Bildes starten Sie den Hochladevorgang durch Anklicken des Buttons "Bild(er) hochladen". Nachdem der Hochladevorgang abgeschlossen wurde, erscheint folgendes Fenster: Hier geben Sie den Titel und die im Internet erscheinende Bildunterschrift ein, sowie Ihre Suchbegriffe für das Bild, die zukünftiges Finden des Bildes in der Datenbank erleichtern soll. Wollen Sie für Bilder einzelne Suchbegriffe vergeben, dann trennen Sie diese bitte einfach durch Leerzeichen. Besteht ein Suchbegriff aus mehr als einem Begriff, sind Anführungszeichen von Nöten. Als Beispiel mag "Weltjugendtag 2005" gelten. Um Bilder auch anderen Trägern zur Verfügung zu stellen, setzen Sie ein Häkchen bei "gesamter Plattform". Loggt sich ein User beispielsweise bei der Pfarrei St. Martin Bamberg ein und sucht mit Ihren Begriffen, bekommt er bei Aktivierung der eben genannten Option auch Ihre Bilder zur Verfügung gestellt. Mit einem Klick auf "Speichern" übernehmen Sie das Bild in die Datenbank. Es erscheint jetzt in der Bildverwaltung.

12 1. Seitenpflege über den Editor Bildsuche Im Eingabefeld Suche: können Sie Ihre Suchworte eingeben, um ein Bild zu finden. Je detaillierter Sie der Datei Suchbegriffe zugeordnet haben, desto präziser können Sie nach den Bildern suchen. Geben Sie Ihr Suchwort ein und bestätigen Sie mit der Enter-Taste. Die Bildverwaltung zeigt nur die Bilder, die mit diesem Suchwort belegt wurden Einfügen eines Bildes Wenn Sie das gewünschte Bild in der Bildverwaltung sehen, sei es nach dem Hochladen oder der Bildsuche, klicken Sie zum Einfügen direkt auf dieses. Ein Dialogfenster wie das neben stehende erscheint, das die Möglichkeit gibt, noch einzelne Parameter einzustellen oder bestehende Einstellungen zu überprüfen. Für den Fall, dass ihr Bild doch sehr breit und hoch ist, wählt das Programm automatisch die Option, das Bild in einer verkleinerten Form einzusetzen. Hierzu ist der Punkt im angegebenen Format markiert, und eine neue Breite und Höhe, im Bildbeispiel 150x200 angegeben. Wenn Sie das Bild im Originalformat einsetzen wollen, wählen Sie den Punkt im Originalformat. Falls sie das vom Programm gewählte Format nehmen, allerdings auch dem Leser das Originalformat bieten wollen, setzen Sie zusätzlich zu den vorgegebenen Einstellungen einen Haken bei dem Punkt mit Link zum Originalformat. Sie können das Bild aus selbst noch einmal auf eine gewünschte Größe bringen. Setzen Sie dazu den von Ihnen gewünschten Wert in das Feld "Breite" (Querformat) oder "Höhe"(Hochformat). Den jeweils anderen Wert machen Sie

13 1. Seitenpflege über den Editor 13 leer. Klicken Sie dann auf die Taste "Aktualisieren" oder gleich Einfügen und das System berechnet den fehlenden Wert. Außerdem wird die reelle Größe im oberen Fenster angezeigt. Die Ausrichtung des Bildes innerhalb des Absatzes auf der Seite legen Sie mit der Auswahl von rechts, zentriert oder links fest. Die Option mit Bildunterschrift, falls eine vorhanden, ist automatisch angewählt. Wenn Sie diese nicht wünschen, entfernen Sie den Haken unter mit Bildunterschrift. Die genauen Einzeldaten können Sie unter der Überschrift Bildangaben einsehen. Wenn Sie alle Einstellungen soweit vorgenommen sind, fügen Sie das Bild durch Drücken des Buttons Einfügen ein. Das Bild wird nun im Editorfenster mit der gewünschten Größe und Bündigkeit im Text eingefügt Löschen eines Bildes Ab und an kann es passieren, dass Sie die falsche Bündigkeit für ein Bild gewählt oder ein falsches Bild eingefügt haben. Um ein Bild beim Bearbeiten zu löschen, klicken Sie zuerst auf das Bild. Das Bild ist nun angewählt, allerdings nicht der gesamte Rahmen, der auch gelöscht werden muss. Um das Bild mitsamt Rahmen "richtig" zu entfernen, klicken Sie auf das Bild und anschließend in der Leiste mit dem Titel Pfad unterhalb des Texteingabebereichs

14 1. Seitenpflege über den Editor 14 auf Table oder ähnlich. Das Bild ist jetzt plus Rahmen markiert und kann mit einem Druck auf die Entf -Taste gelöscht werden. Vergessen Sie zum Schluss nicht, die Seite wieder zu veröffentlichen. Das Fenster schließt sich und im Explorer erscheint der fertige Text mit Bild.