Multimèdia Universitat Oberta de Catalunya
Eines de disseny Multimèdia

Provar la nostra web

Molts de vosaltres esteu començant a desenvolupar llocs web, i segurament ja us haureu adonat que segons el navegador en el que us mireu la pàgina pot haver-hi diferències.

És per això que el disseny ha de contemplar una gran quantitat de possibilitats que hi ha. Aquest tipus de disseny s’anomena disseny responsive.

A vegades les diferències de disseny resultant per a navegadors de PC són molt importants, i encara que sempre hi ha un navegador més usat que els altres cal provar les nostres pàgines en diversos navegadors per assegurar-nos de que la pàgina es veu bé.

Sobretot, cal tenir instal·lats:

  • Chrome
  • Firefox
  • Opera
  • Edge

També podem provar-les en una aplicació web que fa captures de pantalla de com es veuria en diferents navegadors. La web és: http://browsershots.org

Si navegueu amb Chrome, prement la tecla F12 podeu accedir al codi de la pàgina, així com simular la visualització de la mateixa segons la mida del dispositiu:

Per tornar a la visualització anterior, només cal tornar a prémer F12.

Hi ha alguns simuladors externs al navegador, com ara http://quirktools.com/screenfly

Com podeu comprovar, a part de fer un bon disseny, cal tenir en compte moltes variables a l’hora de realitzar-lo.