Curso De Desarrollo Web Html Css Y Javascript Basico Pdf <Premium>
<!DOCTYPE html> <html> <head> <title>Galería de Imágenes</title> <link rel="stylesheet" href="estilos.css"> </head> <body> <div class="galeria"> <img src="imagen1.jpg" alt="Imagen 1"> <img src="imagen2.jpg" alt="Imagen 2"> <img src="imagen3.jpg" alt="Imagen 3"> </div> <script src="script.js"></script> </body> </html>
Google Chrome o Firefox (para inspeccionar código).
Bloques genéricos para agrupar elementos y aplicarles estilos posteriormente. 3. Módulo 2: CSS Básico (Diseño y Estilo)
a
Para consolidar el aprendizaje, este manual propone crear una tarjeta de perfil de usuario dinámica. Código HTML ( index.html ) curso de desarrollo web html css y javascript basico pdf
Sitios como Ciberaula o repositorios universitarios suelen tener manuales de HTML y CSS.
Disponer de una guía de referencia en formato PDF te permite estudiar sin conexión, repasar la sintaxis de las etiquetas, consultar selectores de CSS o revisar la lógica de JavaScript en cualquier momento.
// Función que muestra un saludo function saludarUsuario() let nombre = prompt("¿Cómo te llamas?"); alert("Bienvenido al curso de desarrollo web, " + nombre); // Selección de un botón en HTML e inserción de un evento de clic const boton = document.querySelector('#miBoton'); boton.addEventListener('click', saludarUsuario); Use code with caution. Herramientas necesarias para empezar
Configuración del documento ( , , , ). Módulo 2: CSS Básico (Diseño y Estilo) a
// Declaración de una constante const boton = document.querySelector('.boton-principal'); // Agregar un evento de clic boton.addEventListener('click', function() alert('¡Felicidades! Has interactuado con JavaScript.'); ); Use code with caution. 5. El Flujo de Trabajo del Desarrollador Web
JavaScript es el oficial de los navegadores web. Permite que tu página responda a las acciones del usuario, valide formularios, cree animaciones avanzadas y procese datos. Conceptos Clave de JavaScript Básico Variables ( let , const ) : Contenedores para almacenar datos.
Información adicional que se añade a las etiquetas (por ejemplo, href en un enlace o src en una imagen).
El mercado digital actual exige profesionales capaces de crear sitios web desde cero. Si buscas el mejor , esta guía te ofrecerá todo el ecosistema teórico y práctico para iniciar tu camino como programador frontend. // Función que muestra un saludo function saludarUsuario()
Ideal para diseños unidimensionales (filas o columnas). Se activa con display: flex; .
.galeria img width: 100%; height: 200px; margin: 10px; border-radius: 10px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
JavaScript permite que las páginas web hagan algo más que mostrar texto estático. Es la lógica del navegador. Variables ( let , const ), tipos de datos. Control de flujo: if/else , bucles ( for , while ). Funciones: Bloques de código reutilizables.
Comprensión de márgenes ( margin ), bordes ( border ), rellenos ( padding ) y contenido.
Es el concepto fundamental del diseño web. Cada elemento HTML se comporta como una caja rectangular que consta de: El texto o las imágenes reales.