¿Cómo hacer sitios web responsivos sin Bootstrap?

  • Autor Autor mcflowlaamenaza
  • Fecha de inicio Fecha de inicio
M

mcflowlaamenaza

Beta
Verificación en dos pasos activada
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
hace un tiempo aprendi html, css y java script con los que hago mis paginas web pero ahora quiero aprender a hacer mis paginas responsible


he estado buscando y muchos recomiendan aprender el framework bootstrap pero
yoo quisiera hacer paginas resposible sin usar framework que debo de aprender para esto
 
Puedes buscar un theme que ya tenga versión responsiva y te libras de programar
 
Aprender CSS más a fondo.
 
Si supiera HTML Y CSS , No estarias preguntando esto.

Quenecesitas aprende rpara hacer sitios web responsive =

HTML Y CSS
 
Aprender css y html como dicen los compañeros :encouragement:
 
Theme resoponsive...

Enviado desde mi SM-A520F mediante Tapatalk
 
Si lo quieres hacer tú, lo más sencillo es utilizar bootstrap, que es la librería que utilizan la mayoría de los sitios y te va a ahorrar mucho trabajo.
 
Para empezar podrias usar el Dreamweaver, tener conocimientos de diseño grafico, y con tener un buen tema o plantilla es un buen paso para entrar en el mundo del webmaster.
 
Necesitas aprender bien CSS, fin.
 
mcflowlaamenaza dijo:
hace un tiempo aprendi html, css y java script con los que hago mis paginas web pero ahora quiero aprender a hacer mis paginas responsible


he estado buscando y muchos recomiendan aprender el framework bootstrap pero
yoo quisiera hacer paginas resposible sin usar framework que debo de aprender para esto
Hacer clic para expandir...
Hola beta .?! Sola tienes que aprender CSS y elaborar tu propio código responsive si no quieres framework .!! Saludos

Enviado desde mi TR10CS1 mediante Tapatalk
 
Bootstrap..
 
Es tan fácil como aprender en CSS los media queries. Te puedes basar en los medias que usa bootstrap. Por ejemplo
PHP: 
 /*** Media queries para dispositivos móviles pequeños (teléfonos) ***/
@ media (max-width: 767px) {
   /* Código css */
}

 /*** Media queries para dispositivos móviles medianos (tablets)***/
@ media (min-width: 768px) and (max-width: 991px) {
   /* Código css */
}

 /*** Media queries para dispositivos medianos (monitores)***/
@ media (min-width: 992px) and (max-width: 1199px) {
   /* Código css */
}

 /*** Media queries para dispositivos grandes (TV y monitores con gran resolución)***/
@ media (min-width: 1200px) {
  /* Código css */
}
(Sacar el espacio que hay entre el @ y el media)
 
Última edición:
Hola, nada mejor que la practica, usando las condiciones de @ media queries y aplicando el css que ya has aprendido anteriormente, lograras tu propósito de hacer una web responsive, no es nada del otro mundo 🙂 aveces es bueno una googleada de vez en cuando pero en fin si tienes ganas de aprender solo practica y veras resultados.
 
Creo que te falta saber sobre CSS y HTML. Porque justamente ESO es lo que necesitas para hacer webs responsive.

Hacer una web responsive no es algo que haces pegando unas lineas genericas, o sabiendo algo en concreto... Depende muchisimo del proyecto y la estructura de la web...

Con respecto a que aprendiste JavaScript, esto no sirve para el responsive (al menos no en un principio), ya que son lenguajes que PROGRAMAN, no DISEÑAN la web.

Y con respecto a no usar Framework, podes hacerlo sin Framework, pero se consciente de que es el triple de trabajo y el triple de conocimientos.

En conclusión;
Por mi parte te aconsejo aprender CSS y HTML, ya que es lo que estructura la web y por ende lo que te dará el pié para una web adaptativa. Lo mejor es que aprendas sobre medidas, sobre porcentajes y html5, para usar atributos como srcset. En un principio mejor usa un Framework, o una plantilla CSS/HTML para empezar, si es que te urge tener la web responsive ya mismo, porque aprender sobre diseño web puede llevarte unos meses.
 
Última edición:
Bueno,visto como preguntas. lo mejor es que uses como dicen algunos en este hilo un theme responsive
 
Como ya te ha comentado algún compañero del foro. Con las media queries de CSS. El Bootstrap es un lastre.

CSS media queries - CSS | MDN

Saludos.
 
La clave del responsive esta aca:

Supongamos el siguiente ejemplo:

Insertar CODE, HTML o PHP: 
.contenido {
    background-color: #000;
}


@ media screen and (max-width: 960px) { /* ANCHO A PARTIR DEL CUAL EL QUE EL ESTILO CAMBIA  */
    .contenido {
        background-color: red;
}

Lo que hace esto es cambiar el estilo según el tamaño de la pantalla. Esta sería la forma manual de hacerlo. La forma "express" sería usar boostrap.
 
Para este proyecto que tienes en mente te propongo que aprendas HTML5, CSS y es recomendable que tengas conocimientos sobre SEO para el posicionamiento de tu sitio web.
 
Hay que estar conectado o registrado para responder aquí.

Temas similares

Digmusic
AdSense ¿Anuncios adaptables son rentables en sitios web responsivos?
Respuestas
5
Visitas
432
lakasito
L
spitfire
Como se cobra por hacer sitios web?
Respuestas
11
Visitas
734
Chamako
Chamako
ramonjosegn
Llegó Aobe Muse (ahora hasta tu hermano de 3 años podrá hacer sitios web)
Respuestas
9
Visitas
2K
juan25
juan25
Atrás
Arriba