WebCMS-Basiskurs vom 2. Juli 2015

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

1 WebCMS-Basiskurs vom 2. Juli 2015
Webauftritt FHNW WebCMS-Basiskurs vom 2. Juli 2015

2 FHNW CMS-Basiskurs Inhaltsverzeichnis Organisation Web FHNW 3
Seiten (Teil 2) Webeditor 27 Tabelle 28-29 Editor vergrössern 30 Einstellungen 31 Suchmaschinenoptimierung 32 Historie 33 Arbeitskopie 34-36 Ordner (Teil 2) Übersicht 37-38 Startseite 39 Ordnerbefehle 40 Dateien hochladen 41 Navigation sortieren 42-43 Status 44 Ressource: help.fhnw.ch 45 Organisation Web FHNW 3 FHNW & Webdienste 4-5 Plone WebCMS Was ist ein CMS? 6-7 Ordner (Teil 1) Funktionsweise 8-9 Übung 10 Seiten (Teil1) Erstellen und Umbenennen 11-13 Titel und Zusammenfassung 14-15 Webeditor Schaltflächen 16 Bilder einbinden 17-18 Links zu Seiten und Dateien 19-23 Linkartikel 24-26 FHNW Basiskurs Web-CMS

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

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

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

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

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

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

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

10 zur obersten Ebene im Ihrem Aufgabenbereich gehen
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 Erste Übung zur obersten Ebene im Ihrem Aufgabenbereich gehen Ordner erstellen: «Schulung-[deine Initialen]» in diesem Ordner nochmals einen Ordner erstellen Übungsdateien herunterladen: FHNW Basiskurs Web-CMS

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

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

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

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

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

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

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

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

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

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

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

22 Webeditor: Link zu Seiten und Dateien Externer Link und Linkchecker
Seiten (Teil 1) Webeditor: Link zu Seiten und Dateien Externer Link und Linkchecker Externer Link: URL eingeben Linktitel eingeben Fenster-Option auswählen 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) FHNW Basiskurs Web-CMS

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

24 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: FHNW Basiskurs Web-CMS

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

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

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

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

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

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

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

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

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

34 Im Voraus arbeiten: Arbeitskopie erstellen
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) FHNW Basiskurs Web-CMS

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

36 Arbeitskopie anwenden / verwerfen
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 FHNW Basiskurs Web-CMS

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

38 Der Ordner (Teil 2) Ordnerübersicht 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 FHNW Basiskurs Web-CMS

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

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

41 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. FHNW Basiskurs Web-CMS

42 Der Ordner (Teil 2) Navigation sortieren
Sortiert vorübergehend den Ordnerinhalt, um das Suche zu erleichtern Schickt den Artikel zuoberst oder zuunterst im Navigationsmenü 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 FHNW Basiskurs Web-CMS

43 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: FHNW Basiskurs Web-CMS

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

45 help.fhnw.ch und webmaster@fhnw.ch
Ressourcen help.fhnw.ch und Formular für Supportanfrage im WebCMS: wie wird ein Screenshot erstellt? WebCMS Handbuch FHNW Basiskurs Web-CMS