> FarCry. Content-Management-System der IV-Versorgungseinheit FB03 an der WWU Münster. Piktogramme im Inhaltsbereich Version 3.3. Stand:

Transkript

1 Das verknüpfte Bild kann nicht angezeigt werden. Möglicherweise wurde die Datei verschoben, umbenannt oder gelöscht. Stellen Sie sicher, dass die Verknüpfung auf die korrekte Datei und den korrekten Speicherort zeigt. > FarCry Content-Management-System der Münster Version 3.3 Stand:

2 Inhaltsverzeichnis I. Einleitung... 3 II. Externe Links Eingabe Markieren Editieren Kennzeichnung als externer Link... 4 III. Interne Links Auffinden der Link-Adressen der Seite... 5 a) Friendly URL... 6 b) ObjectID Ergebnis Interner Link IV. -Adressen V. Downloads Datei hochladen Einfügen im Body Klasse bearbeiten Ergebnis VI. Quelltext Externer Link Interner Link Adressen Downloads Seite 2 von 18

3 I. Einleitung Im Body der Fakultätsseiten müssen vier Arten Links unterschieden und gekennzeichnet werden: Externe Links zu anderen Webseiten Interne Links zu Fakultätsunterseiten -Adressen Zum Download bereitgestellte Dokumente Für den Nutzer soll klar erkennbar sein, um welche Art Link es sich jeweils handelt. II. Externe Links Externe Links werden durch dieses Symbol für den Nutzer gekennzeichnet: Abbildung 1 Externer Link Bitte beachten Sie die Anleitung zum Bearbeiten von Seiten unter 1. Eingabe Loggen Sie sich bei FarCry ein. Gehen Sie in den Body der Seite, die sie bearbeiten wollen. Dort geben Sie zunächst eine Internet-Adresse oder ein Wort ein, die/das auf eine andere Seite verlinken soll. Abbildung 2 Eingabe Text 2. Markieren Seite 3 von 18

4 Danach wird/werden die Adresse/die Wörter markiert, die mit einer Verlinkung unterlegt werden sollen. Dazu wird im Menü in der zweiten Zeile Link einfügen/editieren - - angeklickt. 3. Editieren Daraufhin öffnet sich ein Fenster, in dem der Link editiert werden kann. Als Link-Typ wird der standardmäßig eingestellte Typ URL ausgewählt. Unter URL wird die Internet-Adresse eingegeben. Abbildung 3 Eingabe externer Link 4. Kennzeichnung als externer Link Um den Link als extern zu kennzeichnen, wird der Link unter dem Reiter weiter bearbeitet. Im sich öffnenden Link-Menü unter Erweitert muss unter Stylesheet-Klasse das Wort ext eingegeben werden. Mit Klick auf ok ist der Link klar als externer Link gekennzeichnet. Unter Titel Beschreibung soll eine Linkbeschreibung eingegeben werden, die für den Nutzer sichtbar wird, wenn er mit der Maus über den Link fährt. Seite 4 von 18

5 Abbildung 4 Klasse ext und Titel Im Ergebnis sieht der Link auf der Seite dann so aus: Abbildung 5 Ergebnis externer Link III. Interne Links Intern sind Links dann, wenn sie auf Seiten innerhalb des FarCry-Systems verweisen. Das sind i. d. R. alle Seite unter So sieht das Symbol für interne Links aus: Abbildung 6 Symbol interner Link Interne Links lassen sich wie die externen Links im Body der Seite setzen. Dazu kann wie unter Punkt II. dieser Anleitung vorgegangen werden. Allerdings muss bei der Bearbeitung des Links statt ext int als Stylesheet-Klasse eingegeben werden. 1. Auffinden der Link-Adressen der Seite Eine Besonderheit von FarCry ist, dass freigegebene Seiten sowohl unter der Friendly- URL, die sprechend der Position im Baum entspricht, aufrufbar sind als auch unter der Seite 5 von 18

