Uso de Redes/title>  <meta name="description" content="Eduquémonos es un blog educativo dedicado a enseñar seguridad digital, uso responsable de internet y cultura tecnológica para todas las edades.">  <meta name="keywords" content="educación digital, seguridad en internet, privacidad, redes sociales, tecnología, ciberseguridad, navegación segura, blog educativo">  <meta name="author" content="Equipo Eduquémonos">  <meta http-equiv="Content-Language" content="es">  <link rel="icon" type="image/png" href="../fav.ico">  <meta property="og:type" content="website"> <meta property="og:title" content="Eduquémonos — Aprende, Protege y Navega con Conocimiento"> <meta property="og:description" content="Blog educativo sobre seguridad digital, redes y privacidad online."> <meta property="og:site_name" content="Eduquémonos">  <meta name="twitter:card" content="summary_large_image"> <meta name="twitter:title" content="Eduquémonos — Aprende, Protege y Navega con Conocimiento"> <meta name="twitter:description" content="Blog educativo sobre seguridad digital, redes y privacidad online."> <meta name="theme-color" content="#1e1e1e"> <link href="https://unpkg.com/boxicons@2.1.4/css/boxicons.min.css" rel="stylesheet"> <link rel="stylesheet" href="src/css/educativo.css"> </head> <style> /* Estilos generales */ * { margin: 0; padding: 0; box-sizing: border-box; font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; } :root { --primary: #cf43ee; --secondary: #7b0ca3; --accent: #7209b7; --light: #f8f9fa; --dark: #212529; --success: #4cc9f0; --warning: #f72585; --danger: #e63946; --gray: #6c757d; } html { scroll-behavior: smooth; } body { background-color: #f5f7fb; color: var(--dark); line-height: 1.6; } .container { max-width: 1200px; margin: 0 auto; padding: 0 20px; } .section-header { text-align: center; margin-bottom: 60px; } .section-tag { display: inline-block; background-color: #e9ecef; color: var(--gray); padding: 5px 15px; border-radius: 20px; font-size: 14px; font-weight: 600; margin-bottom: 15px; } .section-title { font-size: 2.5rem; color: var(--dark); margin-bottom: 15px; } .title-underline { width: 80px; height: 4px; background: linear-gradient(90deg, var(--primary), var(--accent)); margin: 0 auto 20px; border-radius: 2px; } .section-subtitle { font-size: 1.1rem; color: var(--gray); max-width: 700px; margin: 0 auto; } .btn { display: inline-block; padding: 12px 30px; border-radius: 30px; text-decoration: none; font-weight: 600; transition: all 0.3s ease; border: none; cursor: pointer; font-size: 1rem; } .btn-primary { background-color: var(--primary); color: white; } .btn-primary:hover { background-color: var(--secondary); transform: translateY(-3px); box-shadow: 0 5px 15px rgba(0,0,0,0.1); } /* Navegación */ .navbar { position: fixed; top: 0; width: 100%; background: rgba(255, 255, 255, 0.95); backdrop-filter: blur(10px); z-index: 1000; padding: 15px 0; box-shadow: 0 2px 10px rgba(0,0,0,0.1); transition: all 0.3s ease; } .nav-container { max-width: 1200px; margin: 0 auto; padding: 0 20px; display: flex; justify-content: space-between; align-items: center; } .logo { display: flex; align-items: center; font-weight: 700; font-size: 1.5rem; color: var(--primary); } .logo i { margin-right: 10px; font-size: 1.8rem; } .nav-menu { display: flex; list-style: none; } .nav-link { padding: 10px 15px; text-decoration: none; color: var(--dark); font-weight: 500; transition: color 0.3s ease; border-radius: 5px; } .nav-link:hover, .nav-link.active { color: var(--primary); background-color: rgba(67, 97, 238, 0.1); } .hamburger { display: none; flex-direction: column; cursor: pointer; } .hamburger span { width: 25px; height: 3px; background: var(--dark); margin: 3px 0; transition: 0.3s; } /* Sección Redes */ .networks { padding: 100px 0 80px; background-color: white; } .networks-intro { text-align: center; max-width: 800px; margin: 0 auto 50px; } .networks-intro p { font-size: 1.1rem; color: var(--gray); margin-bottom: 30px; } .networks-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(350px, 1fr)); gap: 30px; margin-bottom: 60px; } .network-card { background: white; border-radius: 15px; overflow: hidden; box-shadow: 0 10px 30px rgba(0,0,0,0.08); transition: transform 0.3s ease, box-shadow 0.3s ease; } .network-card:hover { transform: translateY(-10px); box-shadow: 0 15px 40px rgba(0,0,0,0.12); } .card-header { padding: 25px 25px 15px; border-bottom: 1px solid #eee; display: flex; align-items: center; } .card-header i { font-size: 2.5rem; margin-right: 15px; color: var(--primary); } .card-header h3 { font-size: 1.5rem; color: var(--dark); } .card-content { padding: 25px; } .card-content ul { list-style: none; margin-bottom: 20px; } .card-content li { padding: 10px 0; border-bottom: 1px solid #f0f0f0; display: flex; align-items: center; } .card-content li:last-child { border-bottom: none; } .card-content li i { margin-right: 10px; color: var(--success); font-size: 1.2rem; } .network-tips { background: linear-gradient(135deg, var(--primary), var(--accent)); color: white; padding: 50px; border-radius: 15px; margin-top: 50px; } .network-tips h2 { text-align: center; margin-bottom: 30px; font-size: 2rem; } .tips-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 25px; } .tip-item { background: rgba(255,255,255,0.1); padding: 25px; border-radius: 10px; backdrop-filter: blur(10px); } .tip-item h3 { margin-bottom: 15px; display: flex; align-items: center; } .tip-item h3 i { margin-right: 10px; font-size: 1.5rem; } /* Sección Vulnerabilidades */ .vulnerabilities { padding: 80px 0; background-color: #f8f9fa; } .vulnerability-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 25px; margin-top: 40px; } .vulnerability-item { background: white; padding: 25px; border-radius: 10px; box-shadow: 0 5px 15px rgba(0,0,0,0.05); border-left: 5px solid var(--warning); } .vulnerability-item h3 { display: flex; align-items: center; margin-bottom: 15px; color: var(--dark); } .vulnerability-item h3 i { margin-right: 10px; color: var(--warning); } .vulnerability-item.danger { border-left-color: var(--danger); } .vulnerability-item.danger h3 i { color: var(--danger); } .vulnerability-item.success { border-left-color: var(--success); } .vulnerability-item.success h3 i { color: var(--success); } /* Sección Herramientas */ .tools { padding: 80px 0; background-color: white; } .tools-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 25px; margin-top: 40px; } .tool-card { background: white; padding: 30px 25px; border-radius: 10px; box-shadow: 0 5px 15px rgba(0,0,0,0.05); text-align: center; transition: transform 0.3s ease, box-shadow 0.3s ease; } .tool-card:hover { transform: translateY(-5px); box-shadow: 0 10px 25px rgba(0,0,0,0.1); } .tool-card i { font-size: 2.5rem; color: var(--primary); margin-bottom: 20px; display: block; } .tool-card h3 { font-size: 1.3rem; color: var(--dark); margin-bottom: 15px; } .tool-card p { color: var(--gray); line-height: 1.6; } /* Footer */ .footer { background: var(--dark); color: white; padding: 60px 0 20px; } .footer-content { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 40px; margin-bottom: 40px; } .footer-section h4 { margin-bottom: 20px; font-size: 1.2rem; } .footer-logo { display: flex; align-items: center; font-weight: 700; font-size: 1.5rem; margin-bottom: 15px; color: white; } .footer-logo i { margin-right: 10px; font-size: 1.8rem; } .footer-section p { margin-bottom: 20px; color: #adb5bd; } .social-links { display: flex; gap: 15px; } .social-links a { display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; background: rgba(255,255,255,0.1); border-radius: 50%; color: white; transition: all 0.3s ease; } .social-links a:hover { background: var(--primary); transform: translateY(-3px); } .footer-section ul { list-style: none; } .footer-section li { margin-bottom: 10px; } .footer-section a { color: #adb5bd; text-decoration: none; transition: color 0.3s ease; } .footer-section a:hover { color: white; } .footer-bottom { text-align: center; padding-top: 20px; border-top: 1px solid rgba(255,255,255,0.1); color: #adb5bd; font-size: 0.9rem; } /* Responsive */ @media (max-width: 768px) { .nav-menu { position: fixed; top: 70px; left: -100%; flex-direction: column; background: white; width: 100%; text-align: center; transition: 0.3s; box-shadow: 0 10px 10px rgba(0,0,0,0.1); padding: 20px 0; } .nav-menu.active { left: 0; } .nav-link { padding: 15px; display: block; } .hamburger { display: flex; } .section-title { font-size: 2rem; } .networks-grid { grid-template-columns: 1fr; } .network-tips { padding: 30px 20px; } } </style> </head> <body> <nav class="navbar" id="navbar"> <div class="nav-container"> <div class="logo"> <i class='bx bx-shield-quarter'></i> <span>Eduquemonos</span> </div> <ul class="nav-menu" id="navMenu"> <li><a href="../index.html" class="nav-link">Inicio</a></li> <li><a href="../tematicas.html" class="nav-link">Presentación</a></li> </ul> <div class="hamburger" id="hamburger"> <span></span> <span></span> <span></span> </div> </div> </nav> <section id="redes" class="networks"> <div class="container"> <div class="section-header"> <span class="section-tag">Conectividad Segura</span> <h2 class="section-title">Manejo de Redes</h2> <div class="title-underline"></div> <p class="section-subtitle">Aprende a configurar, administrar y proteger tus redes de manera eficiente</p> </div> <div class="networks-intro"> <p>En la era digital actual, el manejo adecuado de redes es fundamental para garantizar la seguridad, privacidad y eficiencia en nuestras conexiones. Desde redes domésticas hasta corporativas, entender los principios básicos te permitirá navegar de forma segura y resolver problemas comunes.</p> <a href="#vulnerabilidades" class="btn btn-primary">Conocer Vulnerabilidades</a> </div> <div class="networks-grid"> <div class="network-card"> <div class="card-header"> <i class='bx bx-wifi'></i> <h3>Redes Inalámbricas</h3> </div> <div class="card-content"> <p>Las redes Wi-Fi son convenientes pero presentan riesgos de seguridad si no se configuran correctamente.</p> <ul> <li><i class='bx bx-check'></i> Utiliza encriptación WPA3 cuando esté disponible</li> <li><i class='bx bx-check'></i> Cambia las credenciales predeterminadas del router</li> <li><i class='bx bx-check'></i> Desactiva WPS si no lo usas regularmente</li> <li><i class='bx bx-check'></i> Oculta el SSID para redes más privadas</li> <li><i class='bx bx-check'></i> Establece filtrado MAC para dispositivos conocidos</li> </ul> </div> </div> <div class="network-card"> <div class="card-header"> <i class='bx bx-lock-alt'></i> <h3>Seguridad en Redes</h3> </div> <div class="card-content"> <p>Proteger tu red es esencial para evitar accesos no autorizados y proteger tu información.</p> <ul> <li><i class='bx bx-check'></i> Configura un firewall robusto</li> <li><i class='bx bx-check'></i> Mantén el firmware actualizado</li> <li><i class='bx bx-check'></i> Utiliza redes separadas para invitados</li> <li><i class='bx bx-check'></i> Implementa autenticación de dos factores</li> <li><i class='bx bx-check'></i> Realiza auditorías de seguridad periódicas</li> </ul> </div> </div> <div class="network-card"> <div class="card-header"> <i class='bx bx-cog'></i> <h3>Configuración Avanzada</h3> </div> <div class="card-content"> <p>Optimiza el rendimiento y seguridad de tu red con configuraciones avanzadas.</p> <ul> <li><i class='bx bx-check'></i> Asigna direcciones IP estáticas a dispositivos críticos</li> <li><i class='bx bx-check'></i> Configura QoS para priorizar tráfico importante</li> <li><i class='bx bx-check'></i> Utiliza VLANs para segmentar la red</li> <li><i class='bx bx-check'></i> Monitorea el ancho de banda consumido</li> <li><i class='bx bx-check'></i> Configura DNS seguros como Cloudflare o Quad9</li> </ul> </div> </div> </div> <div class="network-tips"> <h2>Consejos Prácticos para el Manejo de Redes</h2> <div class="tips-grid"> <div class="tip-item"> <h3><i class='bx bx-home'></i> Redes Domésticas</h3> <p>Cambia el nombre de tu red (SSID) a algo único que no revele información personal. Desactiva la administración remota de tu router y realiza copias de seguridad de la configuración regularmente.</p> </div> <div class="tip-item"> <h3><i class='bx bx-building'></i> Redes Empresariales</h3> <p>Implementa políticas de seguridad claras, segmenta la red según departamentos, utiliza VPN para acceso remoto seguro y mantén un inventario actualizado de todos los dispositivos conectados.</p> </div> <div class="tip-item"> <h3><i class='bx bx-group'></i> Redes Públicas</h3> <p>Evita realizar transacciones sensibles en redes Wi-Fi públicas. Siempre utiliza una VPN cuando te conectes a redes no confiables y desactiva la conexión automática a redes abiertas.</p> </div> </div> </div> </div> </section> <section id="vulnerabilidades" class="vulnerabilities"> <div class="container"> <div class="section-header"> <span class="section-tag">Riesgos y Amenazas</span> <h2 class="section-title">Vulnerabilidades Comunes en Redes</h2> <div class="title-underline"></div> <p class="section-subtitle">Identifica y protege tu red contra las amenazas más frecuentes</p> </div> <div class="vulnerability-list"> <div class="vulnerability-item"> <h3><i class='bx bx-error'></i> Contraseñas Débiles</h3> <p>El uso de contraseñas predeterminadas o fáciles de adivinar es una de las vulnerabilidades más explotadas. Los atacantes utilizan diccionarios y fuerza bruta para acceder a routers y dispositivos de red.</p> </div> <div class="vulnerability-item danger"> <h3><i class='bx bx-shield-x'></i> Firmware Desactualizado</h3> <p>Los routers y dispositivos de red con firmware antiguo contienen vulnerabilidades conocidas que los hackers pueden explotar. Las actualizaciones suelen incluir parches de seguridad críticos.</p> </div> <div class="vulnerability-item"> <h3><i class='bx bx-wifi-off'></i> Encriptación Débil</h3> <p>El uso de protocolos obsoletos como WEP o incluso WPA sin TKIP permite a los atacantes interceptar y descifrar el tráfico de red fácilmente.</p> </div> <div class="vulnerability-item danger"> <h3><i class='bx bx-server'></i> Servicios Innecesarios</h3> <p>Muchos routers activan por defecto servicios como UPnP, administración remota o Telnet que pueden ser utilizados como vectores de ataque si no se necesitan.</p> </div> <div class="vulnerability-item"> <h3><i class='bx bx-user'></i> Ataques de Suplantación</h3> <p>Los atacantes pueden crear puntos de acceso falsos con nombres similares a redes legítimas para engañar a los usuarios y capturar sus datos.</p> </div> <div class="vulnerability-item success"> <h3><i class='bx bx-check-shield'></i> Solución: Monitoreo Continuo</h3> <p>Implementa sistemas de detección de intrusos, revisa regularmente los registros del router y utiliza herramientas de análisis de red para identificar comportamientos sospechosos.</p> </div> </div> </div> </section> <section id="herramientas" class="tools"> <div class="container"> <div class="section-header"> <span class="section-tag">Recursos Utiles</span> <h2 class="section-title">Herramientas para el Manejo de Redes</h2> <div class="title-underline"></div> <p class="section-subtitle">Software y utilidades que te ayudarán a administrar y proteger tus redes</p> </div> <div class="tools-grid"> <div class="tool-card"> <i class='bx bx-wifi'></i> <h3>Analizadores Wi-Fi</h3> <p>Herramientas como Wireshark o inSSIDer te permiten analizar redes inalámbricas, detectar interferencias y identificar dispositivos conectados.</p> </div> <div class="tool-card"> <i class='bx bx-shield-alt-2'></i> <h3>Escáneres de Vulnerabilidades</h3> <p>Software como Nessus o OpenVAS escanean tu red en busca de vulnerabilidades conocidas y configuraciones inseguras.</p> </div> <div class="tool-card"> <i class='bx bx-network-chart'></i> <h3>Monitores de Red</h3> <p>Aplicaciones como PRTG o Nagios te permiten supervisar el estado, rendimiento y disponibilidad de los dispositivos en tu red.</p> </div> <div class="tool-card"> <i class='bx bx-lock-open'></i> <h3>Herramientas de Pentesting</h3> <p>Kali Linux incluye numerosas herramientas para evaluar la seguridad de tu red mediante pruebas de penetración controladas.</p> </div> </div> </div> </section> <script> // Navegación responsive const hamburger = document.getElementById('hamburger'); const navMenu = document.getElementById('navMenu'); hamburger.addEventListener('click', () => { navMenu.classList.toggle('active'); }); // Cerrar menú al hacer clic en un enlace document.querySelectorAll('.nav-link').forEach(link => { link.addEventListener('click', () => { navMenu.classList.remove('active'); }); }); // Cambiar estilo de navbar al hacer scroll window.addEventListener('scroll', () => { const navbar = document.getElementById('navbar'); if (window.scrollY > 50) { navbar.style.padding = '10px 0'; navbar.style.boxShadow = '0 5px 15px rgba(0,0,0,0.1)'; } else { navbar.style.padding = '15px 0'; navbar.style.boxShadow = '0 2px 10px rgba(0,0,0,0.1)'; } }); </script> </body> </html>