Foro de elhacker.net

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.

Nadie me puede dar algún consejo?

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"

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.

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

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.

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.

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..

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.

Pitufete, yo la mejor opcion que te veo es usar plantillas responsive.

Yo uso las rocketthemes que son de pago me costaron 300 Dolares.
Esta es la opcion que traen pa Android e Iphone, la plantilla se adapta automaticamente a dispositivos moviles.
(http://imagizer.imageshack.us/v2/280x200q90/901/7IZQvw.png) (https://imageshack.com/i/p17IZQvwp)

Son estas de aca:
http://demo.rockettheme.com/joomla-templates
Son Joomla 3.3, si quieres puedes escojer varias y yo con mucho gusto te las paso, ellas traen un sistema llamado rocketlauncher que es una instalacion Joomla, con la plantilla incluida... yo las he usado en mas de 200 websites hasta el momento.

Cualquier cosa si estas interesado me contactas por PV y me agregas a Skype, exitos con tu pagina.

Graphixx muchas Gracias por tu ayuda.

Como ya comente, me he comprado una ya pero bueno... He mirado el enlace que me dejas y aparentemente no veo ninguna que este diseñada para ser una galería de fotos, yo solo busco mostrar mis fotos y algún pequeño comentario, nada más.

Hola Pitufete  ;D

La vida no te regala nada, tampoco es fácil, si quieres algo tienes que esforzarte.

En cuanto a mi experiencia en la programación web.
Te recomiendo usar HTML5 y java, yaa que con ellos puedes programar cualquier cosa con intefáz gráfica.
CSS3 también es bueno, pero es más básico y práctico HTML, además de lo útil que es, yaa que sin él no correrías ninguna web.

Te doy un ejemplo de ello:
http://html5facil.com/tips/crea-galeria-de-imagenes-en-html5 (http://html5facil.com/tips/crea-galeria-de-imagenes-en-html5)

En definitiva aquí aprendes a programar lo más básico de todo.
Con forme vayas avanzando te será más fácil prgramar en éstos lenguajes web.

Un Cordial Saludo  ;D

Mi intención es ir mejorando y avanzando pero claro, también es necesario tiempo y dedicación. Ganas no me faltan e interés tampoco. Poco a poco...

Gracias por tus consejos y por el enlace, me lo miro a ver que puedo "absorber " jejeje

Compa cualquiera de esos diseños se puede convertir en una pagina web de galerias fotograficas, solo basta con quitarle modulos, y inscrustar uno que se llama rockgallery tal como hice en http://amwaymedellin.net/web/

Me lo miro, Gracias.

Este enlace me abre una web comercial, no explica nada del modulo que comentas

Compa no se si me hice entender jeje, esa web comercial la desarrolle a punta del componente rockgallery queria que vieras como quedaba... el componente es de joomla, y es lo mas facil de usar. Repito si gustas me agregas a Skype y te colaboro en lo que pueda.

Ahhh vale, disculpa que no te hay entendido bien, creía que era un enlace para explicar/descargar el componente. Gracias.

Tengo en cuenta tu ofrecimiento para ayudarme por Skype, voy a ver si soy capaz de aclara alguna cosillas mirando por internet porque sino estaré muy perdido y te saturare a preguntas jejeje

Alguna idea más?
Gracias.

¿Qué más ocupas?

Un Cordial Saludo  ;D

Ya he conseguido una plantilla pero tengo un par de problemas, a ver si podéis ayudarme:
1.- El asunto es que necesito que cuando pincho en un thumbnail, se muestre en grande SOLO la serie de ese tema y cuando termine que no salte a las fotos de otro tema. Ahora esta configurado para que pase TODAS las imágenes que haya. En resumen, que si hay 8 temas, sólo se vean las fotos que contenga dentro de cada tema independientemente.

2.- Otro tema es el correo, no consigo saber donde poner mi propio correo para que me envíe a mi los mensajes desde "Contacto"

Si alguien por favor podría ayudarme se lo agradecería, llevo varios días intentando y no lo consigo.

Gracias

Todo solucionado.

¿Nos podrías dar una muestra de lo que has hecho?

Un Cordial Saludo ;D

AL final he optado por comprar una web ya hecha y personalizarla. Para que se adapte a todos los dispositivos, la web tiene que ser "responsive".

De momento estoy trabajando en ella y personalizandola.