Antes de empezar
Este manual te enseña a construir páginas web desde cero. No asume ningún conocimiento previo, solo ganas de entender cómo funciona la web y curiosidad por hacer cosas con ese conocimiento.
Antes de entrar en materia, conviene que veas adónde vas. Cuando termines. podrás construir páginas como esta:
Ver ejemplo: página de portfolio terminada
Una página así no requiere ningún software especial ni conocimientos de programación. Solo HTML y CSS: los dos lenguajes que aprenderás en este manual. El primero define la estructura y el contenido; el segundo controla cómo se ve. Juntos, dan lugar a cualquier página web que hayas visitado.
¿Qué necesitas para empezar?
Dos cosas, y probablemente ya las tienes:
- Un navegador web: Chrome, Firefox, Safari o Edge funcionan todos perfectamente.
- Un editor de texto: el Bloc de Notas de Windows o el Editor de texto de macOS son suficientes para empezar. Si quieres algo más cómodo desde el principio, Visual Studio Code es gratuito y es el que usa la mayoría de desarrolladores.
Para aprender no necesitas instalar servidores, ni contratar alojamiento, ni configurar nada. Creas un archivo, lo abres en el navegador, y ves el resultado. Así de directo.
Cómo está organizado este manual
El manual sigue un orden deliberado. Empieza por HTML puro (estructura, texto, imágenes, enlaces) y cuando ya tienes algo que se parece a una página real, entra CSS para transformarla visualmente. Ese momento, cuando el mismo HTML que habías escrito adopta colores, tipografía y composición, tiene algo de revelación.
A lo largo de las lecciones irás construyendo una misma página de ejemplo que crece y se complica con cada tema nuevo. Al final del manual, esa página será similar a la del portfolio que has visto arriba.
Nota: Si en algún momento algo no funciona como esperas, no te preocupes. El inspector del navegador (tecla F12) te dirá exactamente qué está pasando. Lo veremos en la segunda lección.
En la próxima lección:, cuando estes listo, empezamos con los Fundamentos de HTML.
- Anterior « Inicio del tema
- Siguiente Fundamentos »