suchen
  • Anmelden
  • Melden Sie sich an
Passwort-Reset erfolgreich

Verfolgen Sie die Projekte, die Sie interessieren, und erfahren Sie die neuesten Nachrichten über sie

Heim
Kursliste
Bootstrap-responsives Weblayout

Bootstrap-responsives Weblayout

In diesem Bootstrap-Tutorial wird erläutert, wie Sie Responsive Design auf Weblayouts anwenden. Im Kurs lernen Sie das responsive Webdesign kennen. Mit der Beliebtheit mobiler Geräte ist es zu einem unvermeidlichen Problem geworden, Benutzern das Durchsuchen Ihrer Website über mobile Geräte zu ermöglichen, um gute visuelle Effekte zu erzielen. Responsive Webdesign ist ein effektiver Weg, dies zu erreichen.

223105 Person lernt
71 Unterrichtsstunde
2023-05-22 Updatezeit
03 Stunden43 Minuten25 Sekunden Gesamtkursdauer
-
Golddozent
43 Kurs
53537 Student
5.5 Punktzahl

Du wirst es lernen

In diesem Tutorial wird erläutert, wie Sie Responsive Design auf Weblayouts anwenden. Im Kurs lernen Sie das responsive Webdesign kennen. Mit der Beliebtheit mobiler Geräte ist es zu einem unvermeidlichen Problem geworden, Benutzern das Durchsuchen Ihrer Website über mobile Geräte zu ermöglichen, um gute visuelle Effekte zu erzielen. Responsive Webdesign ist ein effektiver Weg, dies zu erreichen.

Bootstrap-responsives Weblayout

