Die Präsentation wird geladen. Bitte warten

Die Präsentation wird geladen. Bitte warten

Webauftritt FHNW WebCMS-Basiskurs vom 2. Juli 2015.

Ähnliche Präsentationen


Präsentation zum Thema: "Webauftritt FHNW WebCMS-Basiskurs vom 2. Juli 2015."—  Präsentation transkript:

1 Webauftritt FHNW WebCMS-Basiskurs vom 2. Juli 2015

2 FHNW Basiskurs Web-CMS Organisation Web FHNW 3 FHNW & Webdienste4-5 Plone WebCMS Was ist ein CMS?6-7 Ordner (Teil 1) –Funktionsweise8-9 –Übung10 Seiten (Teil1) –Erstellen und Umbenennen11-13 –Titel und Zusammenfassung14-15 –Webeditor –Schaltflächen16 –Bilder einbinden17-18 –Links zu Seiten und Dateien19-23 Linkartikel FHNW CMS-Basiskurs Inhaltsverzeichnis Seiten (Teil 2) –Webeditor27 –Tabelle28-29 –Editor vergrössern30 –Einstellungen31 –Suchmaschinenoptimierung32 –Historie33 –Arbeitskopie34-36 Ordner (Teil 2) –Übersicht37-38 –Startseite39 –Ordnerbefehle40 –Dateien hochladen 41 –Navigation sortieren42-43 –Status 44 Ressource: help.fhnw.ch45 2

3 FHNW Basiskurs Web-CMS WebLeitung FHNW Kommunikation FHNWThomas Langholz Raphael Küttel Web-Technik Tom Schneider Kommunikation Hochschulen: HSA Christina Beglinger PH Christian Irgl HSWRichard Pöllinger Ansprechpartner Direktion Leiterin Stab FHNW Karin Hiltwein Vizepräsident FHNWR. Weisskopf & Leiter Services Organisation Web FHNW Web-Team und Webleitung 3

4 FHNW Basiskurs Web-CMS FHNW & Webdienste Elemente des FHNW-Auftritts 6 Portlets / Webkomponente 1 Portlet 4

5 FHNW Basiskurs Web-CMS Auch FHNW: Die Webdienste Für Projekte, Kooperationen und Sonderthemen FHNW & Webdienste Die Webdienste-Sites 5

6 FHNW Basiskurs Web-CMS Plone WebCMS Was ist ein WebCMS? Der Server fe0878a8c4346be89748de19b6a af05eed5824fb46d5664f3e1346 1f0d36dcb58a1423be1b8ff454332e96 46b3f291a f e1bf46 6da29cb256825f1671e5e46b59e01c42 alle Artikel (Ordner, Seiten, Bilder, PDF usw.) Bild PDF Seite Ordner Formular Plone-ID 6

7 FHNW Basiskurs Web-CMS Persönliches Menü Pfadnavigation Artikelmenü Navigation (max 5 Ebene) Fusszeile Ordnerinhalt Was ist was im CMS? Ordnerbefehle English 7

8 FHNW Basiskurs Web-CMS Startseite Dienstleistungen Auftrag Zuständigkeiten Angebot Ausbildungen Forschung Berichte Navigation Ordner (Teil 1) Funktionsweise 8 Website Startseite Dienstleistungen AuftragZuständigkeiten Angebot Ausbildungen Berichte Forschung Kontakt Ortspläne Kontakt Ortspläne Seminare Publikationen Team Leitung Team Leitung Über uns Ebene 1 Ebene 2

9 FHNW Basiskurs Web-CMS Funktionsweise: Ordner in der URL Uniform Resource Locator (Webadresse) Eine URL identifiziert und lokalisiert eine Ressource wie z. B. eine Webseite. Domain Ordner Ordner, Seite, Formular, Datei, Bild usw. Ordner (Teil 1) «URL-ID», «Kurzname» 9

10 FHNW Basiskurs Web-CMS Plone WebCMS Wissenswertes: Status eines Artikels Der Status eines Artikels im FHNW-Webauftritt privat = nicht veröffentlicht (nur für berechtigte RedaktorInnen) Published Web = veröffentlicht Neue Artikel (Seiten und Ordner) werden immer «privat» erstellt. Artikelkopien werden ebenfalls «privat» erstellt 10  zur obersten Ebene im Ihrem Aufgabenbereich gehen  Ordner erstellen: «Schulung-[deine Initialen]»  in diesem Ordner nochmals einen Ordner erstellen  Übungsdateien herunterladen: https://help.fhnw.ch/fhnw/2013/basiskurs-cms-fhnw#dateien https://help.fhnw.ch/fhnw/2013/basiskurs-cms-fhnw#dateien Erste Übung

11 FHNW Basiskurs Web-CMS Seite erstellen mit dem Titel: «Testseite Nummer Eins für die WebCMS-Schulung» Seiten (Teil 1) 11 Seite erstellen

