Webanwendungen

In diesem Kapitel finden Sie Informationen zum Design und Einsatzzweck unterschiedlicher User-Interface-Komponenten für Webanwendungen sowie Beispielseiten, die deren Einsatz und Zusammenspiel zeigen.

Web Component Library

Für Web-Entwickler werden die Code-Ressourcen über die Web Component Library zur Verfügung gestellt. Der Zugang zur Web Component Library ist mit Benutzername und Passwort geschützt. Zugang hierzu erhalten grundsätzlich nur Mitarbeiterinnen und Mitarbeiter von Bundesbehörden. Externe Auftragnehmer von Bundesbehörden wenden sich bitte zum Erhalt der Daten an ihren jeweiligen Auftraggeber.

Web Component Library
Beispiel: Farbfeld mit Abstufungen, Schriften, Bildwortmarke.

Basiselemente und Assets

Die CD-Basiselemente werden für Webanwendungen um zusätzliche medienspezifische Angaben und Ressourcen ergänzt.

Stilisierte Darstellung einer Website.

Beispielseiten

In den Beispielseiten wird das Zusammenspiel der Organismen – und damit auch Moleküle und Atome – sichtbar. Sie dienen als Orientierungshilfe für den Aufbau der Webanwendung.

Komponenten

Der Aufbau der Komponenten folgt dem Atom-Modell. Dabei werden die Komponenten basierend auf ihren Einzelbestandteilen und ihrer html-Struktur in die drei Typen Atome, Moleküle und Organismen gegliedert. Nachfolgend werden alle Komponenten ihrer Zugehörigkeit nach aufgelistet und deren Haupteigenschaft beschrieben. Abbildungen und eine Beschreibung der jeweiligen Komponente können über den Link „Details“ aufgerufen werden. Der zugehörige Code und eventuelle Ressourcen können von Web-Entwicklern über den Link „Code“ direkt in der Component Library aufgerufen werden.

Die Dokumentation der Komponenten befindet sich, wie die Komponenten selbst, in stetiger Weiterentwicklung. Sollten Sie bestimmte Komponenten oder Code-Ressourcen nicht vorfinden, wenden Sie sich gern an corporate-design@bpa.bund.de.