¿Cuál es la mejor manera de desarrollar su sitio web en una versión compatible con dispositivos móviles? Necesito una versión móvil de mi sitio. Comparta información de calidad.

Bueno, la respuesta corta sería implementar algunos principios de "diseño receptivo".

Esto significa que el diseño y el contenido de su página deben adaptarse y responder a los cambios en el tamaño de la ventana o el tamaño de la pantalla del dispositivo, y permitirle mostrar su sitio web de manera ordenada en el dispositivo móvil.

Por ejemplo:

Realmente no puedo darte una lección completa sobre diseño receptivo (principalmente porque no sé mucho sobre el aspecto técnico), pero personalmente creo que deberías considerar adaptar tu sitio para los espectadores móviles en 3 etapas:

Optimice su contenido : tiene un sitio web muy agradable, pero está muy ocupado con todo tipo de cosas que suceden y hay mucho para leer y ver.

Incluso si logra exprimir todo en una pantalla de 1136 x 640 píxeles, es demasiado para asimilar. Así que averigüe lo que necesita conservar y lo que puede prescindir.

Cuadrículas flexibles y consultas de medios: las estructuras de cuadrículas flexibles son la base del diseño receptivo. Si aún no está usando algo así, es hora de investigarlo. Hay muchas lecturas que puede hacer en la web ( aquí y aquí, por ejemplo), y si puede ver tutoriales en Code Academy o Treehouse también.

Si desea un atajo, siempre puede usar una plantilla o tema "listo para usar".

Pruebas en diferentes dispositivos: incluso cuando todo se ve bien cuando mira su código, siempre es importante probar las cosas en varios dispositivos y navegadores.

Recuerde, no se trata solo de cambiar de escritorio a dispositivo móvil; también debe preocuparse por las diferencias en el tamaño de la pantalla y la visualización en todos los diferentes dispositivos móviles.

Aunque desea atraer a todos, a menudo es más sensato centrarse en dónde estará su mercado principal.

Entonces, tal vez no se preocupe por los dispositivos móviles o navegadores obsoletos que inicialmente tienen una pequeña participación de mercado.

Probar y volver a probar es la mejor manera de asegurarse de que ha implementado todo correctamente, y también le permite una ventana a la perspectiva del usuario que es muy valiosa cuando pasa horas mirando el código.

Cass ha dado la respuesta definitiva, pero si eso está más allá de su experiencia técnica, todavía hay formas de evitarlo.

Muchos proveedores ofrecen sitios web listos para usar que le permiten modificarlos fácilmente para dispositivos móviles. Wix es una de esas empresas. Los he estado usando durante unos dieciocho meses.

Puede encontrarlos aquí: http://www.wix.com/

Aunque he trabajado con muchas empresas de marketing en Internet, solo obtuve servicios satisfactorios de Thinsquare. ¡El personal de Thinsquare tiene un talento enorme!

La versión actual de un
sitio web compatible con dispositivos móviles es la que se adapta al tamaño de la pantalla del dispositivo móvil. Hoy en día, los teléfonos
móviles han evolucionado enormemente, de modo que cuentan con una sólida
capacidad de cálculo y memoria. Dicho esto, los navegadores de Internet pueden administrar
sitios web pesados, pero lo que no pueden hacer correctamente es representarlos bien en el
tamaño de pantalla limitado. Para superar este desafío, no es necesario que desarrolle una
versión separada de un sitio web para su dispositivo móvil. Cualquier empresa de diseño web que Dubai tenga para ofrecer le permitirá saber que tener
varias versiones de sitios web no es una buena idea en la era actual. En su lugar,
simplemente puede optar por sitios web receptivos.

¿Qué
son los sitios web receptivos ? Estos son sitios web que tienen un diseño fluido, lo que
significa que toman la forma de la pantalla, ya sea de escritorio, portátil, tableta o
teléfono inteligente. Dicho esto, el sitio web aparecerá uniforme en todos los
dispositivos. Y esto se hace inteligentemente con el uso de ajustes en CSS, usando
imágenes de tamaño variable y planeando diseños que se verán geniales en todos los
tamaños de pantalla .

Un sitio web receptivo está diseñado para ser
compatible con dispositivos móviles, lo que significa que puede hacer las mismas cosas en un dispositivo portátil
que de otra manera haría en un escritorio. No necesita preocuparse por cómo
se verá el sitio web, una vez que se acerque a cualquier diseñador web de Dubai para modificar el sitio web existente para que sea
receptivo. Además, no necesita gastar mucho para diseñar y alojar una
versión móvil del sitio web, y pensar en su contenido, SEO y otros
parámetros. Un diseño receptivo elimina todas las preocupaciones.