Sharepoint Design-Schulung oder Workshop

Andi Fandrich Als Antwort am 22 Feb. 2010 11:47

Design in SharePoint ist leider ein seeeehr komplexes Thema. Alleine die vielen geschachtelten Tabellen können einen in den Wahnsinn treiben...

Erste Anlaufstelle ist immer Heather Solomon. Dort findet man im Grunde das Wichtigste:
www.heathersolomon.com

asattler Als Antwort am 23 Feb. 2010 09:39

Danke für die schnelle Rückmeldung, aber auch Danke für die Bestätigung der Problematik. Das tröstet uns ein wenig :-)

Emde Als Antwort am 26 Feb. 2010 09:50

Hallo an die Runde,

der beschriebene klassische HTML-Entwickler ist jetzt auch hier, das bin nämlich ich. Die verschachtelten Tabellen sind es noch nicht einmal, die mich in den Wahnsinn treiben, denn das kann ich eigentlich ganz gut. Mich nervt eher das "Code-Suchen" - z.B. CSS: Es gibt die core.css-Datei, die schonmal riesig ist und bei der man die betreffende Formatierung oft genug mühsam suchen muss. Dann werden CSS-Codes teilweise in den Header geschrieben, oder, wenn es SP besonders gut mit einem meint, werden Styles direkt in die Tags geschrieben bzw. auf weitere, sonstwo liegende CSS-Dateien referenziert.
Das "Zusammenbauen" einer neuen Masterdatei mithilfe der vorgegeben Datei "default.master" führt auch nicht so leicht zum Ziel (um nicht zu sagen: Bei mir überhaupt nicht), weil ich bei Elementen, die ich vielleichtmal per Copy&Paste eingefügt habe, nicht an die Formatierung herankomme und außerdem die Elemente oft dann nicht mehr funktionieren, es gibt eine Fehlermeldung. Hier scheint es mir, als müsste man sich eher recht gut mit ASP oder ähnlichem auskennen, aber da sist nunmal nicht meine Baustelle, denn ich will die Seite "nur" optisch gestalten.

Theoretisch bin ich also auf der Suche nach folgenden Weg:

1) Gestaltung der Webseite als reine Grafik, z.B. in Photoshop. Gestaltungsraster und Platzhalter werden im Design berücksichtigt, CSS- und HTML-technische Umsetzbarkeit natürlich auch.

2) Auf Grundlage dieses Designs wird eine Masterseite NEU AUFGEBAUT und nicht aus alten zusammengestückelt und diese dann umgebaut - das scheint in den ganzen Hilfen und Tutorials die einzige Option für den Aufbau einer eigenen Masterseite zu sein, aber das ist ja eigentlich Blödsinn.

3) Mit dieser Masterseite und der ebenfalls neu aufgebauten core.css-Datei dann die Folgeseiten mit den gewünschten Features im eigenen Design aufbauen. Fertig ist die individuelle Webseite.

Theoretisch scheint das ja ein Kinderspiel zu sein, wenn man den Texten über Sharepoint glauben schenken mag. Praktisch aber bin ich entweder zu blöd oder die Theorie ist eine allzu graue. Hat jemand eine Idee oder einen Ansatzpunkt für diesen vielleicht etwas naiven Gestaltungsansatz?

Viele Grüße, Matthias Emde

Andi Fandrich Als Antwort am 26 Feb. 2010 14:59

Um eine Masterpage von Grund auf neu zu machen, brauchst Du auf jeden Fall ASP.NET-Kenntnisse, sonst geht das schief. Jeder kleine Fehler bei den <asp:* Tags rächt sich...

In der Masterpage sind sehr viele ASP.NET- und SharePoint-Controls eingebunden. Später kommen noch dynamisch weitere hinzu. Alle diese Controls erzeugen wieder HTML und benutzen dabei bestimmte CSS-Klassen und dieses Verhalten kannst Du nicht ändern. D.h. Du mußt diese Klassen herausfinden und überschreiben. Dafür eignen sich z.B. die IE Entwicklertools ganz gut.

Von der Idee, das Design in Photoshop zu starten, kannst Du Dich verabschieden. Dafür macht SharePoint zu viele Vorgaben, die man einfach nicht ändern kann. Grundsätzlich reicht für eine Änderung des Aussehens CSS. Nur wenn das grundlegende Layout geändert werden soll (z.B. Quicklaunch nach rechts statt links) muß man die Masterpage anfassen.

Ich empfehel Dir wirklich die Seite von Heather Solomon (Link s.o.). Lies Dir die Artikel und Tutorials dort durch und Du weißt mehr. Es gibt dort auch eine "Minimal Master" mit der man anfangen kann.