3ESO-SA3-Desarrollo Web
Introducción al Desarrollo Web
Hoy en día, pasamos muchas horas usando páginas web: buscamos información en Google, vemos vídeos en YouTube, compartimos fotos en Instagram o jugamos en línea. Pero… ¿alguna vez te has preguntado cómo se crean esas páginas?
El desarrollo web es el proceso de crear páginas y aplicaciones que funcionan en Internet. Hay personas que se dedican profesionalmente a diseñarlas, escribir su código, y asegurarse de que funcionen bien en ordenadores, móviles y tabletas.
¿Qué es una página web?
Una página web es un conjunto de archivos (textos, imágenes, vídeos…) que se muestran en el navegador (como Chrome o Firefox) gracias a un tipo de código especial. Ese código le dice al navegador qué mostrar y cómo mostrarlo.
Una página web está escrita en HTML y CSS aunque existen otros lenguajes como JavaScript, PHP, etc., que hacen que su funcionalidad sea una u otra así como la interactividad de la página web con el usuario.
- HTML (HyperText Markup Language): es la estructura, como los ladrillos de una casa. Dice qué hay en la página: títulos, párrafos, imágenes, listas, etc.
- CSS (Cascading Style Sheets): es el diseño. Define los colores, tamaños, posiciones, fondos, y más. Hace que la página se vea bonita.
- JavaScript: es la parte que permite interacción con el cliente. Hace que los botones funcionen, que cambie algo al hacer clic, que aparezcan menús…
- PHP: Proporciona la funcionalidad de parte del servidor consiguiendo desarrollar sitios como tiendas online, blogs, etc.
¿Qué herramientas se necesitan?
Para empezar a crear páginas web, solo necesitamos:
Un navegador web (como Chrome, Firefox…).
Un editor de texto o de código (como Visual Studio Code o editores online como Replit).
Plataformas para el desarrollo de páginas web
WIX
Wix es una plataforma online que permite crear páginas web de forma muy fácil, sin necesidad de saber programar.
En lugar de escribir código (como HTML o CSS), en Wix puedes construir tu web arrastrando y soltando elementos (como textos, imágenes, botones, etc.) en un lienzo visual. Es como hacer una presentación de PowerPoint… pero en versión web.
¿Para qué sirve?
Con Wix puedes crear muchos tipos de sitios web:
- Una página personal
- Un blog
- Un portfolio (para mostrar tus dibujos, fotos, etc.)
- Una tienda online (aunque esto es más avanzado)
Es una herramienta muy útil si quieres aprender diseño web y entender cómo se estructura una página, sin entrar todavía en el código.