12 FHNW Basiskurs Web-CMS Seite umbenennen : Zwei Varianten Seiten (Teil 1) 12

13 FHNW Basiskurs Web-CMS Seiten (Teil 1) Umbenennen : Was das bewirkt 13 URL umbenennen nur mit: Kleinbuchstaben Unterstriche Bindestrich und ohne: Sonderzeichen (öäü) Leerschläge

14 FHNW Basiskurs Web-CMS Seiten (Teil 1) 14 Titel und Zusammenfassung

15 FHNW Basiskurs Web-CMS Seiten (Teil 1) 15 Titel und Zusammenfassung

16 FHNW Basiskurs Web-CMS Seiten (Teil 1) Webeditor: Schaltflächen Die wichtigsten Funktionen 1.Schnellspeicherung (nur Editors Inhalt) 2.Textformat neutralisieren 3.Überschriften 4.Bild einfügen 5.Link erstellen/löschen 16 auch bekannt als: Wysiwyg-Editor (what you see is what you get) Visual Editor TinyMCE (Plone-Produkt Name)

17 FHNW Basiskurs Web-CMS Seiten (Teil 1) Webeditor: Bilder einbinden 17

18 FHNW Basiskurs Web-CMS Seiten (Teil 1) Webeditor: Bilder einbinden Pfadnavigation Bild vom PC hochladen 18 Bildgrösse (in Pixel) wählen

19 FHNW Basiskurs Web-CMS Seiten (Teil 1) Webeditor: Link zu Seiten und Dateien Interner Link Linktext mit der Maus markieren: Interner Link: 1.Zielseite suchen 2.Linktitel eingeben 3.Fenster-Option auswählen 19

20 FHNW Basiskurs Web-CMS Seiten (Teil 1) Webeditor: Link zu Seiten und Dateien Aus dem Linkbrowser eine Datei hochladen 20

21 FHNW Basiskurs Web-CMS Seiten (Teil 1) Webeditor: Link zu Seiten und Dateien Aus dem Linkbrowser eine Datei ersetzen 21

22 FHNW Basiskurs Web-CMS Seiten (Teil 1) Webeditor: Link zu Seiten und Dateien Externer Link und Linkchecker Externer Link: 1.URL eingeben 2.Linktitel eingeben 3.Fenster-Option auswählen 22 Der Linkchecker überprüft (in der Nacht) alle externen Links. Im rechten Portlet werden angezeigt: defekte Links andere Seiten die mit der aktuellen Seite verknüpft sind Linkchecker für die aktuelle Seite Linkchecker für die ganze Organisation (Hochschule oder Institut)

23 FHNW Basiskurs Web-CMS Seiten (Teil 1) Webeditor: Link zu Seiten und Dateien Der Anker Link 1.Linktext auswählen 2.Linkbrowser aufmachen und zu «Anker» wechseln 3.Anker auswählen manuell gesetzter Anker Überschrift im Text 23

24 FHNW Basiskurs Web-CMS Linkartikel Linkartikel als Umleitung Wie kann ich eine kurze Webadresse erstellen? Aufgabe: Für einen Zeitungsartikel soll unsere Seite "Spatenstich" mit einer kurzen Webadresse erreichbar sein. Die gewünschte Webseite befindet sich hier: Wir wollen, dass die Seite mit dieser Adresse erreichbar wird: Lösung: Im Ordner müssen wir ein Linkartikel erstellen, der "spatenstich" heisst Im URL-Feld des Linkartikels wird eingegeben: Effekt: 24

25 FHNW Basiskurs Web-CMS Linkartikel Linkartikel als Umleitung Beispiel um diese Umleitung zu erstellen: mit dem Ziel: 1.Zu webcms.fhnw.ch/services gehenwebcms.fhnw.ch/services 2.Dort einen Linkartikel hinzufügen mit dem Titel «spatenstich» 3.Als Webadresse die URL der Zielseite verwenden: olten/news/spatenstich olten/news/spatenstich Linkartikel von der Navigation verbergen, speichern und veröffentlichen 25

26 FHNW Basiskurs Web-CMS Plone WebCMS Wissenswertes: die CMS URL Vorsicht beim Linkartikel ! WebCMS-Adresse   allgemein zugängliche Webadresse CMS-Server Web-Server Austausch https://webcms.fhnw.ch/...http://www.fhnw.ch/ Auf webcms haben nur berechtigten Redaktoren Zugriff https: verlangt ein Login, auch wenn es gar nicht erforderlich wäre

27 FHNW Basiskurs Web-CMS Seiten (Teil 2) Die wichtigsten Funktionen 6.Vollbildschirm 7.Tabellen 8.Editor erweitern 27 Webeditor Rücksicht nehmen auf den Benutzer von mobilen Geräte. Blättern (scroll) ist leichter als auf einem Link zu klicken