Abschnitt1 Benutzeroberfläche und Interaktionsarchitektur
01 Minuten44 Sekunden
Abschnitt2 Laden Sie Bootstrap herunter
02 Minuten15 Sekunden
Abschnitt3 Enthaltene Dateien
02 Minuten26 Sekunden
Abschnitt4 Verwendung von Bootstrap in Webseiten
05 Minuten34 Sekunden
Abschnitt5 Layout
04 Minuten34 Sekunden
Abschnitt6 Verschachteltes Layout und fließendes Layout
03 Minuten50 Sekunden
Abschnitt7 Responsives Layout
04 Minuten21 Sekunden
Abschnitt8 Konvertieren Sie das vorhandene Layout mit fester Breite in ein responsives Layout
03 Minuten38 Sekunden
Abschnitt9 Utility-Klassen für responsive Layouts
02 Minuten59 Sekunden
Abschnitt10 Gängige Tags und Stile
03 Minuten48 Sekunden
Abschnitt11 Liste
03 Minuten30 Sekunden
Abschnitt12 Code
03 Minuten44 Sekunden
Abschnitt13 Google Prettify
02 Minuten29 Sekunden
Abschnitt14 Blatt
03 Minuten24 Sekunden
Abschnitt15 bilden
04 Minuten09 Sekunden
Abschnitt16 Präfixe und Suffixe von Textfeldern
03 Minuten14 Sekunden
Abschnitt17 Optionsfeld
02 Minuten16 Sekunden
Abschnitt18 Kontrollkästchen
02 Minuten17 Sekunden
Abschnitt19 Liste auswählen
02 Minuten42 Sekunden
Abschnitt20 Formularlayout
02 Minuten53 Sekunden
Abschnitt21 Taste
03 Minuten55 Sekunden
Abschnitt22 Schaltflächengruppe
02 Minuten13 Sekunden
Abschnitt23 Schaltfläche mit Dropdown-Menü
03 Minuten48 Sekunden
Abschnitt24 Navigationsmenü
05 Minuten43 Sekunden
Abschnitt25 Dropdown-Menü im Navigationsmenü
02 Minuten07 Sekunden
Abschnitt26 Responsives Design des Navigationsmenüs
02 Minuten35 Sekunden
Abschnitt27 Tab Nr. 1
02 Minuten42 Sekunden
Abschnitt28 Tab Nr. 2
03 Minuten58 Sekunden
Abschnitt29 Navigationspfade und Paginatoren
04 Minuten01 Sekunden
Abschnitt30 Schnelle Nachricht
02 Minuten43 Sekunden
Abschnitt31 Miniaturansicht
03 Minuten58 Sekunden
Abschnitt32 Dialogfeld
04 Minuten01 Sekunden
Abschnitt33 Tooltip
03 Minuten26 Sekunden
Abschnitt34 Inhalt reduzieren
04 Minuten45 Sekunden
Abschnitt35 Karussell
03 Minuten39 Sekunden
Kapitel1 Bootstrap. Benutzeroberflächenarchitektur
Abschnitt1 Kurseinführung
01 Minuten39 Sekunden
Abschnitt2 Beispiele aus der Praxis für Responsive Design
02 Minuten33 Sekunden
Abschnitt3 Ansichtsfenster - Ansichtsfenster
01 Minuten33 Sekunden
Abschnitt4 Ansichtsfenster manuell konfigurieren
04 Minuten25 Sekunden
Abschnitt5 Pixeldichte
02 Minuten49 Sekunden
Abschnitt6 So wenden Sie Medienabfragen an
01 Minuten53 Sekunden
Abschnitt7 Medientyp Medientyp
04 Minuten00 Sekunden
Abschnitt8 Meida-Funktion Medienfunktion
01 Minuten43 Sekunden
Abschnitt9 Seitenverhältnis der Breite des Sichtfensters zur Höhe
03 Minuten01 Sekunden
Abschnitt10 Seitenverhältnis Das Verhältnis der Breite zur Höhe des Geräts
03 Minuten34 Sekunden
Abschnitt11 Ausrichtung Die Verwendungsrichtung des Geräts
02 Minuten04 Sekunden
Abschnitt12 height (visuelle Fensterhöhe) und device-height (Gerätehöhe)
03 Minuten20 Sekunden
Abschnitt13 width (Breite des visuellen Fensters) und device-width (Gerätebreite)
03 Minuten45 Sekunden
Abschnitt14 Auflösung Pixeldichte
05 Minuten09 Sekunden
Abschnitt15 Betreiber - und
04 Minuten33 Sekunden
Abschnitt16 Verknüpfen Sie mehrere durch Kommas getrennte Medienabfragen
02 Minuten13 Sekunden
Abschnitt17 Betreiber - nicht
03 Minuten03 Sekunden
Abschnitt18 Responsives Layout Nr. 1
03 Minuten56 Sekunden
Abschnitt19 Responsives Layout Nr. 2
02 Minuten05 Sekunden
Abschnitt20 Responsives Layout Nr. 3
02 Minuten07 Sekunden
Abschnitt21 Responsive Navigation
01 Minuten52 Sekunden
Abschnitt22 HTML für Navigationsmenü
04 Minuten07 Sekunden
Abschnitt23 CSS für Navigationsmenü
02 Minuten46 Sekunden
Abschnitt24 Schaltflächenstil umschalten
03 Minuten08 Sekunden
Abschnitt25 Responsive Navigationsmenüstile
04 Minuten06 Sekunden
Abschnitt26 Responsive Bilder
04 Minuten07 Sekunden
Abschnitt27 Responsive Hintergrundbilder
01 Minuten43 Sekunden
Abschnitt28 Unterschiedliche Gerätegrößen verwenden unterschiedliche Bilder
00 Minuten49 Sekunden
Abschnitt29 Verwenden Sie unterschiedliche Hintergrundbilder für Geräte unterschiedlicher Größe
03 Minuten05 Sekunden
Abschnitt30 Wechseln Sie je nach Bildschirmdichte zwischen verschiedenen Hintergrundbildern
03 Minuten14 Sekunden
Abschnitt31 Bildfüllung
04 Minuten40 Sekunden
Abschnitt32 Responsive Diashow
03 Minuten50 Sekunden
Abschnitt33 Schieberegler
02 Minuten08 Sekunden
Abschnitt34 Stil der Schieberegler-Taste
03 Minuten06 Sekunden
Abschnitt35 Beheben Sie das Problem, dass Folien überschrieben werden
01 Minuten27 Sekunden
Abschnitt36 Abschluss
00 Minuten31 Sekunden
Kapitel2 Sich anpassendes Webdesign

Datenname

Bootstrap-responsives Weblayout
Herunterladen
Bootstrap-responsives Weblayout
Herunterladen