Entradas

Mostrando entradas de mayo, 2026

Sesión Integrada: "Maquetación y Navegación del Sitio Turístico"

  Objetivo: Diseñar una interfaz web organizada (maquetación con tablas avanzadas) y crear un menú de navegación funcional entre tres archivos HTML distintos utilizando 1. El Reto del Día: Un Sitio Web Real Explícales a los muchachos que hoy dejarán de hacer páginas planas y crearán un portal turístico de San José de Pare . Para que funcione, aplicaremos la Regla de Oro : Crear una carpeta en el escritorio llamada Portal_Turismo donde guardaremos todo. 2. El Esqueleto Estructurado (Código Base) Para optimizar el tiempo en el bloque de 2 horas, los estudiantes crearán tres archivos en Bluefish: index.html , lugares.html y cultura.html . En los tres archivos meterán esta misma estructura de tabla que incluye el menú de navegación integrado en el encabezado .   <!DOCTYPE html> <html lang="es"> <head>     <meta charset="UTF-8">     <title>Turismo San José de Pare</title> </head> <body bgcolor="#f0fdf4"> <!--...

"Tejiendo la Red: Menú de Navegación"

"Tejiendo la Red: Menú de Navegación" Objetivo: Crear un sistema de navegación funcional entre tres archivos HTML distintos utilizando rutas relativas. 1. Preparación del Proyecto (La Regla de Oro) Antes de escribir una sola línea de código en Bluefish, todos los archivos deben estar en la misma carpeta . Reto Inicial: Crear una carpeta en el escritorio llamada Proyecto_Turismo . 2. Creación de los 3 Archivos Base En Bluefish creen tres archivos rápidos (solo con estructura básica y un título <h1> para identificarlos): index.html (Será el Inicio: Información general de San José de Pare). lugares.html (Atractivos turísticos: El Salto de la Chorrera, las moliendas). cultura.html (Tradiciones: Ferias, fiestas y la panela). 3. Ejemplo de Código: El Menú de Navegación Este bloque de código debe ser idéntico en los tres archivos para que el usuario pueda ir y volver. Código del Menú (Para copiar y adaptar): HTML <!-- Menú de Navegación --> < table border = ...