Content Management mit Microsoft Office SharePoint Server 2007

1. Content Management mit Microsoft Office SharePoint Server 2007 Administration, Design, Authoring

2. Einführung In dieser Präsentation erfahren Sie • Wie eine Veröffentlichungssite entsteht • Welche Vorbereitungen für das Design notwendig sind • Aus welchen Komponenten eine Veröffentlichungsseite aufgebaut ist • Wie diese Komponenten im Design verwendet werden • Wie diese Komponenten zur Verfügung gestellt werden • Wie ein Autor mit einer Veröffentlichungsseite arbeitet

3. Ziel • Die Firma SharePoint-Berater möchte ihr Design und Layout in SharePoint integrieren • Für Produkte soll ein speziell gestaltetes Seitenlayout mit drei Komponenten entwickelt werden:Produktfoto, Kundenstimmen, Beschreibung

4. Benutzerrollen In diesem Beispiel arbeiten wir mit drei typischen Benutzerrollen: • Siteadministrator • Erstellt Sites, stellt Inhalte und Vorlagen zur Verfügung • Webdesigner • Setzt die Anforderungen an Layout und Design um • Autor • Stellt Inhalte zur Verfügung

5. Was zeigen wir Ihnen? Diese Präsentation enthält folgende Abschnitte • Die Komponenten einer Veröffentlichungsseite • Erstellen einer Veröffentlichungssite • Websitespalten und Inhaltstypen • Die Masterpage • Ein Seitenlayout entsteht • Die Komponenten werden zur Verfügung gestellt • Eine neue Produktseite wird erstellt

6. 1 – Komponenten einer Veröffentlichungssite Die Masterseite (Masterpage) • Gibt grundlegendes Seitenlayout und Stil vor • Kann im MOSS zentral verwaltet werden • Änderungen an einer Stelle (neues Logo…) wirken sich auf alle Sites aus, die diese Masterseite verwenden • Definition von bearbeitbaren Bereichen („contenplaceholder“) und Webpartzonen • Hat die Dateiendung .master

7. 1 – Komponenten einer Veröffentlichungssite Masterseite (Beispiel) Suche Logo Bearbeitbarer Bereich Navigation

8. 1 – Komponenten einer Veröffentlichungssite Das Seitenlayout (Page Layout) • Definiert das Layout in den bearbeitbaren Bereichen der Masterseite • Verwendet dafür die vom Server bereitgestellten Inhaltsfelder, z.B. für Grafiken und Texte • Fügt bei Bedarf ebenfalls Webpartzonen ein • Mehrere Seitenlayouts können auf einer Masterseite beruhen • Hat die Dateiendung .aspx

9. 1 – Komponenten einer Veröffentlichungssite Das Seitenlayout (Beispiel) Inhaltsfeld Bild InhaltsfeldText DsfkjhsdfsdkljhdsflkjsdhflskdjfhLsldfsdfsdflksdfldsfsdfjsfdsdfllsdfkdfslsdfsd sdfllsdfksdfsdlkjdsfsdfopdfslksdf‘sjsdkldssldkfjdslsdklksdlflsldkfjldskljsdpsdfasdasdkjsadksadjsakdjasdksakdjahsdlkajsdhaskdjsadklasdkjasdh Ss dkl Sdfssdff Dfdsllkj Sdfsdf lkljlkjkl Webpartzone Inhaltsfeld Feedback

10. 2 – Erstellen einer Veröffentlichungssite • In MOSS 2007 ist häufig die Top-Level Site bereits als Veröffentlichungssite angelegt, liegt diese z.B. als Teamwebsite vor, kann dies nachträglich nicht geändert werden • Hier zeigen wir Ihnen, wie eine neue Untersite als Veröffentlichungssite angelegt wird • Dies ist vor allem zum Testen und Kennenlernen die sichere Variante

11. 2 – Erstellen einer Veröffentlichungssite • Wählen Sie unter Websiteaktionen den Punkt Website erstellen • Geben Sie nun Titel, Beschreibungund URL ein • Wählen Sie die gewünschte Sprache und im Reiter Veröffentlichen dieVeröffentlichungswebsite • Klicken Sie anschließend aufErstellen

12. 2 – Erstellen einer Veröffentlichungssite Die neue Produktsite wird geöffnet, die Startseite wird im Entwurfsmodus mit der Version 0.1 angezeigt Dies bedeutet, dass die Seite noch nicht öffentlich sichtbar ist, Entwurf und Inhalt werden jetzt erstellt und bearbeitet

13. 3 – Websitespalten und Inhaltstypen Websitespalten (Site columns) • Sind zentral definierte Spalten von einem bestimmten Datentyp (Text, Datum, Personen) • Die auf einer Site und ihrer Untersites verwendet werden können • Werden im Content Management als Inhaltsfelder auf Seitenlayouts verwendet

