Foro de elhacker.net

Programación => Desarrollo Web => Mensaje iniciado por: ccsponcer3 en 25 Mayo 2016, 03:16 am



Título: Hacer responsive una pagina web
Publicado por: ccsponcer3 en 25 Mayo 2016, 03:16 am
Hola gente estoy en tratativas de crear una pagina web, y quiero hacerla responsive. existe por ahi algun css ya creado que pueda importar directamente? quiero que la misma pueda usarse en los tres niveles, es decir, pantalla completa, formato tablet y movile. En tal caso de encontrar, directamente lo importo al html con href o necesito algo mas? gracias!


Título: Re: Hacer responsive una pagina web
Publicado por: engel lex en 25 Mayo 2016, 03:18 am
no es como que simplemente se convierte en responsive... no es magia es trabajo y planeación... lo más cercano es diseñar el html usando bootstrap o algo similar


Título: Re: Hacer responsive una pagina web
Publicado por: PalitroqueZ en 25 Mayo 2016, 05:46 am
yo en esos casos, hago lo siguiente,

- miro por google en sitios donde ofrecen templates de css gratuitos.
- o me pongo a revisar las css de los CMS que ya traen la funcionalidad buscada.







Título: Re: Hacer responsive una pagina web
Publicado por: Son_of_Bush en 17 Junio 2016, 16:37 pm
Si usas dreamweaver chequeate bootstrap. http://getbootstrap.com/ (http://getbootstrap.com/) Es en ingles. Posiblemente en youtube encontraras tutoriales.


Título: Re: Hacer responsive una pagina web
Publicado por: DarK_FirefoX en 17 Junio 2016, 17:35 pm
Si usas dreamweaver chequeate bootstrap. http://getbootstrap.com/ (http://getbootstrap.com/) Es en ingles. Posiblemente en youtube encontraras tutoriales.

Añado: Chequeate bootstrap incluso si no usas dreamweaver, puedes aprovechar al máximo bootstrap incluso con el Bloc de Notas.

Salu2s


Título: Re: Hacer responsive una pagina web
Publicado por: daniela Vega en 18 Junio 2016, 02:13 am
con href como cualquier otra pagina te dejo una pagina de algunas que puedes implementar:
https://html5up.net/


Título: Re: Hacer responsive una pagina web
Publicado por: ccsponcer3 en 21 Junio 2016, 21:59 pm
Gracias a todos, comence a averiguar sobre bootstrap!! :D


Título: Re: Hacer responsive una pagina web
Publicado por: peter_lyon en 25 Junio 2016, 04:15 am
Si quieres aprender porque te dediques al sector, entonces aprende y háztelo tú, tendrás que dedicar muchas horas a aprender y el resultado será bastante flojo pero al menos habrás aprendido.

Si lo que necesitas es resolver el problema con el menor trabajo posible y no tienes interés en el gremio, entonces no te pongas a aprender bootstrap, ya que es una "herramienta" para gente con conocimientos avanzados de desarrollo web.

En primer lugar tienes que entender que si una web no es responsive, no hay forma de hacer magia, tu web no es responsive y no hay nada que hacer. Puedes transformar tu web en una web diferente que sea responsive y tienes que entender que al verse diferente en cada dispositivo, vas a tener varios diseños simultáneos.

Si no quieres complicarte la vida, compra un buen tema en Themeforest (por 11-15$ tienes muchos de muy buena calidad) en él encontrarás muchas páginas, busca las que te vayan gustando y edita los contenidos y las imágenes a tu gusto.

En el mundo profesional, nunca hacemos un diseño de 0, como mínimo usamos bootstrap para grandes proyectos en los que merece la pena invertir tiempo en un diseño a medida, pero en la mayoría de los proyectos de webs sencillas, lo que hacemos es coger un template bien hecho que ya tenga un diseño moderno y responsive, y adaptarlo a la imagen corporativa y contenidos del cliente.

En cualquier caso, vas a requerir saber lo que estás haciendo, conocer html y css o al menos saber manejar dreamweaver más o menos bien. Sin conocimientos técnicos de desarrollo web te sería imposible.


Título: Re: Hacer responsive una pagina web
Publicado por: EFEX en 25 Junio 2016, 13:57 pm
No es necesario usar bootstrap. Yo no lo uso, no me gusta aprendenderme las clases o recurrir a la documentacion a cada rato cuando lo puedo lograr lo mismo con flexbox y media queries.

https://css-tricks.com/snippets/css/a-guide-to-flexbox/
https://css-tricks.com/snippets/css/media-queries-for-standard-devices/