Que-es-una-web - diseño de paginas web e

bueno

1. Diseño de paginas web Mgr. Kilbert Chusi Huamani

2. ¿Qué es una web? Una web (o sitio web) es un conjunto de páginas electrónicas relacionadas entre sí, que están alojadas en un servidor y accesibles a través de Internet mediante un navegador (como Chrome, Edge o Firefox). Se identifican mediante una dirección única llamada URL (ejemplo: https://www.wikipedia.org ).

3. Tipos de web según su uso y ejemplos 1 Webs estáticas Contenido fijo, no cambia con la interacción del usuario. Hechas con HTML y CSS principalmente. Ejemplo: páginas informativas de empresas pequeñas.

4. 2 Webs dinámicas Su contenido cambia según la interacción del usuario o una base de datos. Usan lenguajes como PHP, JavaScript, Python, Ruby, ASP.NET . Ejemplo: Facebook, YouTube, Wikipedia.

5. 3 Blogs Espacios personales o corporativos donde se publican artículos. Ejemplo: WordPress, Blogger.

6. 4 E-commerce (tiendas en línea) Permiten comprar y vender productos/servicios. Ejemplo: Amazon, Mercado Libre, Shopify.

7. 5 Webs educativas Diseñadas para enseñanza y aprendizaje. Ejemplo: Khan Academy, Moodle, Coursera.

8. 6 Portales web Sitios que integran múltiples servicios (correo, noticias, foros). Ejemplo: Yahoo, MSN.

9. 7 Redes sociales Enfocadas en la interacción entre usuarios. Ejemplo: Facebook, Instagram, TikTok.

10. Evolución de la web Web 1.0 (años 90) Páginas estáticas, solo lectura. Ejemplo: primeros portales informativos. Web 2.0 (años 2000) Interacción usuario ↔ web. Redes sociales, blogs, wikis. Ejemplo: Facebook, Wikipedia, YouTube. Web 3.0 (actualidad) Web semántica, personalizada, con IA, blockchain y datos conectados . Ejemplo: ChatGPT, aplicaciones descentralizadas (dApps).

11. Diferencia entre Frontend y Backend Frontend (lado del cliente) Todo lo que el usuario ve e interactúa en la web. Tecnologías: HTML, CSS, JavaScript, frameworks como React, Angular, Vue.js . Ejemplo: botones, menús, formularios, diseño visual. Backend (lado del servidor) Procesos que el usuario no ve (lógica, base de datos, seguridad). Tecnologías: PHP, Python (Django, Flask), Java (Spring), C# (.NET), Node.js . Ejemplo: validar datos de login, guardar información en una base de datos. 👉 El frontend muestra la web, el backend la hace funcionar.

12. Tecnologías web principales Lenguajes de marcado y estilo HTML, CSS. Lenguajes de programación web JavaScript, PHP, Python, Java, C#, Ruby. Bases de datos MySQL, PostgreSQL, MongoDB, SQL Server. Frameworks y librerías React, Angular, Vue, Laravel, Django, Spring. Servidores web Apache, Nginx, IIS.

13. Herramientas básicas para trabajar con web Editores de código Visual Studio Code ✅ Sublime Text Atom Notepad++ Navegadores (para probar webs) Google Chrome Mozilla Firefox Microsoft Edge Safari

14. Otros complementos útiles Git/GitHub (control de versiones). Node.js (para ejecutar JavaScript en backend). XAMPP / WAMP / MAMP (servidores locales para pruebas).