14. 3 – Websitespalten und Inhaltstypen • Klicken Sie nun auf der neuen Site auf Websiteaktionen – Websiteeinstellungen – Alle Websiteeinstellungen ändern • Klicken Sie unter Galerien auf den Link Websitespalten • Im Websitespaltenkatalalog wählenSie Erstellen

15. 3 – Websitespalten und Inhaltstypen • Wählen Sie nun Produktbeschreibungals Spaltenname und als Informationstyp Vollständiger HTML-Inhalt • Im Abschnitt Gruppe wählen SieNeue Gruppe und benennen dieseProdukte • Beenden Siedie Eingabemit OK

16. 3 – Websitespalten und Inhaltstypen • Klicken Sie im Websitespaltenkatalog wieder auf Erstellen und geben ein: • Spaltenname: Produktfoto • Informationstyp: Bild mit Formatierung • Gruppe: Im Dropdown-Listenfeld die neu angelegte Gruppe Produkte wählen • Mit OK bestätigen

17. 3 – Websitespalten und Inhaltstypen • Noch einmal wie beschrieben eine neue Spalte erstellen: • Spaltenname: Kundenstimme • Informationstyp: Mehrere Textzeilen • Gruppe: Im Dropdown-Listenfeld die neu angelegte Gruppe Produkte wählen • Zusätzliche Spalteneinstellungen: Texttyp Rich Text (fett, kursiv, Textausrichtung) • Mit OK bestätigen

18. 3 – Websitespalten und Inhaltstypen Im Websitespaltenkatalog sehen Sie nun eine neue Gruppe Produkte, in der die gerade erstellten Websitespalten zusammengefasst sind:

19. 3 – Websitespalten und Inhaltstypen Inhaltstypen (Content types) • Wenn wir später ein Seitenlayout entwerfen, basiert dies auf einem ausgewählten Inhaltstyp • Damit werden die Elemente (=Websitespalten) festgelegt, die im Seitenlayout verwendet werden können

20. 3 – Websitespalten und Inhaltstypen • Wählen Sie wieder Websiteaktionen – Websiteeinstellungen – Alle Websiteeinstellungen ändern • Klicken Sie im Abschnitt Galerien auf Websiteinhaltstypen • Klicken Sie im Websiteinhaltstyp-Katalog auf Erstellen • Wählen Sie im Abschnitt Name und Beschreibung als Name Produkt • Als übergeordneten Inhaltstyp wählen Sie Inhaltstypen für die Veröffentlichung und darunter den Inhaltstyp Seite

21. 3 – Websitespalten und Inhaltstypen • Als Gruppe wählen Sie Neue Gruppe und geben dort SharePoint-Berater als Bezeichnung ein. • Bestätigen Sie die Eingabemit OK

22. 3 – Websitespalten und Inhaltstypen Nun werden noch die neuen Websitespalten hinzugefügt. • Klicken Sie in den Einstellungen zum neuen Websiteinhaltstyp im Abschnitt Spalten auf Aus vorhandenen Websitespalten hinzufügen • Wählen Sie im neuen Fenster Produkte im Dropdown-Listenfeld Spalten auswählen aus • Fügen Sie die angezeigten neu definierten Spalten hinzu und bestätigen die Warnmeldung ggf. mit OK

23. 3 – Websitespalten und Inhaltstypen • Die Vererbung von Inhaltstypen wird auf Ja gesetzt • Bestätigen Sie die Änderungen mit OK

24. 4 – Die Masterpage • Jetzt soll eine neue Masterpage erstellt werden, starten Sie dazu den SharePoint Designer • Verbinden Sie sich über Datei – Website öffnenmit Ihrem SharePoint Server • Links sehen Sie die Ordnerlisteangezeigt, navigieren Sie dortzu _catalogs/masterpage

25. 4 – Die Masterpage • Selektieren Sie dort die Datei default.master und kopieren diese über die TastaturkombinationenStrg + C und STRG + V • Es wird eine Kopie mit dem Namen default_Kopie(1).master erzeugt, benennen Sie diese um in sharepointberater-produkte.master • Öffnen Sie diese durch einen Doppelklick und bestätigen die Meldung Möchten Sie auschecken mit Ja

26. 4 – Die Masterpage Die Masterseite wird im SharePoint Designer geöffnet, wir fügen als Beispiel für eine Designänderung eine neue Kopfzeile ein • Klicken Sie am unteren Rand der geöffneten Seite auf Entwurf (1) • Klicken Sie jetzt indie Kopfzeile derVorschau, z.B. auf„Willkommen…“ (2)

27. 4 – Die Masterpage • Klicken Sie oberhalb der Entwurfsansicht so oft auf den kleinen linken Pfeil, bis die HTML-Tags nicht mehr nachrücken (3) • Klicken Sie jetzt auf den Tag <tr>, damit ist die komplette Kopfzeile selektiert (4) • Klicken Sie jetzt mit der rechten Maustaste in den selektierten Bereich und wählen im Kontextmenü „Einfügen – Zeile oberhalb“ • Klicken Sie jetzt mit rechts in die neu eingefügte Zeile und wählen im Kontextmenü „Zelleneigenschaften“

