HTML und CSS/responsives Mehrspaltenlayout: Unterschied zwischen den Versionen

Aus ZUM-Unterrichten
K (Matthias Scharwies verschob die Seite HTML und CSS/responsives Mehrsspaltenlayout nach HTML und CSS/responsives Mehrspaltenlayout, ohne dabei eine Weiterleitung anzulegen: typo)
(l korr)
Markierung: 2017-Quelltext-Bearbeitung
Zeile 2: Zeile 2:
Schon längst werden Webseiten nicht nur am Schreibtisch, sondern auch auf mobilen Geräten mit kleinen Viewports angeschaut.
Schon längst werden Webseiten nicht nur am Schreibtisch, sondern auch auf mobilen Geräten mit kleinen Viewports angeschaut.


# Informiere Dich über [https://wiki.selfhtml.org/wiki/RWD responsives Webdesign]
# Informiere Dich über [https://wiki.selfhtml.org/wiki/HTML/Tutorials/responsive_Webdesign responsives Webdesign]
# Setze die Breiten so, dass die Inhalte auf allen Bildschirmen gut zu lesen sind.
# Setze die Breiten so, dass die Inhalte auf allen Bildschirmen gut zu lesen sind.
# Mit media queries kannst Du verschiedene CSS-Regelsätze für verschiedene Breiten festlegen.
# Mit media queries kannst Du verschiedene CSS-Regelsätze für verschiedene Breiten festlegen.

Version vom 31. Juli 2020, 07:18 Uhr

responsives Webdesign

Schon längst werden Webseiten nicht nur am Schreibtisch, sondern auch auf mobilen Geräten mit kleinen Viewports angeschaut.

  1. Informiere Dich über responsives Webdesign
  2. Setze die Breiten so, dass die Inhalte auf allen Bildschirmen gut zu lesen sind.
  3. Mit media queries kannst Du verschiedene CSS-Regelsätze für verschiedene Breiten festlegen.

Media Queries

Grid Layout

Devicon-html5-plain-wordmark.svg

HTML und CSS

  1. HTML als Auszeichnungssprache
  2. meine erste Webseite
  3. unsichtbar, aber nötig: Dokumentstruktur
  4. Jetzt kommt Farbe ins Spiel: CSS
  5. responsives Mehrspaltenlayout
  6. von der Webseite zum Web-Projekt
Abgerufen von „https://unterrichten.zum.de/index.php?title=HTML_und_CSS/responsives_Mehrspaltenlayout&oldid=114376“