¿Qué recursos puedo usar para diseñar páginas web correctamente?

Sí, sigue siendo principalmente HTML y CSS.

Sin embargo, los desafíos actuales están en la creación de páginas web que se ajusten al dispositivo y a diferentes tamaños de pantalla (eso se refiere principalmente a dispositivos móviles). Eso puede parecer complicado; sin embargo, hay muchas bibliotecas (llamadas marcos) que están disponibles para ayudar con esto, junto con tutoriales y demostraciones. Este enfoque de un diseño de ajuste generalmente se llama “diseño receptivo” y una de las bibliotecas más utilizadas es el Bootstrap de Twitter.

Prácticamente, el mejor consejo para usted, si desea hacerlo usted mismo, es aprender un poco sobre el diseño receptivo y luego comprar una plantilla. Hay miles de plantillas disponibles para descargar, algunas son gratuitas y otras cuestan un poco. Elija una plantilla que esté cerca de su diseño deseado; mira las demostraciones, lee las reseñas y la documentación. Una vez que tenga una plantilla, que ya está incrustada, contará con todas las ventajas de las capacidades de diseño receptivo, la compatibilidad del navegador, el manejo de eventos táctiles, etc. Será bastante fácil incrustar su contenido y obtener un sitio web de aspecto profesional.

Bueno, para eso hay una poderosa biblioteca CSS llamada Bootstrap, es una biblioteca de clases CSS muy fácil de usar que le da un formato elegante a sus desarrollos y es gratis, y lo mejor de todo es que tiene muchas características como cambiar el tamaño automáticamente dependiendo de la resolución de la pantalla (esto es muy útil cuando desea que su aplicación esté disponible en teléfonos celulares o tabletas). aquí te dejo una imagen de la funcionalidad básica, (podría encontrar una tan bien explicada como esta, así que la elijo con respecto al pequeño meme en la esquina)


Puede comenzar con Bootstrap · El marco front-end más popular para dispositivos móviles y receptivo más popular del mundo.

Es un marco bastante fácil de aprender con muchos tutoriales y consejos en línea. Como ya está familiarizado con HTML y CSS, todo lo que tiene que hacer es aprender las clases básicas para Bootstrap.

Estoy de acuerdo con las otras respuestas, Bootstrap es el camino a seguir para el diseño. Una vez que se tome el tiempo para comprender el sistema de columnas (es fácil), hará clic y tendrá un verdadero “¡ajá!” momento.

Como solicitó recursos, aquí hay algunos:

Cómo instalar Twitter Bootstrap

Tutorial Bootstrap 3

Tutoriales de Bootstrap: aprenda a desarrollar proyectos móviles receptivos