HTML&CSS

Mi experiencia programando una página web desde 0.

Primeros pasos

Descargar un programa de código. Puedes programar hasta en el bloc de notas de cualquier ordenador, pero un programa como Brackets o Visual Studio Code (es el que utilizo por costumbre) ayudan mucho con la sintaxis. Usan colores, detectan automáticamente ciertos errores y autocompletan la mayoría de comandos.

Empezar a programar

Hay multitud de tutoriales en internet que en un par de horas te enseñan los pasos básicos para empezar el código. A mí me sirvió este para comenzar.

Un poco más avanzado

Algo que complementa las páginas web y mejoran la navegación son las barras de navegador. Yo aprendí a trancas y barrancas, frustrándome mucho por el camino, pero este tutorial me ayudó a apañarlo.

CSS

Personalizar la web es tan importante como tenerla. Lo más básico se puede aprender también en un tutorial extenso como este.

CSS más avanzado

Diferentes cosas que puedes tener en mente:

El modelo caja
Flexbox
Animaciones
Diferentes tipografías
Personalizar el cursor

Cuanto más conozcas, mayor creatividad puede tener el diseño web.

Subir el blog a internet

Para que todo el mundo pueda ver las páginas deben estar en un servidor o host. Yo uso neocities, y estoy encantado con la comunidad de blogueros, pero también hay otras como webhost000. También las hay de pago, pero suelen usarlos empresas que ellas mismas programan las páginas web. En otros hosts también se puede comprar un dominio, o sea, el .com, .net, etc.

Optimización y buenas prácticas

Siempre hay que intentar no añadir elementos redundantes, como divs innecesarios o CSS que no vaya a utilizarse.
La página web debe cargar lo más rápido posible. Si no lo hace, puede ser debido al hosting (Neocities suele tener uun ritmo bastante rápido, pero otros no tanto en sus versiones gratuítas) o que debe cargar demasiados elementos. Para aligerarlo, es bueno enlazar imágenes desde un servidor en lugar desde nuestros archivos.