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

Web adaptable a cualquier dispositivo

Estas en el tema de Web adaptable a cualquier dispositivo en el foro de Diseño web en Foros del Web. Hola a todos! Llevo días trasteando con algo, y no soy capaz de dar con ello. Me gustaría saber como poder crear mi web y ...
  #1 (permalink)  
Antiguo 10/10/2013, 16:22
 
Fecha de Ingreso: marzo-2008
Mensajes: 6
Antigüedad: 16 años, 2 meses
Puntos: 0
Web adaptable a cualquier dispositivo

Hola a todos!

Llevo días trasteando con algo, y no soy capaz de dar con ello.

Me gustaría saber como poder crear mi web y que se adaptara automaticamente a cualquier dispositivo, como tablet o smartphone.

Un ejemplo de lo que quiero seria esto:

www.as.com
www.elrow.es
o esta misma web: www.forosdelweb.com

Todas ellas tienen una estructura central la cual es la que se adapta dependiendo del dispositivo donde la veamos.

En una pantalla de alta resolucion, veriamos la estructura centra, y un fondo a izquierda y derecha. En cambio, en una tablet o smarphone, veriamos solo la estructura centra adaptada, sin fondos sobrantes. (En smartphone obviamente se veria todo mas reducido).

Pues bien, no consigo lograr esto. He estado observando los css, y en principio no utilizan media queries, ya que la web es la misma, solo que se adapta su tamaño unicamente.


Si alguien me puede orientar un poco, seria de gran ayuda.

Mil gracias y saludos!
  #2 (permalink)  
Antiguo 10/10/2013, 16:57
Avatar de pzin
Moderata 😈
 
Fecha de Ingreso: julio-2002
Ubicación: Islas Canarias
Mensajes: 10.488
Antigüedad: 21 años, 9 meses
Puntos: 2114
Respuesta: Web adaptable a cualquier dispositivo

Pues la técnica usaba se llama Responsive Web Design. Se trata de usar bloques de CSS envueltos en media-queries.

Investiga sobre eso, es bastante simple una vez se entiende cómo funciona.
  #3 (permalink)  
Antiguo 10/10/2013, 17:39
 
Fecha de Ingreso: marzo-2008
Mensajes: 6
Antigüedad: 16 años, 2 meses
Puntos: 0
Respuesta: Web adaptable a cualquier dispositivo

Gracias por tu rápida respuesta pzin.

Yo también creí que lo hacían con media queréis, que por cierto domino bastante, pero repasando sus css, no utilizan ninguna... De ahí mi duda.

Espero alguna idea más!
  #4 (permalink)  
Antiguo 11/10/2013, 01:57
Avatar de igualacero  
Fecha de Ingreso: septiembre-2010
Mensajes: 296
Antigüedad: 13 años, 7 meses
Puntos: 16
Respuesta: Web adaptable a cualquier dispositivo

Hola puedes utilizar una librería de twitter llama bootstrap que viene preparada para el diseño sensible http://getbootstrap.com/2.3.2/
__________________
igualacero
  #5 (permalink)  
Antiguo 11/10/2013, 05:21
Avatar de pzin
Moderata 😈
 
Fecha de Ingreso: julio-2002
Ubicación: Islas Canarias
Mensajes: 10.488
Antigüedad: 21 años, 9 meses
Puntos: 2114
Respuesta: Web adaptable a cualquier dispositivo

Cita:
Iniciado por thegod Ver Mensaje
Gracias por tu rápida respuesta pzin.

Yo también creí que lo hacían con media queréis, que por cierto domino bastante, pero repasando sus css, no utilizan ninguna... De ahí mi duda.

Espero alguna idea más!
Pues al menos as y forosdelweb no usan nada. Simplemente un diseño líquido.
  #6 (permalink)  
Antiguo 11/10/2013, 13:45
Avatar de newalex  
Fecha de Ingreso: junio-2008
Ubicación: los olivos
Mensajes: 185
Antigüedad: 15 años, 10 meses
Puntos: 7
Respuesta: Web adaptable a cualquier dispositivo

bueno hay principios basicos que debes de tomar en cuenta para poder obtener los resultados que buscas:

una programacion flexible basado en cuadrícula, que utilice tamaños relativos
contenido e imagines flexibles mediante css

revisas esos conceptos antes de empezar.
__________________
Rock Peruano
  #7 (permalink)  
Antiguo 18/10/2013, 09:44
 
Fecha de Ingreso: octubre-2013
Mensajes: 1
Antigüedad: 10 años, 6 meses
Puntos: 0
Respuesta: Web adaptable a cualquier dispositivo

Hola! yo he leído en algunos portales que la version professional de WebSite X5 Incomedia se adapta a todos los dispositivos.

Es este enlace: http://www.websitex5.com/es/professional.html

¿Alguien lo ha probado?

Etiquetas: adaptable, css, dispositivo
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 13:01.