WebSite X5Help Center

 
Lluix Mestre
Lluix Mestre
User

Web Responsiva  es

Autor: Lluix Mestre
Visitado 740, Followers 1, Compartido 0  

Hola.

Solicito ayuda para hacer una web responsiva.

Esto es lo que me pasa. Cuando abro el programa para definir lo que creo que se llaman los puntos de intersección (screenshot 1) están definidos los puntos de intersección.

Pero las imágenes no se redimensionan según la resolución de la pantalla. Mi pregunta es; ¿No deberé hacer una web para cada una de las resoluciones ? (screenshot 2)

O es que debo ajustar el tamaño de la imagen para cada tipo de pantalla (screeenshot 3)

Y este es el resultado (screenshot 4)

En cambio, cuando lo hago con una imagen de la galeria no pasa (screenshot 5)

Gracias por vuesta amable ayuda.

Saludos Cordiales.

Publicado en
2 RESPUESTAS - 1 ÚTIL - 1 CORRECTO
Jorge M.
Jorge M.
Moderator

Hola Jose Luis P.

Si tienes la respuesta, solo un poco de detalle te falta revisar, por lo general vas paso a paso en WebSite X5, desde el paso 1 al 5, eso incluye cada sección en cada paso, por ejemplo en el paso 2, persocalización de la plantilla:

Empiezas en Resoluciones y escoges los puntos de interrupción y son esa cantidad de puntos los que te haces trabajar en las otras secciones, por ejemplo por defecto son 4 puntos:

En cada paso que sigue, debes de trabajar en cada punto, tanto en Estructura de la Plantilla como en Contenidos de encabezado y pie de página... Y el truco es tener formateada la imagen para cada resolución, esto te ayuda mejorando el tiempo en que diseñas, el tiempo de carga a los usuarios y le encanta a Google.

Jose Luis P.
En cambio, cuando lo hago con una imagen de la galeria no pasa (screenshot 5)

Eso es porque las imágenes de la galería son enormes... y se adaptan...

Jose Luis P.

O es que debo ajustar el tamaño de la imagen para cada tipo de pantalla (screeenshot 3)

Si. Eso debes de hacer...

Recomendación:

Ese efecto lo haces mejor si usas el formato de fila:

Revisa más información en el manual, te adjunto el link:

http://help.websitex5.com/es/v13/pro/aspetto_riga_ht.htm

Tabién una preguta interesante con información de ese efecto:

https://helpcenter.websitex5.com/es/post/171331

Y un modelo de diseño hecho con WebSIte X5 V13:

https://market.websitex5.com/es/plantillas/vista-previa/ffc1f3ae-2a7d-4278-a2c3-af0deee49c?_ga=2.54348840.1688737811.1493***33562554.1471577859

Revisa, prueba y comenta.
Saludos
Jorge M.

----------------------------------------------------------------------------------------------------------

¡Cada punto cuenta! No en monetario pero si como reconocimiento a un esfuerzo, así que:

  • Si una respuesta es correcta o te ayuda, dale la opción de Correcto.
  • Si una respuesta te sirve, sea o no sea tu pregunta, dale útil.
  • Si no te sirve ninguna respuesta, para ayudar a comprender mejor la pregunta trata de agregar links o capturas de Vista Previa, Rejilla de Maquetación, Navegador
  • Para las capturas: usa la opción Añadir una imagen desde su PC.
Leer más
Publicado en de Jorge M.
Lluix Mestre
Lluix Mestre
User
Autor

Infinitas gracias.

Saludos Cordiales.

Leer más
Publicado en de Lluix Mestre