elhacker.net cabecera Bienvenido(a), Visitante. Por favor Ingresar o Registrarse
¿Perdiste tu email de activación?.

 

 


Tema destacado: AIO elhacker.NET 2021 Compilación herramientas análisis y desinfección malware


+  Foro de elhacker.net
|-+  Programación
| |-+  Desarrollo Web (Moderador: #!drvy)
| | |-+  (Solucionado) Adaptar web de fotografía a versión móvil
0 Usuarios y 1 Visitante están viendo este tema.
Páginas: [1] 2 3 Ir Abajo Respuesta Imprimir
Autor Tema: (Solucionado) Adaptar web de fotografía a versión móvil  (Leído 11,467 veces)
Pitufete

Desconectado Desconectado

Mensajes: 90



Ver Perfil
(Solucionado) Adaptar web de fotografía a versión móvil
« en: 11 Agosto 2014, 23:59 pm »

Hola, no controlo el tema de programación, simplemente peleo mucho, miro por foros y la red para ir poco a poco defendiéndome y saber lo justito. Os cuento mi idea...

Estoy mirando para comprarme un web o plantilla, no se como lo llamaréis. Consiste en un diseño ya creado y a partir de ahí ir haciendo yo mis cosillas. La web según pone esta creada en HTML y CSS. Creo por lo que he trasteado con este tema que podría ir añadiendo mis datos poco a poco pero tengo una duda, bueno muchas jejejeje pero bueno poco a poco.

La web sería una galería fotográfica con menús, columnas y demás. Esta diseñada para versión PC y me gustaría que se adaptara a dispositivos móviles. Por lo que he leído por aquí y otras webs, parece que esto requiere ser programado en la creación de la propia web y por tanto lo descarto porque no sería capaz de hacerlo, a no ser que no requiera mucha modificación, pero bueno, tengo un plan b que podría servirme igualmente. La idea sería crear dentro de mi propia web otra línea o URL llamada por ejemplo "www.miweb.com/móvil" donde pondría un diseño tal que así http://i.imgur.com/nwMokPC.png
Se tocaría cada foto y se podría ver en grande. Mi pregunta es, como podría programar lo más sencillo posible ese acceso para que se adaptara a los dispositivos móviles y se vieran las fotos en pequeño y al tocar se hicieran zoom?

Espero que no sea muy complicado sino...jejejeje

Gracias por vuestra ayuda.


« Última modificación: 24 Septiembre 2014, 09:38 am por Pitufete » En línea

Pitufete

Desconectado Desconectado

Mensajes: 90



Ver Perfil
Re: Adaptar web de fotografía a versión móvil
« Respuesta #1 en: 13 Agosto 2014, 10:51 am »

Nadie me puede dar algún consejo?


En línea

peib0l
Wiki

Desconectado Desconectado

Mensajes: 3.493


freedom


Ver Perfil WWW
Re: Adaptar web de fotografía a versión móvil
« Respuesta #2 en: 13 Agosto 2014, 14:22 pm »

Para el diseño adaptativo es simplemente CSS3 experiencia y practica en mi opinion el uso de plantillas en muchas ocasiones es una perdida de tiempo pues te vas a pegar mas tiempo buscando las cosas que "programando" el responsive.

Para lo de la ampliación de la imagen.. hay dos métodos
El primero es el mas cutre pero el mas rápido y es.. no hacer nada, dejar que el dispositivo haga zoom solo cuando tu haces doble "click" o como sea en el dispositivo.
La otra opción es aprender a programar en javascript y usar JQuery lo cual a día de hoy es imprescindible, te costara mas pero el control que te da y el resultado merece la pena.
En línea

engel lex
Moderador Global
***
Desconectado Desconectado

Mensajes: 15.514



Ver Perfil
Re: Adaptar web de fotografía a versión móvil
« Respuesta #3 en: 13 Agosto 2014, 14:34 pm »

Para el diseño adaptativo es simplemente CSS3 experiencia y practica en mi opinion el uso de plantillas en muchas ocasiones es una perdida de tiempo pues te vas a pegar mas tiempo buscando las cosas que "programando" el responsive.

Para lo de la ampliación de la imagen.. hay dos métodos
El primero es el mas cutre pero el mas rápido y es.. no hacer nada, dejar que el dispositivo haga zoom solo cuando tu haces doble "click" o como sea en el dispositivo.
La otra opción es aprender a programar en javascript y usar JQuery lo cual a día de hoy es imprescindible, te costara mas pero el control que te da y el resultado merece la pena.

muy de acuerdo

básicamente quieres hacer programación web sin esforzarte por programar web... dudo que consigas mucho... especialmente un un foro donde la mayor parte de los que responden programan y opinan que lo que tu hablas "no es tan complicado"
En línea

El problema con la sociedad actualmente radica en que todos creen que tienen el derecho de tener una opinión, y que esa opinión sea validada por todos, cuando lo correcto es que todos tengan derecho a una opinión, siempre y cuando esa opinión pueda ser ignorada, cuestionada, e incluso ser sujeta a burla, particularmente cuando no tiene sentido alguno.
Pitufete

Desconectado Desconectado

Mensajes: 90



Ver Perfil
Re: Adaptar web de fotografía a versión móvil
« Respuesta #4 en: 13 Agosto 2014, 17:04 pm »

Bueno, ya me he comprado una y he empezado a trastear con el HTML. "Aparentemente" tengo localizado donde debo meter cada imagen, miniaturas y demás. Ahora me falta adaptar mis fotos a cada tamaño y editar todo el texto. Creo que puede ser una alternativa a mi nulo conocimiento en el tema. Total han sido unos $ lo que me ha costado! no he arriesgado mucho y no me puedo permitir hacer una desde cero con mi nivel en el tema. Si decidiera hacerla desde cero, estaría todo el día aquí preguntando y mareandoos seguro jejejeeje.

No se, tal cual esta creada al abrirla desde el teléfono o tablet no se adapta, creo que es un diseño de los normales, de los que no están programados para adaptarse. Esos modelos eran más caros y no me quería arriesgar.

Ahora me gustaría poder hacer lo que comentó en mi primer post, el adaptar simplemente las fotos a versión de dispositivos. Se qué es hacer dos veces lo mismo pero para uno que no sabe como yo quizá sea la alternativa más rápida. Lo que no se es como poder crear eso, lo eh visto en multitud de webs pero....
Gracias.
En línea

basickdagger


Desconectado Desconectado

Mensajes: 650


System.out.println("this is weird as fuck");


Ver Perfil
Re: Adaptar web de fotografía a versión móvil
« Respuesta #5 en: 13 Agosto 2014, 23:45 pm »

es muy dificil que alguien pueda ayudarte a tu problema ya que por lo visto el hecho de q te pasaran un código no serviría de mucho si no sabes donde colocarlo...

podrías utilizar el diseño responsivo por CSS...

o crear otra pagina y con  un script detectar si es móvil para que te muestre otra pagina...

si colocas una imagen con el 100% esta tomará todo el ancho de la pantalla sea pc o móvil, aunque se verá bastante feita... xD


pero en todos los casos vas a necesitar investigar bastante, vamos.. no es como copiar y pegar un codigo y asunto arreglado...

saludos
En línea

EFEX


Desconectado Desconectado

Mensajes: 1.171


"Dinero Facil"


Ver Perfil WWW
Re: Adaptar web de fotografía a versión móvil
« Respuesta #6 en: 13 Agosto 2014, 23:50 pm »

Ya te respondieron antes sobre el uso del diseño responsivo y que se ayuda mientras sea valido, una pregunta directa como mostrar parte del codigo que de duda.. es tu caso no es volcar codigo y ya está, segun lo que querés hacer el servidor debe omitir quien esta navegando con celular para redireccionarlos al sitio mipagina.com/mobile donde ya tienes un diseño adaptado a mobiles, en esos casos es preparar el diseño del mismo sitio que soporte las distintas resoluciones para cada dispositivo.. desktop, smartphones, tablets. La otra forma como ya te dijeron es aprender diseño responsivo donde el mismo sitio se adapta a la resolucion del dispositivo, pero tenes que tener un previo conocimiento de css y como dejaste en claro que no tienes conocimientos en el tema quedandote dos opciones..

1-  APRENDER.
2- Comprar el diseño que se adapta par a moviles.
En línea

Pitufete

Desconectado Desconectado

Mensajes: 90



Ver Perfil
Re: Adaptar web de fotografía a versión móvil
« Respuesta #7 en: 14 Agosto 2014, 10:48 am »

Bueno....por lo menos lo eh intentado y algo he sacado positivo...que debo irme a algo sencillo y no complicarme sino acabare abandonando la web.

Igualmente agradezco vuestros consejos y ayuda. Muchas gracias.
En línea

peib0l
Wiki

Desconectado Desconectado

Mensajes: 3.493


freedom


Ver Perfil WWW
Re: Adaptar web de fotografía a versión móvil
« Respuesta #8 en: 17 Agosto 2014, 12:01 pm »

Intenta hacerlo con CSS pero al comprar la platilla te vas a volver loco..

Actualmente implica conocer tantas tecnologías (HTML5, CSS3, AJAX, CANVAS, PHP, javascript, Jquery....) que si no tienes una base solida y un nivel medio alto de cada una de ellas solo vas a hacer chapuzas, perder tu tiempo.

De todas formas si te quieres meter en el desarrollo  web y no quieres empezar desde abajo, desde 0, es mejor que te quedes en casa llorando..

Código:
@media screen and (max-width:aqui_tamaño_para_telefonos){

}
« Última modificación: 17 Agosto 2014, 12:04 pm por peib0l » En línea

Pitufete

Desconectado Desconectado

Mensajes: 90



Ver Perfil
Re: Adaptar web de fotografía a versión móvil
« Respuesta #9 en: 17 Agosto 2014, 23:44 pm »

Intenta hacerlo con CSS pero al comprar la platilla te vas a volver loco..

Actualmente implica conocer tantas tecnologías (HTML5, CSS3, AJAX, CANVAS, PHP, javascript, Jquery....) que si no tienes una base solida y un nivel medio alto de cada una de ellas solo vas a hacer chapuzas, perder tu tiempo.

De todas formas si te quieres meter en el desarrollo  web y no quieres empezar desde abajo, desde 0, es mejor que te quedes en casa llorando..

Código:
@media screen and (max-width:aqui_tamaño_para_telefonos){

}

Claro qué me gustaría saber más de este tema pero...no se puede saber de todo en la vida jejeje, simplemente se "cuatro" cosillas muy muy básicas. A partir de ahí probar y probar, leer y leer....

Este código que me dejas, para que es? Qué función tiene y donde lo coloco? Entiendo que puede ser para adaptar algo de la web a dispositivos móviles, no?

Gracias.
En línea

Páginas: [1] 2 3 Ir Arriba Respuesta Imprimir 

Ir a:  

Mensajes similares
Asunto Iniciado por Respuestas Vistas Último mensaje
USB no me reconoce el movil [SOLUCIONADO]
Hardware
wer 2 4,342 Último mensaje 28 Mayo 2010, 17:07 pm
por wer
Acceder a versión móvil de una web
Dudas Generales
jor1980 6 5,964 Último mensaje 26 Octubre 2011, 21:35 pm
por jor1980
LibreOffice deja ver la versión móvil y web de la suite ofimática
Noticias
wolfbcn 0 1,582 Último mensaje 10 Febrero 2012, 01:46 am
por wolfbcn
HTC reinventa la fotografía móvil
Noticias
wolfbcn 0 1,434 Último mensaje 9 Octubre 2014, 14:05 pm
por wolfbcn
Adaptar a móvil : ¿template movil o responsive?
Desarrollo Web
OssoH 5 3,013 Último mensaje 2 Marzo 2015, 05:50 am
por WHK
WAP2 - Aviso Legal - Powered by SMF 1.1.21 | SMF © 2006-2008, Simple Machines