Entradas

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

Ejemplo java script

 <!DOCTYPE html> <html lang="es"> <head>     <meta charset="UTF-8">     <meta name="viewport" content="width=device-width, initial-scale=1.0">     <title>Ingreso de Variables</title> </head> <body>     <h2>Ingresa tus datos</h2>     <label for="nombre">Nombre:</label>     <input type="text" id="nombre"><br><br>     <label for="edad">Edad:</label>     <input type="number" id="edad"><br><br>     <button onclick="mostrarDatos()">Enviar</button>     <p id="resultado"></p>     <script>         function mostrarDatos() {             let nombre = document.getElementById("nombre").value;             let edad = document.getElementById("edad").value; ...
Publicar un comentario
Leer más

SESIÓN 1: INTRODUCCIÓN A JAVASCRIPT

SESIÓN 1: INTRODUCCIÓN A JAVASCRIPT Grado: 9° Asignatura: Tecnología e Informática Duración: 2 horas Objetivo de la sesión Comprender la estructura básica de un programa en JavaScript y escribir los primeros scripts utilizando un lenguaje sencillo. Conceptos Claves JavaScript: lenguaje de programación utilizado para la web. Variables: permiten almacenar datos en un programa. Tipos de datos: números, cadenas de texto, booleanos. Comentarios: sirven para explicar el código sin que afecte su ejecución. Explicación Teórica 1. Qué es JavaScript JavaScript es un lenguaje de programación que se utiliza para dar interactividad a las páginas web. Aunque se usa en los navegadores, también permite realizar operaciones matemáticas, manipular datos y automatizar tareas. 2. Sintaxis Básica ejercicio1 <!DOCTYPE HTML> <html> <body>   <p>Antes del <br>   script...</p>   <script>     alert( '¡Hola, mundo!' );   </script> ...
Publicar un comentario
Leer más