Entradas

"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 = ...
Publicar un comentario
Leer más

Enlaces y navegación en HTML

Enlaces y navegación en HTML Desarrollo Pregunta orientadora: ¿Para qué sirven los enlaces en una página web? Ejemplos cercanos: Enlaces a normas de tránsito Acceso a planes de emergencia Conexión entre páginas de un mismo proyecto Conexión transversal:   Los enlaces permiten ampliar información confiable sobre seguridad y prevención. Explicación guiada de la etiqueta <a>   Enlace básico <a href="https://www.google.com">Ir a Google</a>   Abrir en nueva pestaña <a href="https://www.google.com" target="_blank">Ir a Google</a>   Enlace a otra página HTML <a href="pagina2.html">Ir a otra página</a>   Enlace a una imagen <a href="https://www.mintransporte.gov.co"> <img src="imagenes/senal_pare.jpg" width="200"> </a>   Práctica guiada en Bluefish     continúan desarrollando su página web. Requisitos La página debe incluir: Mínimo 3 enlaces externos 1 enlace inte...
Publicar un comentario
Leer más

GUÍA DE EVALUACIÓN – HTML

Imagen
  Prevención de riesgos y desastres Crear una página web en HTML que informe a la comunidad educativa sobre la prevención de riesgos y desastres en San José de Pare, aplicando listas, tablas y atributos de texto. Lectura inicial: San José de Pare es un municipio rural donde se pueden presentar riesgos como deslizamientos, incendios forestales y lluvias intensas.   La Institución Educativa Horizontes busca promover la cultura de prevención mediante el uso de la tecnología y la inform ación. Como estudiante de grado 9, debes crear una página web que oriente a la comunidad sobre estos riesgos y las acciones para prevenirlos. ACTIVIDAD PRÁCTICA 1. Crear el archivo Cree un archivo llamado: Nombre_Estudiante_riesgos_sanjosedepare.html Escribir la estructura básica Digite la estructura HTML completa (doctype, html, head, title y body). El título debe ser:   Prevención de riesgos y desastres – I.E. Horizontes 3. Encabezado con atributos de texto En la parte superior de la página ...
Publicar un comentario
Leer más

Clase 4: Gráficos y Representación Visual de Datos

Clase 4: Gráficos y Representación Visual - Salario Mínimo Colombia Clase 4: Gráficos y Representación Visual de Datos Análisis del salario mínimo en Colombia Objetivos de aprendizaje Al finalizar esta clase, serás capaz de: Comprender los diferentes tipos de gráficos y sus usos Crear gráficos apropiados para representar datos Seleccionar y personalizar gráficos según las necesidades Analizar y presentar datos utilizando representaciones visuales 💡 Trabajo autónomo Como trabajarás de forma independiente, organiza tu tiempo y sigue las instrucciones paso a paso. Si tienes dudas, consulta los recursos proporcionados. ...
Publicar un comentario
Leer más

Ejercicio 1 de operaciones Hoja de calculo grado 9 only office

  Actividad: “Planificación de un Viaje” Objetivo: usar fórmulas básicas de Excel para calcular costos y presupuestos. Instrucciones: Crear una tabla con los siguientes encabezados en las celdas A1 a E1: A1: Item B1: Cantidad C1: Costo Unitario D1: Costo Total E1: Comentarios Ingresar los siguientes datos en las filas 2 a 6: A2: Transporte, A3: Alojamiento, A4: Comida, A5: Entradas, A6: Souvenirs B2: 1, B3: 3, B4: 9, B5: 2, B6: 5 C2: 150, C3: 100, C4: 20, C5: 50, C6: 10 Calcular el costo total para cada item en la columna D usando la fórmula de multiplicación: D2: =B2*C2 D3: =B3*C3 D4: =B4*C4 D5: =B5*C5 D6: =B6*C6 Calcular el costo total del viaje en la celda D7 usando la fórmula de suma: D7: =SUMA(D2:D6) Agregar comentarios en la columna E para cada item, explicando por qué se eligió esa cantidad y costo. Reto Adicional: Descuento : Si el costo total del viaje (D7) es mayor a 500, aplicar un descuento del 10% y mostrar el nuevo total en la celda D8. D8: =S...
Publicar un comentario
Leer más

Ejercicio bucle o ciclo

 <!DOCTYPE html> <html lang="es"> <head>   <meta charset="UTF-8">   <title>Mi historia fantástica</title>   <style>     body {       font-family: Arial, sans-serif;       margin: 20px;     }     #cuento {       margin-top: 20px;       padding: 15px;       border: 1px solid #ccc;       background-color: #eef;       border-radius: 8px;     }   </style> </head> <body>   <h2>Completa el formulario para crear tu historia</h2>   <form id="formulario">     <label for="nombre">Nombre:</label>     <input type="text" id="nombre" required><br><br>     <label for="edad">Edad:</label>     <input type="number" id="edad" required><br><br>   ...
Publicar un comentario
Leer más

ejemplo 2 java script

 <!DOCTYPE html> <html lang="es"> <head>   <meta charset="UTF-8">   <title>Mi pequeña historia</title>   <style>     body {       font-family: Arial, sans-serif;       margin: 20px;     }     #cuento {       margin-top: 20px;       padding: 10px;       border: 1px solid #ccc;       background-color: #f4f4f4;     }   </style> </head> <body>   <h2>Crea tu pequeña historia</h2>   <form id="formulario">     <label for="nombre">Nombre:</label>     <input type="text" id="nombre" required><br><br>     <label for="edad">Edad:</label>     <input type="number" id="edad" required><br><br>     <label for="animal">Animal favorito:</label> ...
Publicar un comentario
Leer más