Módulo 01

Internet y páginas web

Comprendé cómo funciona internet, qué es una página web, dominio, hosting y navegador.

Vista gratuita

Estás viendo contenido de muestra. Los demás temas se desbloquean cuando el admin habilita este módulo.

El acceso es módulo por módulo. Cuando confirmás el pago, el administrador desbloquea los módulos asignados a tu cuenta.
Clase seleccionada

Qué es internet y cómo funciona

Disponible
Material de práctica: cada clase incluye HTML, CSS y JavaScript para copiar, modificar y adaptar a tus proyectos.
<!DOCTYPE html>
<html lang="es">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Mi primera landing</title>
</head>
<body>
  <header class="hero">
    <nav class="nav">
      <strong>Mi Marca</strong>
      <a href="#contacto">Contacto</a>
    </nav>
    <div class="hero-content">
      <h1>Transformá tu idea en una web real</h1>
      <p>Internet permite mostrar, vender y comunicar tu proyecto las 24 horas.</p>
      <a class="btn" href="#contacto">Quiero mi web</a>
    </div>
  </header>
</body>
</html>
*{box-sizing:border-box}body{margin:0;font-family:Arial;background:#050713;color:white}.hero{min-height:100vh;padding:32px;background:linear-gradient(90deg,rgba(5,7,19,.92),rgba(5,7,19,.45)),url("https://images.unsplash.com/photo-1516321318423-f06f85e504b3?auto=format&fit=crop&w=1600&q=80");background-size:cover;background-position:center;display:flex;flex-direction:column}.nav{display:flex;justify-content:space-between;align-items:center}.nav a{color:#00e5ff;text-decoration:none;font-weight:bold}.hero-content{max-width:720px;margin:auto 0}.hero h1{font-size:clamp(42px,7vw,86px);line-height:.95;margin:0 0 20px}.hero p{font-size:20px;color:#dbeafe;line-height:1.5}.btn{display:inline-block;margin-top:20px;padding:15px 24px;border-radius:999px;background:#00e5ff;color:#02111c;font-weight:900;text-decoration:none}
const boton = document.querySelector(".btn");
boton.addEventListener("click", () => {
  console.log("El usuario quiere consultar por la web");
});
💬