Hacer responsive una pagina web

Iniciado por ccsponcer3, 25 Mayo 2016, 03:16 AM

0 Miembros y 1 Visitante están viendo este tema.

ccsponcer3

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!

engel lex

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

PalitroqueZ

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.





"La Economía planificada lleva de un modo gradual pero seguro a la economía dirigida, a la economía autoritaria y al totalitarismo" Ludwig Erhard

Son_of_Bush

Si usas dreamweaver chequeate bootstrap. http://getbootstrap.com/ Es en ingles. Posiblemente en youtube encontraras tutoriales.

DarK_FirefoX

Cita de: Son_of_Bush en 17 Junio 2016, 16:37 PM
Si usas dreamweaver chequeate bootstrap. 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

daniela Vega

con href como cualquier otra pagina te dejo una pagina de algunas que puedes implementar:
https://html5up.net/

ccsponcer3

Gracias a todos, comence a averiguar sobre bootstrap!! :D

peter_lyon

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.

EFEX

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/
GITHUB