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

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

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

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

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

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 46b3f291a609316480f1573333e1bf46 Plone-ID PDF 6da29cb256825f1671e5e46b59e01c42 Ordner fe0878a8c4346be89748de19b6a19814 72880af05eed5824fb46d5664f3e1346 Formular FHNW Basiskurs Web-CMS

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

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

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. http://www.fhnw.ch/sozialearbeit/bachelor-und-master/bachelorstudium/studienformen Ordner, Seite, Formular, Datei, Bild usw. Domain Ordner Ordner Ordner FHNW Basiskurs Web-CMS

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: https://help.fhnw.ch/fhnw/2013/basiskurs-cms-fhnw#dateien FHNW Basiskurs Web-CMS

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

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

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

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

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

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

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

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

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

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

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

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

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

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: www.fhnw.ch/services/immobilien-und-infrastruktur/neubauprojekte/campus-olten/news/spatenstich-2010 Wir wollen, dass die Seite mit dieser Adresse erreichbar wird: www.fhnw.ch/services/spatenstich Lösung: Im Ordner http://www.fhnw.ch/services müssen wir ein Linkartikel erstellen, der "spatenstich" heisst Im URL-Feld des Linkartikels wird eingegeben: http://www.fhnw.ch/services/immobilien-und-infrastruktur/neubauprojekte/campus-olten/news/spatenstich-2010 Effekt: www.fhnw.ch/services/spatenstich www.fhnw.ch/services/immobilien-und-infrastruktur/neubauprojekte/campus-olten/news/spatenstich-2010 FHNW Basiskurs Web-CMS

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

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

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

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

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

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

Seiten (Teil 2) Einstellungen FHNW Basiskurs Web-CMS

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

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

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

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

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

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

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

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

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: https://www.fhnw.ch/services/uebungsordner 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. FHNW Basiskurs Web-CMS

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

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

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

help.fhnw.ch und webmaster@fhnw.ch Ressourcen help.fhnw.ch und webmaster@fhnw.ch 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/web-cms-handbuch FHNW Basiskurs Web-CMS