28 FHNW Basiskurs Web-CMS Seiten (Teil 2) Webeditor: Tabelle 28

29 FHNW Basiskurs Web-CMS Seiten (Teil 2): Webeditor Webeditor: Tabellenstile 29 Rücksicht nehmen auf den mobilen Geräte. Tabelle mit mehr als 3 Spalten können schnell kritisch werden.

30 FHNW Basiskurs Web-CMS Seiten (Teil 2): Webeditor Webeditor vergrössern Mit der Vollbildschirm-Ansicht Editorfenster nach unten erweitern 30

31 FHNW Basiskurs Web-CMS Einstellungen Seiten (Teil 2) 31

32 FHNW Basiskurs Web-CMS Seiten (Teil 2) Suchmaschinenoptimierung SEO Properties SeitentitelSeitenbeschreibung 32

33 FHNW Basiskurs Web-CMS Seiten (Teil 2) Historie: Ältere Versionen einer Seite hervorholen 33

34 FHNW Basiskurs Web-CMS Seiten (Teil 2) Im Voraus arbeiten: Arbeitskopie erstellen Eine Arbeitskopie: kann bearbeitet und gespeichert werden trägt in der URL: «copy_of» hat den Status «privat» (und darf nicht veröffentlicht werden) 34

35 FHNW Basiskurs Web-CMS Arbeitskopie in der Navigation Original Arbeitskopie Seiten (Teil 2) 35

36 FHNW Basiskurs Web-CMS Seiten (Teil 2) Arbeitskopie anwenden / verwerfen Die Arbeitskopie darf nicht nochmals kopiert und irgendwo eingefügt werden selbst veröffentlicht werden Sie soll entweder das Original ersetzen (die URL bleibt dann erhalten) oder verworfen werden 36

37 FHNW Basiskurs Web-CMS Der Ordner (Teil 2) Ordnerübersicht 37

38 FHNW Basiskurs Web-CMS Der Ordner (Teil 2) Ordnerübersicht 38 Eine Startseite für den Ordner Meistens wird für ein Ordner keine Standarddarstellung verwendet. Stattdessen wird eine im Ordner bestehende Webseite als «Startseite» bestimmt. Wenn auf «Ordner mit Seiten» geklickt wird … sollte nicht das Inhaltsverzeichnis kommen, sondern eine Seite

39 FHNW Basiskurs Web-CMS Der Ordner (Teil 2) Startseite 39 Im Menü «Anzeigen / Darstellung»: klicken auf «Artikel als Startseite verwenden» und hier eine Startseite auswählen Im Ordnerinhalt wird die Startseite in Fettschrift angezeigt

40 FHNW Basiskurs Web-CMS Der Ordner (Teil 2) Ordnerbefehle 40 Bestimmte Befehle können für mehrere Seiten und Dateien gleichzeitig ausgeführt werden. Hier gibt es Artikel zu kopieren: https://www.fhnw.ch/services/uebungsordner

41 FHNW Basiskurs Web-CMS Der Ordner (Teil 2) Dateien hochladen Mit Firefox ist es möglich, Dateien und Bilder per Drag&Drop von einem PC oder einem Datei-Server in den CMS-Ordner zu ziehen. 41

42 FHNW Basiskurs Web-CMS Der Ordner (Teil 2) Navigation sortieren Sortieren nach Titel: nach Seitentitel und nicht Navigationstitel Sortieren nach ID: nach URL-ID wie …/test-gab/seiten/die-tabellen → Grossbuchstaben und Zahlen haben einen Einfluss auf der Reihenfolge Sortieren nach Änderungsdatum Sortieren nach Erstellungsdatum Sortieren nach Datum: nach Freigabedatum Sortiert vorübergehend den Ordnerinhalt, um das Suche zu erleichtern Schickt den Artikel zuoberst oder zuunterst im Navigationsmenü 42

43 FHNW Basiskurs Web-CMS Der Ordner (Teil 2) Navigation sortieren Die Reihenfolge der Artikel (und somit die Navigation) kann auch per Drag&Drop innerhalb des Ordners umgestellt werden. Der Artikel kann mit einem Mausklick beim Titel gefasst und an einem beliebigen Ort wieder losgelassen werden: 43

44 FHNW Basiskurs Web-CMS Der Ordner(Teil 2) Dateien und Ordnerstatus 44

45 FHNW Basiskurs Web-CMS Ressourcen help.fhnw.ch und 45 Formular für Supportanfrage im WebCMS: wie wird ein Screenshot erstellt? https://help.fhnw.ch/services/2012 /weboffice-faq/screenshot- erstellen WebCMS Handbuch https://help.fhnw.ch/fhnw/2014/we b-cms-handbuch


Herunterladen ppt "Webauftritt FHNW WebCMS-Basiskurs vom 2. Juli 2015."

Ähnliche Präsentationen


Google-Anzeigen