Webseiten für verschiedene Bildschirmauflösungen erstellen

Dies ist eine Schulung für Webentwickler und Webdesigner, die lernen möchten, wie man Webseiten für Endgeräte mit unterschiedlichen Bildschirmauflösungen erstellt.

Warum ist die Skalierbarkeit von Webseiten wichtig?

Im Zeitalter der Mobilgeräte besuchen immer mehr Besucher Websites von ihren Handys oder Tablets. Als Entwickler oder Designer müssen wir diese Tatsache berücksichtigen und sicherstellen, dass unsere Websites gut aussehen und benutzerfreundlich sind, unabhängig von der Bildschirmauflösung.

Was wirst du lernen?

• Grundlagen von Responsive Web Design
• Verwendung von CSS Media Queries
• Optimierung von Bildern und Videos für verschiedene Auflösungen
• Mobile First Design
• Best Practices für die Skalierung von Inhalten

Voraussetzungen

Teilnehmer sollten grundlegende HTML- und CSS-Kenntnisse haben und mit Webdesign- und Entwicklungstools wie Adobe Photoshop, Sublime Text oder ähnlichem vertraut sein.

Kursdauer

Der Kurs dauert fünf Tage und wird von erfahrenen Webdesignern und Entwicklern geleitet. Am Ende des Kurses werden die Teilnehmer in der Lage sein, responsive Websites für verschiedene Bildschirmauflösungen zu erstellen und bestehende Websites zu optimieren.

Interesse?

Wenn Sie Interesse haben oder weitere Informationen benötigen, zögern Sie nicht, uns zu kontaktieren.

Für die Erstellung von mobilen Webseiten sollten folgende Vorüberlegungen getroffen werden:

• Die Verwendung von verschiedenen responsiven Konzepten wie Fluid, Adaptive und Elastic Layout
• Das Finden von Breakpoints für den Layoutwechsel
• Die Verwendung von Viewport-Angaben

Um eine bessere Übersichtlichkeit der Seite zu erhalten, können folgende Techniken verwendet werden:

• Grids und Frameworks für Grids
• Anpassung von Bildern, Videos, Formularen, Tabellen und anderen Elementen für das responsive Design
• Berücksichtigung von wechselnden Schriftgrößen

Zur Erleichterung der Navigation auf mobilen Geräten sollten Techniken wie Off-Canvas eingesetzt werden. Außerdem kann das Conditional Loading von Inhalten zur Performance-Optimierung beitragen.

Eine Übersicht über Frameworks für mobile Webseiten sowie Tipps und Tricks zur Erstellung runden das Thema ab.