Eine Website reaktionsfähig machen

Was ist eine reaktionsfähige Website?

Einfach ausgedrückt ist eine „responsive“ Site eine Website, die auf verschiedenen Bildschirmgrößen (Desktop bis Smartphone) lesbar und ergonomisch dargestellt werden kann.

WaFx löst dieses Problem, indem es dem Webmaster vorschlägt, die Seiten seiner Website mit Komponenten zu definieren, deren geometrische Eigenschaften vom Bildschirm des Besuchers abhängen.

Wie verwende ich responsive?

Tipp

Es ist ratsam, nur 2 Arbeitsbildschirme (1 Desktop + Handy) aufzustellen, Ihre Website lässt sich dann leichter ändern

Sie haben Ihre Website im Computerformat erstellt und möchten sie auf einem Smartphone zugänglich machen (ohne dass der Besucher die Elemente Ihrer Website vergrößern muss, um sie zu sehen).

  1. Aktivieren Sie das mobile Format in den allgemeinen Website-Eigenschaften (wählen Sie 2 Layouts).

    ../../../_images/icon_props_website1.png
    ../../../_images/screen_settings1.png
  2. Wählen Sie in Ihrem Arbeitsbereich das Symbol, das dem mobilen Format entspricht.

    ../../../_images/screen_selection_mobile.png
  3. Ihre Seite wird als „reduziert“ angezeigt, sie ist noch nicht im mobilen Format.

  4. Dann müssen Sie jedes Element so anordnen (die meisten davon vergrößern), dass eine lesbare mobile Darstellung entsteht.

  5. Veröffentlichen, Ihre Website ist jetzt ansprechbar

Allgemeine Hinweise

  • Verwendung des Zooms

    Zögern Sie nicht, den Zoom (oben links) zu aktivieren, um Ihre Elemente leicht zu lokalisieren.

  • Verwendung der Elementmaskierung

    Sie können Ihr Layout verfeinern, indem Sie bestimmte Elemente je nach Bildschirm oder Sprache ausblenden

    ../../../_images/button_hide_show.png