Prototyp

Dokumentation

---

ÜBERBLICK

Das Projekt wird in folgender Struktur ausgeliefert:

• fonts/
• images/
• styles/
• index.html (aktuelle Übersichtsseite)
• styleguide.html (Styleguide)
• media.html (Media Beispielseite)
• startseite.html (Startseite in Version mdk, mdk-a, mdk-b)
• ...
• themenseite-XY.html (Themenseite in Version mdk, mdk-a, mdk-b)
• ...
• artikelseite-XY.html (Artikelseiten div.)
• ...

Der grundsätzliche Aufbau erfolgt mit Bootstrap v3.3.7. Hinzu kommen weitere Plugins, wie Slinky (Mobile Menue), Swiper (Slider) und für die Ergänzung des Selectfeldes Bootstrap-Select.

Die vorhandenen HTML-Seiten entsprechen der vorgebenen Seitenstruktur und sind betreffend bezeichnet.

FONTS

Die Schriftschnitte des Fonts Unit wurden für den Prototyp vom MDS zur Verfügung gestellt. Sie wurden nicht über fontshop.de freigeschaltet. Das weitere Vorgehen bitte direkt mit dem MDS/MDK klären.

Die Iconfonts sind unterteilt in Piktogramme und Webicons und werden im CSS verwendet.

IMAGES

Dieser Ordner ist unterteilt in:

• Contentbilder
• Diverse Favicons zur Auswahl
• Icons, die aktuell nur Flaggen beinhalten (svg, png)
• Logo-Varianten (svg, png)

SCRIPTS

Die Javascript-Datei frontend.js beinhaltet jQuery v3.2.1, Modernizr 2.8.3, Respond.js, selectivizr v1.0.2, Bootstrap v3.3.7, Swiper 3.4.2, Sticky Plugin v1.0.4 for jQuery und ab Codezeile 1138 die für das Projekt spezifische Programmierung.

Da es sich hier um einen Prototyp handelt, wurde die Abfrage von Formularfeldern (Beratungsverzeichnis und Stellenangebot) per JS angedeutet und sollte in der weiteren Umsetzung dringend entfernt werden.

STYLES

Die CSS-Datei styles.css beinhaltet Bootstrap v3.3.7 und ab Codezeile 8026 das Styling für den Prototypen inkl. der Webfonts-Einbindung.

Im Folgenden werde alle umgesetzen Seiten des Prototypen aufgezeigt:

Allgemein

---

mdk.de (Portal)

---

mdk-xy.de (A)

---

mdk-xy.de (B)

---