Foros del Web » Creando para Internet » Diseño web »

¿Cómo adaptar una web HTML a cualquier pantalla?

Estas en el tema de ¿Cómo adaptar una web HTML a cualquier pantalla? en el foro de Diseño web en Foros del Web. Necesito que una web se adapte a cualquier pantalla. La web tiene frames y tiene un index con cabecera, menú y contenido, y quería saber ...
  #1 (permalink)  
Antiguo 14/06/2014, 11:20
 
Fecha de Ingreso: junio-2014
Mensajes: 1
Antigüedad: 9 años, 10 meses
Puntos: 0
Pregunta [Urgente] ¿Cómo adaptar una web HTML a cualquier pantalla?

Necesito que una web se adapte a cualquier pantalla. La web tiene frames y tiene un index con cabecera, menú y contenido, y quería saber como ajustarla a todas las pantallas.
Gracias.

Última edición por alberto__ramos; 14/06/2014 a las 11:22 Razón: Se me olvidó añadir una cosa.
  #2 (permalink)  
Antiguo 14/06/2014, 11:29
Avatar de Mariano_Floyd  
Fecha de Ingreso: marzo-2013
Ubicación: Córdoba
Mensajes: 155
Antigüedad: 11 años, 1 mes
Puntos: 14
Respuesta: ¿Cómo adaptar una web HTML a cualquier pantalla?

Esto es algo que ya se pregunto mucho, con diseño liquido y responsive design. Si buscas eso en san google te aparecerán miles de respuestas concretas.
  #3 (permalink)  
Antiguo 26/06/2014, 13:24
Avatar de Germano6  
Fecha de Ingreso: mayo-2013
Mensajes: 61
Antigüedad: 10 años, 11 meses
Puntos: 0
Respuesta: ¿Cómo adaptar una web HTML a cualquier pantalla?

Se llama responsive design. En una hoja CSS defines las clases y todo, dependiendo del ancho por ejemplo, así:
Código CSS:
Ver original
  1. /*Aquí clases comunes a todos los dispositivos*/
  2.  
  3. @media (min-width: Apx) { .desktop{} }
  4.  
  5. @media (min-width: Bpx) (max-width:Apx) { .tabletas{} }
  6.  
  7. @media (max-width: Bpx) { .moviles{} }
Suerte
__________________
Simple principiante. Déjame las cosas claras y no me preguntes.
  #4 (permalink)  
Antiguo 30/06/2014, 06:17
Avatar de gran Wakka  
Fecha de Ingreso: septiembre-2007
Mensajes: 712
Antigüedad: 16 años, 7 meses
Puntos: 48
Respuesta: [Urgente] ¿Cómo adaptar una web HTML a cualquier pantalla?

Cita:
Iniciado por alberto__ramos Ver Mensaje
Necesito que una web se adapte a cualquier pantalla. La web tiene frames y tiene un index con cabecera, menú y contenido, y quería saber como ajustarla a todas las pantallas.
Gracias.
Mariano_Floyd te ha dado una idea base, Germano6 te ha dado un "ejemplo". Yo te voy a dar un "consejo", ten paciencia, porque hacer conseguir un buen diseño que se adapte bien a distintas pantallas es complicado.
__________________
Información de Series de TV
Buscas o quieres ser redactor? Ofertas redactor web
  #5 (permalink)  
Antiguo 30/06/2014, 16:22
Avatar de pzin
Moderata 😈
 
Fecha de Ingreso: julio-2002
Ubicación: Islas Canarias
Mensajes: 10.488
Antigüedad: 21 años, 8 meses
Puntos: 2114
Respuesta: ¿Cómo adaptar una web HTML a cualquier pantalla?

Yo no usaría marcos para una web ya que están obsoletos en HTML5. Ya en HTML4 estaban depreciados. Es decir, llevan sin estar recomendados su uso ya 15 años prácticamente.

Etiquetas: html
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 16:08.