6 unveränderlichen Kenn-Nummer, der sog. ObjectID, die bei der Ersterstellung vergeben wird. a) Friendly URL Friendly-URLs sind die die visitenkartenfähigen Adressen der Seiten im FarCry. Eine Grobübersicht über die URLs erhalten Sie unter Um die Friendly-URL der Seite zu erhalten, auf die Sie verlinken wollen, können Sie einfach die Jura-Homepage im Browser aufrufen und sich zu der Seite durchklicken. Wenn beispielsweise auf die Formularseite der IVV verlinkt werden soll, können Sie sich über -> Organisation -> IT Support IVV -> Anleitungen klicken und dann im linken Menü Formulare anklicken. Den in der Browserzeile aufgeführten Link können Sie dann einfach kopieren. Abbildung 7 Friendly-URL-Adresse der Formularseite b) ObjectID Vorteilhaft an einer Verlinkung über die ObjectID ist, dass diese auch dann gültig bleibt, wenn der sichtbare Name im Menü verändert wird. Änderte man beispielsweise den Menüpunkt Anleitungen in Hinweise, wäre die Seite mit den Formularen natürlich unter --ivv/anleitungen/formulare.html nicht mehr auffindbar, weil die Adresse jetzt ivv/hinweise/formulare.html hieße. Ein Link auf die Object ID, also wäre hingegen weiterhin unproblematisch möglich. Aus diesem Grund ist es sinnvoller, auf die ObjectID zu verlinken, auch wenn dies optisch weniger ansprechend sein mag. Die Adressen für die internen Links lassen sich auf unterschiedliche Weise finden: aa) HTML-Seiten und Navigationsknoten Die ObjectID einer Seite/eines Knotens findet man, wenn man bei FarCry eingeloggt ist, über den Baum. Man klickt auf die HTML-Seite, auf die man linken will, links im Baum. In unserem Beispiel wollen wir auf die Formularseite verlinken. Also Klicken wir auf die HTML-Seite Formulare. Seite 6 von 18

7 Abbildung 8 Klick auf Formulare Die ObjectID kann man links unten kopieren. Der muss noch ein vorangestellt werden. Abbildung 9 Anzeige der ObjectID Um gleich den gesamten Link zu haben, kann man die HTML-Seite in der Vorschau betrachten. In der Vorschau wird die aktuelle Seite bzw. die aktuelle Draft-Version angezeigt. Seite 7 von 18

8 Abbildung 10 Vorschau HTML-Seite Aus der Eingabezeile des Browsers lässt sich dann der Object ID-Link entnehmen. Nach wird die individuelle Ziffern- und Buchstabenkombination jeweils angefügt, mit der man die Seite aufzurufen kann. Es ist darauf zu achten, dass dem Link kein &flushcache=1&showdraft=1 angehängt ist, weil dann nur auf die aktuelle Entwurfsversion verwiesen wird, die aber für nicht eingeloggte Nutzer nicht aufzurufen ist und nicht mehr existiert, sobald die Seite freigegeben ist. Abbildung 11 Vorschau Ergebnis Seite 8 von 18

9 Dieses &flushcache=1&showdraft=1 ist vor dem Übernehmen des Links zu löschen. Wie erwähnt muss der Link dann mit der Klasse int analog II. 4. versehen werden. bb) Object IDs im Baum verlinken Eine Möglichkeit, schnell im Content andere FarCry-Seiten zu verlinken ist, den Body des Dokuments zu öffnen, in dem der Link gesetzt werden soll, im Baum - während die Seite geöffnet bleibt zum Navigationsknoten oder zur HTML-Seite zu springen, die verlinkt werden soll. Abbildung 12 Geöffnete HTML-Seite Im Baum muss mit der rechten Maustaste auf Formulare geklickt werden, dann Einfügen ausgewählt werden. Abbildung 13 Einfügen Im Body ist nun der Link auf die Seite vorhanden, der Linktitel entspricht dem Namen der HTML-Seite/des Knotens, wie er auch im Menü angezeigt wird. Seite 9 von 18

10 Abbildung 14 Link Formulare Aus technischen Gründen wird der Link links oben eingefügt. Der Link ist nun zu markieren, auszuschneiden und an die gewünschte Position zu setzen und ggf. mit Text zu versehen. Der Link verweist nun auf die gewählte interne Seite. Wie auch oben schon beschrieben, muss hier die Klasse int gesetzt werden. Dazu muss der Link bearbeitet werden. Unter Stylesheet-Klasse wird nun int eingegeben ggf. zzgl. einer Beschreibung unter Titel Beschreibung. Abbildung 15 Link bearbeiten Seite 10 von 18

11 Abbildung 16 Klasse setzen und ggf. Beschreibung eingeben 2. Ergebnis Interner Link Abbildung 17 Ergebnis interner Link IV. -Adressen Das Symbol für -Adressen sieht so aus: Abbildung 18 Piktogramm -Adressen lassen sich ähnlich bearbeiten und verlinken wie Web-Adressen. Jedoch Seite 11 von 18

