Tu primer sitio web
Este módulo te presenta los aspectos prácticos del desarrollo web. Reunirás los recursos y escribirás el código para construir una página web sencilla, y después la publicarás para que todo el mundo la vea.
Crear un sitio web profesional es mucho trabajo, así que si eres nuevo en el desarrollo web, te animamos a empezar poco a poco. No vas a construir otro Facebook de inmediato, pero no es difícil tener tu propio sitio web sencillo en línea, así que empezaremos por ahí.
Requisitos previos
Este módulo no asume ningún conocimiento previo de las tecnologías web, pero ya deberías sentirte cómodo usando tu sistema operativo, incluido el sistema de archivos, y navegando por la web. Deberías tener instalados un editor de código y varios navegadores web.
Si no es así, te sugerimos que primero completes el módulo Configuración del entorno.
Tutoriales
- ¿Cuál será la apariencia de tu sitio web?
-
Antes de empezar a escribir el código de tu sitio web, primero deberías planificarlo. ¿Qué información vas a mostrar? ¿Qué fuentes y colores vas a usar? Aquí describimos un método sencillo que puedes seguir para planificar el contenido y el diseño de tu sitio.
- Crear el contenido
-
HTML (HyperText Markup Language, lenguaje de marcado de hipertexto) es el código que se usa para estructurar una página web y su contenido. Por ejemplo, el contenido puede estructurarse en un conjunto de párrafos, en una lista de viñetas o mediante imágenes y tablas de datos. Este artículo ofrece una comprensión básica de HTML y sus funciones, y te muestra cómo crear el contenido básico de tu primer sitio web.
- Dar estilo al contenido
-
CSS (Cascading Style Sheets, hojas de estilo en cascada) es el código que da estilo al contenido web. Dar estilo al contenido te explica lo que necesitas para empezar. Responderemos preguntas como: ¿cómo hago que el texto sea rojo? ¿Cómo hago que el contenido se muestre en un lugar concreto del diseño (de la página web)? ¿Cómo decoro mi página web con imágenes y colores de fondo?
- Añadir interactividad
-
JavaScript es un lenguaje de programación que añade interactividad a los sitios web. Esto ocurre en los juegos, en las respuestas al pulsar botones o al introducir datos en formularios, con estilos dinámicos, con animaciones, etc. Este artículo te ayuda a empezar con JavaScript y amplía tu comprensión de lo que es posible.
- Publicar tu sitio web
-
Cuando termines de escribir el código y de organizar los archivos que forman tu sitio web, tienes que ponerlo todo en línea para que la gente pueda encontrarlo. Este artículo explica cómo publicar tu sitio web de ejemplo en línea con poco esfuerzo.
Véase también
- The Frontend Developer Career Path socio de aprendizaje de MDN
-
La Frontend Developer Career Path de Scrimba enseña todo lo que necesitas saber para ser un desarrollador web front-end competente, con lecciones y desafíos interactivos divertidos, profesores expertos y una comunidad de apoyo. ¡Pasa de cero a conseguir tu primer trabajo front-end! Muchos de los componentes del curso están disponibles como versiones gratuitas independientes.