Rendere un sito reattivo¶
Cos’è un sito reattivo?¶
In parole povere, un sito «reattivo» è un sito web che può essere visualizzato in modo leggibile ed ergonomico su schermi di varie dimensioni (dal desktop allo smartphone).
WaFx risolve questo problema proponendo al webmaster di definire le pagine del suo sito con componenti le cui proprietà geometriche dipenderanno dallo schermo del visitatore.
Consigli generali¶
- Utilizzo dello zoom
Non esitate ad attivare lo zoom (in alto a sinistra) per localizzare facilmente i vostri elementi.
- Utilizzo della mascheratura degli elementi
È possibile perfezionare il layout nascondendo alcuni elementi a seconda dello schermo o della lingua
Come si usa responsive?¶
Suggerimento
Si consiglia di mettere solo 2 schermate di lavoro (1 desktop + mobile), il vostro sito sarà più facile da modificare
Avete creato il vostro sito in formato computer e volete renderlo accessibile su uno smartphone (senza che il visitatore debba zoomare per vedere gli elementi del vostro sito).
Attivare il formato mobile nelle proprietà generali del sito (scegliere 2 layout).
Sul vostro spazio di lavoro, selezionate l’icona corrispondente al formato mobile.
La vostra pagina verrà visualizzata come «ridotta», non è ancora in formato mobile.
Poi si deve disporre ogni elemento (ingrandirne la maggior parte) per avere un rendering mobile leggibile.
Pubblica, il tuo sito è ora reattivo