12 muss nach Eingabe der -Adresse im Body bei Link-Info und Link-Typ statt URL ausgewählt werden. Dann muss die -Adresse noch einmal eingegeben werden. Abbildung 19 -Adresse bearbeiten Bei Bedarf lässt sich noch ein voreingestellter Betreff bzw. Nachrichtentext eingeben. Dieser wird prinzipiell vom -Programm des Senders übernommen, kann aber natürlich durch diesen geändert werden. Abbildung 20 Eingabe Daten Seite 12 von 18

13 In das Feld Stylesheet-Klasse unter Erweitert wird e_mail eingegeben und abschließend auf ok geklickt. Abbildung 21 Eingabe e_mail Die gekennzeichnete -Adresse sieht so aus: Abbildung 22 Ergebnis -Adresse V. Downloads PDF-Dokumente und andere Dateien, die Nutzern zum Download zu Verfügung gestellt werden, sollen auch entsprechend gekennzeichnet werden. Das Symbol für Downloads sieht so aus: Abbildung 23 Piktogramm Download Nachdem die Datei unter Dateien hochgeladen wurde, muss sie im Body an der gewünschten Stelle eingefügt werden. Seite 13 von 18

14 1. Datei hochladen Abbildung 24 Datei hochladen Abbildung 25 Durchsuchen Seite 14 von 18

15 Abbildung 26 Abschluss 2. Einfügen im Body Im Body lässt die Datei sich nun auswählen. Dazu wird am besten zunächst der Linktext eingegeben, d. h. der Text, der um das Dokument herum steht. Da das PDF- Dokument unter dem Namen Anleitung hochgeladen wurde, ergibt es Sinn, dass dieses Wort im Text enthalten ist. Abbildung 27 "Anleitung" markiert Danach wird der Text markiert und aus dem unteren Menü mit der Datei überschrieben. Abbildung 28 Datei auswählen und einfügen Die PDF-Datei ist nun an der richtigen Stelle eingefügt. Seite 15 von 18

16 Abbildung 29 Ergebnis 3. Klasse bearbeiten Der Link kann nun bearbeitet werden. Im Menü unter Link-Info bleiben die Angaben bestehen. Als Stylesheet-Klasse ist nun download anzugeben. Daneben kann wieder eine Beschreibung der PDF-Datei unter Titel Beschreibung eingegeben werden. Abbildung 30 Klasse eingeben In der Vorschau ist die Datei nun mit dem Piktogramm für Downloads versehen. Seite 16 von 18

17 4. Ergebnis Abbildung 31 Ergebnis VI. Quelltext Alternativ lassen sich die Klassen auch im Quelltext direkt setzen. 1. Externer Link Im Body muss auf Quellcode geklickt werden. Der Quelltext wird nun angezeigt. Unter dem Seitentitel kann nun der Link eingegeben werden. Zusätzlich zum üblichen <a href= Link-Adresse >klickbarer Link</a> muss nun class= ext hinter das <a eingefügt werden. Abbildung 32 "class="ext"" einfügen 2. Interner Link Ähnlich funktioniert dies auch für interne Links. Zusätzlich zum <a href= Link-Adresse >klickbarer Link</a> muss nun class= int hinter das <a eingefügt werden. Seite 17 von 18

18 Abbildung 33 "class="int"" einfügen 3. -Adressen Neben dem üblichen <a href= -Adresse > muss in die Anführungszeichen noch ein mailto: vor die eigentliche -Adresse gesetzt werden. Als klickbarer Link kann entweder die Adresse selber genommen werden oder eine verfremdete wie xyz [at] abc [dot] de, danach muss in jedem Fall ein </a> stehen. Außerhalb des Uni-Netzes wird die - Adresse im Regelfall ohnehin so dargestellt. Hier ist class= e_mail einzufügen. Abbildung 34 "class="e_mail"" einfügen 4. Downloads Dateien müssen erst hochgeladen werden, um eine Object-ID zu erhalten. Die Object-ID erscheint, sobald die Datei in den Body eingefügt wurde. Hier ist class= download einzufügen. Der anklickbare Name (Titel beim Hochladen) hier Anleitung kann natürlich auch noch verändert werden. Abbildung 35 "class="download"" einfügen Seite 18 von 18