Knowledgebase:Webdesigner Guideline

From Cloudrexx Development Wiki
Jump to: navigation, search

Diese Guideline soll Grafikern und Webdesigner dazu dienen, besondere Eigenschaften für die Erstellung von Webdesign Vorlagen fürs Contrexx WCMS zu beachten.

  • Möglichst effektive Pixelgrössen verwenden (bsp: Designs auf 1024px optimiert mit effektiver Breite von max. 990px (Erfahrungswert)).
  • Logo's beispielsweise als .ai Illustrator Datei
  • Vorlagen beispielsweise als .psd Datei mit Ebenen
  • Dynamische Navigationen möglichst ohne Bilder (als Navigationsnamen)
  • Anzahl Navigationsebenen angeben und in der Designvorlage definieren
  • 2 Vorlagen
    • Startseite (typischerweise mit Newsmeldungen)
    • Unterseite/Inhaltsseiten
  • Druckansicht (Linksbündig ohne Navigation)

Wichtige Elemente

  • Metanavigation (meist oben rechts)
    • Suchfeld, Sitemap, Home, Kontakt
    • (optional) Sprachauswahl (D/E/F)
  • Fusszeile
    • copyright, Impressum, Nutzungsbedingungen (Disclaimer), Druckansicht
  • Social Network Bookmarks (RSS, Facebook, usw.)

CSS Style Definitionen

  • Navigationsebenen (mindestens 1-3)
  • Überschriften H1, H2, H3
  • Linkfarben a, a:hover
  • Schriften (Farbe und Typ)
  • jQuery-UI: Überschreiben des Standard-jQuery-UI-Styles: themes/<theme-name>/jquery-ui.css

Checkliste für die Webdesign Umsetzung