28. 4 – Die Masterpage • Wählen Sie im Dialog „Zelleneigenschaften“ eine Höhe von 50 Pixel und ändern die Hintergrundfarbe • Bestätigen Siedie Änderungenmit OK • Schreiben Sieeinen kleinen Textin die neue Kopfzeile undformatieren diesen

29. 4 – Die Masterpage • Die neue Kopfzeile ist nun eingefügt und wir werden diese Layoutänderung nun veröffentlichen und dem System zur Verfügung stellen.

30. 4 – Die Masterpage • Speichern Sie die neue Masterseite nun ab. • Bestätigen Sie die folgende Hinweismeldung mit Ja. • Wechseln Sie nun zu Ordnerliste, klicken auf die sharepointberater-produkte.master mit der rechten Maustaste und dann auf Einchecken

31. 4 – Die Masterpage • Wählen Sie nun die Option Hauptversion veröffentlichen und klicken auf OK. • Nun muss die neueMasterseite noch genehmigtwerden. Dies geschieht imBrowser. Bestätigen Sie daherden nächsten Dialog mit Ja.

32. 4 – Die Masterpage • Öffnen Sie jetzt im Masterseitenkatalog das Dropdown-Menü für Ihre Masterseite und wählen dort Genehmigen/Ablehnen. • Wählen Sie anschließend Genehmigt und beenden denVeröffentlichungsprozessmit OK.

33. 4 – Die Masterpage • Zuletzt wird die neue Masterseite angewendet. • Öffnen Sie im Browser die gewünschte Site und klicken auf Websiteaktionen/Websiteeinstellungen. • Unter Aussehen und Verhalten klickennun auf den Link Masterseiten • Selektieren Sie hier Ihre neu erstellteMasterseite und bestätigen mit OK.

34. 4 - Masterpage • Wechseln Sie nun zu Ihrer Startseite und Sie sehen, wie der Inhalt nun auf Basis der neu erstellten Masterseite angezeigt wird!

35. 5 – Ein Seitenlayout entsteht • Nun wird als nächstes ein Produkt-Seitenlayout erstellt, das dem Seitenautor die zu Beginn definierten Websitespalten als Eingabemöglichkeit anbiete soll: • Produktbeschreibung • Produktfoto • Kundenstimme • Das Layout soll zweispaltig sein, links die Beschreibung, rechts das Foto und darunter die Kundenstimme • Seitenlayouts werden wie Masterseiten mit dem SharePoint-Designer erstellt und editiert

36. 5 – Ein Seitenlayout entsteht • Öffnen Sie den SharePoint-Designer und navigieren dort in der Ordnerliste der Top-Level-Site zum Masterseitenkatalog • Klicken Sie mit rechts auf den Ordner masterpage und wählen Neu/SharePoint-Inhalt im Kontextmenü

37. 5 – Ein Seitenlayout entsteht • Wählen Sie im Dialogfenster die neu erstellte Inhaltstypgruppe Produkte, dann den Inhaltstyp Produktlayout • Wählen Sie eineBezeichnung für URLund Titel • Klicken Sieanschließendauf OK • Das neue Seiten-Layout wird angezeigt

38. 5 – Ein Seitenlayout entsteht • Zuerst richten Sie sich die Arbeitsoberfläche vom SharePoint Designer für das Seitenlayout ein. • Öffnen Sie Menü Aufgabenbereiche/Toolbox • Öffnen Sie dort den Abschnitt SharePoint-Steuerelemente • Dort sehen Sie die neuen Inhalts-felder aus dem Seitenlayoutangezeigt

39. 5 – Ein Seitenlayout entsteht • Klicken Sie jetzt mit der Maus in den Bereich PlaceHolderMain in der Entwurfsansicht • Fügen Sie mit Hilfe der Werkzeugleiste dort eine Tabelle ein (zwei Spalten/eine Zeile) • Ändern Sie die Spaltenbreite nach Belieben • Selektieren Sie beide Zellen, klicken mit Rechts auf die Selektion und wählen Zelleneigenschaften im Kontextmenü • Wählen Sie dort Vertikale Ausrichtung/Oben

40. 5 – Ein Seitenlayout entsteht • Ziehen Sie nun aus der Toolbox die Produktbeschreibung in die linke Spalte • Ziehen Sie das Produktfoto und die Kundenstimmein die rechte Spalte • Nun ist das Seitenlayouterstellt und kannveröffentlichtwerden

41. 5 – Ein Seitenlayout entsteht • Das Veröffentlichen von Seitenlayouts entspricht dem Vorgang bei Masterseiten: • Speichern • Einchecken (Hauptversion veröffentlichen) • Genehmigung einholen • Masterseitenkatalog wird im Browser geöffnet • Genehmigungsstatus auf Genehmigt setzen • Jetzt kann das Seitenlayout für neue Veröffentlichungsseiten verwendet werden