WBA
WBA
WBA
Set of flashcards Details
| Flashcards | 172 |
|---|---|
| Language | Deutsch |
| Category | Technology |
| Level | University |
| Created / Updated | 26.01.2015 / 30.09.2021 |
| Weblink |
https://card2brain.ch/box/wba
|
| Embed |
<iframe src="https://card2brain.ch/box/wba/embed" width="780" height="150" scrolling="no" frameborder="0"></iframe>
|
Vervollständigen Sie folgende Aussage:
Frameworks sind überaus sinnvoll, denn sie…
- a) haben jeweils ein konsistentes Design in Form von Layouts, Grids und Typographien.
- b) haben alle die Philosophie „Mobile First“.
- c) helfen, Prototypen schnell zu konstruieren.
- d) fokussieren sich ausnahmslos auf Barrierefreiheit und Normen.
- e) haben alle ein sehr ähnliches Layout und sind somit schwer zu unterscheiden.
- f) unterstützen das responsive Design
a,c,f
Foundation folgt der Philosophie „Mobile First“. Was bedeutet das?
Ergänzen Sie folgenden Lückentext:
Foundation gibt es in _ verschiedenen Editionen. Die _______-Edition ist für jeden Anwendungstypen geeignet, da sie alle Bibliotheken enthält. Natürlich kann man mit der _____-Edition auch selbst entscheiden, welche Bibliotheken und Features man benötigt. Nach dem Download kann es auch schon direkt zur Einbindung gehen mit:
Die Einbindung erfolgt stets im ____. Währenddessen die Initialisierung im ____ erfolgt. Initialisiert wird stets mit einem ____ .
Foundation gibt es in 4 verschiedenen Editionen. Die Complete-Edition ist für jeden Anwendungstypen geeignet, da sie alle Bibliotheken enthält. Natürlich kann man mit der Custom-Edition auch selbst entscheiden, welche Bibliotheken und Features man benötigt. Nach dem Download kann es auch schon direkt zur Einbindung gehen mit:
Die Einbindung erfolgt stets im head. Währenddessen die Initialisierung im body erfolgt. Initialisiert wird stets mit einem < script > .
Foundation bietet ein breites Spektrum an verschiedenen Grids. Es gibt normale Grids und sogenannte _________-Grids. Grids können wie folgt für mobile und Desktop-Anwendungen gecodet werden:
Foundation bietet ein breites Spektrum an verschiedenen Grids. Es gibt normale Grids und sogenannte Block-Grids. Grids können wie folgt für mobile und Desktop-Anwendungen gecodet werden:
Es gibt 2 bekannte Plugins für Foundation: ______ und ______. Das neuere Plugin ______ wird im _______ eingebunden und im _____ initialisiert. Slides mit einem Bild, werden wie folgt erstellt:
('._______-item').slick ;
Währenddessen bei mehreren Items der Code wie folgt geändert wird:
$('._______-items').slick();
Es wird immer wichtiger, dass Anwendungen auch auf mobilen Endgeräten richtig angezeigt wird. Füllen Sie den folgenden Code so aus, dass auch bei einer Auflösung von 1280px x 720px und 800px x 600px das Dargestellte noch gut sichtbar ist. Verwenden Sie dazu bei der höheren Auflösung je 3 Items mit 3 Slides und bei der niedrigeren je 2 Items mit 2 Slides.
Es gibt 2 bekannte Plugins für Foundation: Orbit und Slick. Das neuere Plugin Slick wird im head eingebunden und im body initalisiert. Slides mit einem Bild, werden wie folgt erstellt:
$ ('.single-item').slick ( ) ;
Währenddessen bei mehreren Items der Code wie folgt geändert wird:
$ ('.multiple-items').slick ( );
Es wird immer wichtiger, dass Anwendungen auch auf mobilen Endgeräten richtig angezeigt wird. Füllen Sie den folgenden Code so aus, dass auch bei einer Auflösung von 1280px x 720px und 800px x 600px das Dargestellte noch gut sichtbar ist. Verwenden Sie dazu bei der höheren Auflösung je 3 Items mit 3 Slides und bei der niedrigeren je 2 Items mit 2 Slides.
Füllen Sie folgenden Code so aus, dass eine vertikale Navigation mit 3 Sektionen dabei entsteht.
Lösung
Wie breit ist die leere Spalte?
Da wir mit 12 Spalten Systemen arbeiten und die beiden article eine Gesamtbreite von bisher 6 Spalten erreicht haben, ist die leere Spalte 6 Spalten breit.
Was macht ein responsive CSS-Framework aus?
- Webseite mit responsive CSS Framework auf verschiedenen Geräten gut angezeigt
- Spaltensystem
Beschreibe wesentliche Merkmale des Bootstrap-Frameworks.
- Vielseitigkeit in der Programmierung -> HTML, CSS, JS, LESS, SASS
- einfache Handhabung -> Einfügen der benötigten Dateien in Projektordner
Kreuze die zutreffenden Aussagen über Bootstrap an?
Quelltext bearbeiten
Lösung
Ein Framework ist ein _________________________ für den Programmierer. Darin sind verschiedene _______________ enthalten. Zwei der bekanntesten _____________ CSS-Frameworks sind Bootstrap und Foundation, die im Bereich der _________-Entwicklung genutzt werden. Beide Frameworks haben vorgefertigte Klassen für _________, ________ und _____________________.
Ein Framework ist ein Grundgerüst für den Programmierer. Darin sind verschiedene Klassen enthalten. Zwei der bekanntesten responsive CSS-Frameworks sind Bootstrap und Foundation, die im Bereich der Web-Entwicklung genutzt werden. Beide Frameworks haben vorgefertigte Klassen für HTML5, CSS3 und JavaScript.
