PLANEACION GRADO NOVENO PERIODO 2 INFORMÁTICA/PROGRAMACIÓN
PLANEACION GRADO NOVENO PERIODO 2 INFORMÁTICA/PROGRAMACIÓN
1. ¿Qué es HTML y diferencias de HTML5?
HTML es el lenguaje universal que se usa para crear la estructura de las páginas web. Imagina que es el "esqueleto" de un edificio; define dónde van las paredes y las ventanas.
HTML5 es la versión más reciente y potente. A diferencia de las versiones antiguas:
No necesita complementos raros (como Adobe Flash) para reproducir video o música.
Introduce etiquetas semánticas (como <nav> o <article>) que ayudan a que los buscadores entiendan mejor de qué trata la página.
Permite crear gráficos y juegos directamente en el navegador.
HTML es el lenguaje universal que se usa para crear la estructura de las páginas web. Imagina que es el "esqueleto" de un edificio; define dónde van las paredes y las ventanas.
HTML5 es la versión más reciente y potente. A diferencia de las versiones antiguas:
No necesita complementos raros (como Adobe Flash) para reproducir video o música.
Introduce etiquetas semánticas (como
<nav>o<article>) que ayudan a que los buscadores entiendan mejor de qué trata la página.Permite crear gráficos y juegos directamente en el navegador.
2. ¿Qué es una etiqueta en HTML?
Una etiqueta es un comando especial que le indica al navegador cómo debe mostrar un contenido. Casi siempre vienen en parejas.
Ejemplo 1: <a> sirve para crear enlaces o hipervínculos a otras páginas.
Ejemplo 2: <ul> sirve para crear una lista de puntos o viñetas.
Una etiqueta es un comando especial que le indica al navegador cómo debe mostrar un contenido. Casi siempre vienen en parejas.
Ejemplo 1:
<a>sirve para crear enlaces o hipervínculos a otras páginas.Ejemplo 2:
<ul>sirve para crear una lista de puntos o viñetas.
3. Estructura de una etiqueta
Se compone de una apertura (el nombre entre símbolos mayor y menor), el contenido que el usuario verá, y el cierre (igual a la apertura pero con una diagonal /).
Explicación: Algunas etiquetas también llevan "atributos" que dan información extra, como el color o una dirección web.
Ejemplo: <button type="button">Hacer clic aquí</button>
Se compone de una apertura (el nombre entre símbolos mayor y menor), el contenido que el usuario verá, y el cierre (igual a la apertura pero con una diagonal /).
Explicación: Algunas etiquetas también llevan "atributos" que dan información extra, como el color o una dirección web.
Ejemplo:
<button type="button">Hacer clic aquí</button>
4. ¿Qué es un sitio web (website) y sus elementos?
Es un espacio digital en la red compuesto por varias páginas web interconectadas. Sus elementos principales son:
Header (Encabezado): Donde suele estar el logo y el menú.
Cuerpo (Body): Donde está la información principal.
Footer (Pie de página): Datos de contacto y derechos de autor.
Hipervínculos: Los enlaces que conectan una página con otra.
Es un espacio digital en la red compuesto por varias páginas web interconectadas. Sus elementos principales son:
Header (Encabezado): Donde suele estar el logo y el menú.
Cuerpo (Body): Donde está la información principal.
Footer (Pie de página): Datos de contacto y derechos de autor.
Hipervínculos: Los enlaces que conectan una página con otra.
5. ¿Para qué sirve el desarrollo de software?
Sirve para transformar una idea o una necesidad en una herramienta digital funcional.
En la vida diaria: Cuando usas el cajero automático, cuando pides comida por una App, o cuando juegas en línea; todo eso es posible gracias a miles de líneas de código creadas por desarrolladores para hacernos la vida más fácil.
Sirve para transformar una idea o una necesidad en una herramienta digital funcional.
En la vida diaria: Cuando usas el cajero automático, cuando pides comida por una App, o cuando juegas en línea; todo eso es posible gracias a miles de líneas de código creadas por desarrolladores para hacernos la vida más fácil.
6. ¿Qué es la Inteligencia Artificial (IA)?
Es una rama de la informática que busca que las computadoras puedan "pensar" o tomar decisiones de forma similar a los humanos, analizando datos para aprender de ellos.
Ejemplo: El reconocimiento facial de tu celular. La IA analiza tus rasgos para saber que eres tú quien intenta desbloquear el teléfono.
Es una rama de la informática que busca que las computadoras puedan "pensar" o tomar decisiones de forma similar a los humanos, analizando datos para aprender de ellos.
Ejemplo: El reconocimiento facial de tu celular. La IA analiza tus rasgos para saber que eres tú quien intenta desbloquear el teléfono.
7. Hosting y Dominio
Dominio: Es el nombre amigable que escribimos (wikipedia.org). Sirve para no tener que memorizar números complicados (direcciones IP).
Hosting: Es un potente computador (servidor) prendido 24/7 donde se guardan las fotos, textos y archivos de la web.
Utilidad: Sin hosting la web no "existe" físicamente, y sin dominio nadie sabría cómo "llegar" a ella.
Dominio: Es el nombre amigable que escribimos (
wikipedia.org). Sirve para no tener que memorizar números complicados (direcciones IP).Hosting: Es un potente computador (servidor) prendido 24/7 donde se guardan las fotos, textos y archivos de la web.
Utilidad: Sin hosting la web no "existe" físicamente, y sin dominio nadie sabría cómo "llegar" a ella.
8. Estructura básica de HTML5
Esta es la "plantilla" que toda página debe tener para que el navegador la reconozca correctamente:
HTML<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<title>Mi Trabajo Escolar</title>
</head>
<body>
<header>
<h1>Bienvenidos a mi Web</h1>
</header>
<main>
<p>Este es el contenido principal del sitio.</p>
</main>
</body>
</html>
Esta es la "plantilla" que toda página debe tener para que el navegador la reconozca correctamente:
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<title>Mi Trabajo Escolar</title>
</head>
<body>
<header>
<h1>Bienvenidos a mi Web</h1>
</header>
<main>
<p>Este es el contenido principal del sitio.</p>
</main>
</body>
</html>
9. ¿Qué es el código fuente?
Es el texto que escribe el programador usando un lenguaje específico. Es el "detrás de escena"; lo que nosotros vemos como una aplicación bonita con botones de colores, para la computadora es una lista de órdenes lógicas y matemáticas que el código fuente organiza.
Es el texto que escribe el programador usando un lenguaje específico. Es el "detrás de escena"; lo que nosotros vemos como una aplicación bonita con botones de colores, para la computadora es una lista de órdenes lógicas y matemáticas que el código fuente organiza.
10. Seguridad en la web
Es fundamental para evitar el robo de identidad y de dinero. Un riesgo muy común es el Ransomware, un virus que "secuestra" tus archivos y fotos, pidiéndote dinero a cambio de devolvértelos.
Es fundamental para evitar el robo de identidad y de dinero. Un riesgo muy común es el Ransomware, un virus que "secuestra" tus archivos y fotos, pidiéndote dinero a cambio de devolvértelos.
11. HTTP vs HTTPS
HTTP: Es el protocolo antiguo donde la información viaja como una carta sin sobre.
HTTPS: Es el protocolo seguro (la "S" es de Secure). La información viaja en una caja fuerte.
¿Por qué usarlo? Porque protege tus contraseñas y datos bancarios de los "hackers" que intentan espiar la conexión.
HTTP: Es el protocolo antiguo donde la información viaja como una carta sin sobre.
HTTPS: Es el protocolo seguro (la "S" es de Secure). La información viaja en una caja fuerte.
¿Por qué usarlo? Porque protege tus contraseñas y datos bancarios de los "hackers" que intentan espiar la conexión.
12. Cuarta Revolución Industrial
Es el cambio tecnológico que estamos viviendo donde se mezclan lo físico, lo biológico y lo digital (IA, drones, impresión 3D).
Efecto en el futuro: Mi futuro será muy distinto al de mis padres; tendré que ser más creativo y adaptarme rápido, porque muchas tareas repetitivas las harán los robots.
Es el cambio tecnológico que estamos viviendo donde se mezclan lo físico, lo biológico y lo digital (IA, drones, impresión 3D).
Efecto en el futuro: Mi futuro será muy distinto al de mis padres; tendré que ser más creativo y adaptarme rápido, porque muchas tareas repetitivas las harán los robots.
13. TICs en la educación
Ventajas:
Puedes aprender cualquier tema en YouTube o plataformas gratis.
Facilita el trabajo en grupo sin salir de casa.
Permite usar simuladores (como laboratorios virtuales).
Desventajas:
Fomenta la pereza si solo se hace "copiar y pegar".
No todos los estudiantes tienen los mismos equipos.
Afecta la vista y la postura por estar mucho tiempo frente a la pantalla.
Ventajas:
Puedes aprender cualquier tema en YouTube o plataformas gratis.
Facilita el trabajo en grupo sin salir de casa.
Permite usar simuladores (como laboratorios virtuales).
Desventajas:
Fomenta la pereza si solo se hace "copiar y pegar".
No todos los estudiantes tienen los mismos equipos.
Afecta la vista y la postura por estar mucho tiempo frente a la pantalla.
14. Webgrafía
https://www.w3schools.com/html/ (Tutoriales de HTML)
https://developer.mozilla.org/es/ (Guías de desarrollo web)
https://www.bbva.com/es/que-es-la-cuarta-revolucion-industrial/ (Info sobre industria 4.0)
(Tutoriales de HTML)https://www.w3schools.com/html/ (Guías de desarrollo web)https://developer.mozilla.org/es/ (Info sobre industria 4.0)https://www.bbva.com/es/que-es-la-cuarta-revolucion-industrial/



Comentarios
Publicar un comentario