la escocesa · 3 sesiones de 3 horas

taller de web
autogestionada

Diseñar, programar y mantener tu propia página web. Sin Cargo, sin Squarespace, sin pagar nada al mes y sin depender de ninguna empresa.

meowrhino.studio

las tres sesiones

1 · html Qué es el HTML y por qué estructura en vez de dibujar. Tus dos primeras páginas, con tu contenido, y publicadas el mismo día. 3 horas 2 · css Qué es el CSS. Tipografía, color, composición y que funcione en el móvil. Tu web con el aspecto que tú decidas. 3 horas 3 · publicar Qué son GitHub, Pages, Cloudflare, un dominio y el DNS. Publicar bien, y el ciclo de mantenerla tú sola. 3 horas

Cada sesión son diapositivas: una lámina por pantalla, se avanza con las flechas. El botón «leer» las convierte en un documento largo para leerlas en casa, y «imprimir» las saca en A4.

Dentro, la teoría (fondo blanco) y la práctica (fondo amarillo) van marcadas y separadas, para que se sepa en todo momento si toca escuchar o toca teclear.

Cada práctica trae sus tres capas —lo que hay que hacer, lo que puedes y lo que podrías— y una caja de herramientas con lo que se puede usar en ese momento, separado en esenciales y avanzadas. Todo desarrollado en el chuletón.

lo demás

chuletón Todo el código del taller: 76 fichas de HTML y CSS con lo que hace cada cosa, sus opciones y ejemplos para copiar. Con buscador. muestrario 26 páginas de ejemplo, cada una en un solo archivo muy comentado. Para abrir, mirar por dentro y robar. web base El punto de partida de la sesión 1, con los huecos comentados. cuatro estilos El mismo HTML con cuatro CSS distintos. Ficha, cartel, cuaderno, índice. chuleta Una hoja a doble cara con HTML y CSS. Para imprimir. guía El taller entero por escrito, paso a paso, para cuando estés sola. ejercicios Las siete fichas, una por hoja, con casillas para tachar. rescate · sesión 1 Cómo queda la web al terminar la primera sesión. rescate · sesión 2 Cómo queda al terminar la segunda, con el CSS completo. pptx de respaldo Las tres sesiones exportadas a PowerPoint, por si el proyector no tiene internet.

qué te llevas

  • Una web publicada, con dirección propia en internet.
  • La carpeta en tu ordenador, que es la copia buena.
  • Saber cambiarla y volver a subirla tú sola.
  • Una guía y una chuleta para dentro de tres meses.
la idea entera, en una frase

Una web son archivos de texto en una carpeta. No hay magia, no hay una empresa detrás, y no caduca.

atajos de teclado

← →Cambiar de lámina. Es el modo por defecto: una lámina por pantalla.
FPantalla completa, para proyectar.
IAbrir el índice de láminas. También se abre clicando el nombre de la sesión.
LPasar a modo lectura: todo seguido, con scroll.
TCambiar entre claro y oscuro.

Y el botón «imprimir» de la barra saca la sesión entera como dossier A4.