Informática Décimo

 PLAN DE CURSO TECNOLOGÍA E INFORMÁTICA 2025

PRIMER PERIODO

 

PERIODO	1	ÁREA O ASIGNATURA:		TECNOLOGÍA E INFORMÁTICA EMPRENDIMIENTO
GRADO:	DÉCIMO
DOCENTE:			SORAIDA PATRICIA NOGUERA GÓMEZ

 

Indicadores de desempeño:   Saber/conocer (Conceptual): ●       Identifica las etiquetas y atributos básicos del lenguaje HTML ●       Sabe cómo aplicar las etiquetas y atributos básicos para el diseño de una página web en HTML ●       Identifica cuales son los derechos de autor y prerrogativas morales y patrimoniales sobre obras artísticas, literarias, científicas y tecnológicas que sean originales, y susceptibles de ser divulgadas o reproducidas por cualquier medio. ●       Identifica cuales son las diferencias de un trabajo y un empleo en términos económicos Saber hacer (Procedimental): ●       Diseña páginas web que incluyen diferentes elementos tales como fondo, textos en distintos formatos, alineación, colores, tablas, imágenes, menú de navegación, entre otros. ●       Aplica un buen diseño para la implementación de un sitio Web. ●       Utiliza adecuadamente herramientas informáticas de uso común para la búsqueda y procesamiento de la información y la comunicación de ideas. ●       Expone leyes, decretos, convenios, tratados o decisiones relacionados con los derechos de autor o propiedad intelectual. ●       Expone mediante ejemplos las ventajas y desventajas del trabajo y el empleo. Saber ser (Actitudinal): ●       Respeta los derechos de autor, utilizando software, archivos gráficos, textos, audio y video legales.
Seguimiento (Conceptual y Procedimental): 70% ⮚                Talleres pedagógicos sobre los temas trabajados durante el periodo. ⮚                Presentación de compromisos académicos (tareas, actividades, proyectos transversales ⮚                Exposiciones, debates, foros, análisis de película o videos ⮚                Prácticas relacionadas con las aplicaciones trabajadas en clase (HTML) ⮚                Uso de plataformas para la realización de trabajos como: Jamboard, canva, GoConqr ⮚                Participación en clase tanto a nivel individual como grupal.
Evaluación de Periodo: 20% Proyecto integración de áreas (ciencia y tecnología)
Autoevaluación:  10%   El estudiante realiza Autoevaluación en línea desde formulario de google   https://forms.gle/tBkWWo9B7UPZWiN9A
Acuerdos para el área o asignatura: ⮚                Levantar la mano para pedir la palabra ⮚                Respetar compañeros y docente. ⮚                Llegar puntual a la sala de sistemas ⮚                Prohibido realizar el tortugazo ⮚                Entregar las actividades a tiempo ⮚                Evitar salir de clase sin autorización ⮚                Cuidar los equipos de la sala de sistemas ⮚                Evitar sacar el celular en clase ⮚                Mantener la sala de sistemas limpia y organizada ⮚                Tener un buen vocabulario ⮚                Prohibido ingresar a paginas no académicas ⮚                Evitar agredir físicamente a los compañeros

 

COMPETENCIA: Utiliza editores de texto para diseñar páginas web teniendo claro cuáles son las etiquetas y atributos necesarios para tener mejores resultados en el

diseño.

OBJETIVO:

Conocer los conceptos basicos del codigo HTML y la forma correcta de utilizar etiquetas y atributos.

INICIO

El mágico mundo de la Web: La aventura de Lila y el HTML

Link actividad Pdf

https://drive.google.com/file/d/1j9hqqDH7OTMWiI2i6O4RsjuY8JIRRhW2/view?usp=sharing

Introducción al Desarrollo Web con HTML

Objetivo General: Comprender los fundamentos de HTML y su aplicación en la creación de páginas web básicas, desarrollando habilidades de diseño y estructuración de contenido.

Inicio:

Pregunta Problematizadora: ¿Cómo se crean las páginas web que visitamos a diario?

Lluvia de ideas

Qué es Internet: Es una red de computadoras interconectadas a nivel mundial

Cómo funciona la web: La web funciona gracias a la comunicación entre los navegadores web y los servidores que alojan los sitios web. 

Historia y evolución de HTML.

 

El HTML (HyperText Markup Language) es un lenguaje de etiquetas que permite estructurar y crear páginas web. Su historia se remonta a 1980, cuando el físico Tim Berners-Lee propuso un sistema de hipertexto para compartir documentos. 

 Evolución del HTML 

•  En 1991, Berners-Lee publicó la primera versión de HTML, titulada “Etiquetas HTML”. 
• En 1993, se reconocieron sus virtudes y se inició el trabajo en HTML+. 
• En 1995, se obtuvo la tercera versión del estándar: HTML 3.0.  
• En 1997, apareció el HTML 4.0.   
• En 2006, se publicó la versión más reciente, HTML 5.0.

 Profundización

Qué es HTML y para qué se utiliza.

HTML son las siglas de HyperText Markup Language, que se traduce como Lenguaje de Marcado de Hipertexto. Vamos a desglosar esto:

Hipertexto: Es la capacidad de un texto para enlazar a otro texto o a otros recursos, como imágenes o videos. Cuando haces clic en un enlace en una página web, estás navegando a través de hipertexto.

Marcado: Se refiere a las "etiquetas" que se utilizan en HTML para estructurar y dar significado al contenido de una página web. Estas etiquetas le dicen al navegador qué tipo de contenido es (un párrafo, un encabezado, una imagen, etc.) y cómo debe mostrarse.

Lenguaje: En este contexto, HTML es un lenguaje que utilizan los desarrolladores web para "escribir" las instrucciones que el navegador interpreta para mostrar una página web.

¿Para qué se utiliza HTML?

Se utiliza para:

Estructurar el contenido: Define la organización de una página web, incluyendo encabezados, párrafos, listas, tablas y otros elementos.

Presentar información: Permite mostrar texto, imágenes, videos y otros contenidos multimedia en una página web.

Crear enlaces: Facilita la navegación entre diferentes páginas web y recursos.

Dar significado al contenido: Las etiquetas HTML ayudan a los motores de búsqueda y a otras herramientas a entender el contenido de una página web.

¿Cómo funciona HTML?

Escribes código HTML: Utilizando un editor de texto, creas un archivo con extensión ".html" que contiene las etiquetas y el contenido de tu página web.

El navegador interpreta el código: Cuando abres un archivo HTML en un navegador (como Chrome, Firefox o Safari), este lee el código y lo interpreta para mostrar la página web visualmente.

Ver la página web: El navegador muestra el contenido de la página web según las instrucciones que has dado en el código HTML.

Ejemplo básico de código HTML:

 

<!DOCTYPE html>

<html>

<head>

 <title>Mi primera página web</title>

</head>

<body>

 <h1>¡Hola mundo! </h1>

<p>Este es un párrafo de texto. </p>

</body>

</html>

En este ejemplo:

 <!DOCTYPE html> declara el tipo de documento como HTML.

<html> es la etiqueta raíz que contiene todo el contenido de la página.

<head> contiene información sobre la página, como el título.

<title> define el título que se muestra en la pestaña del navegador.

<body> contiene el contenido visible de la página.

<h1> es un encabezado de nivel 1.

<p> es un párrafo de texto.

 

Cierre:

Actividad práctica

1. Crear un archivo HTML básico con un encabezado y un párrafo.

2. Reflexión sobre la importancia de HTML en el desarrollo web.

Paso a paso para guardar

•      Crear una carpeta para guardar el archivo 
•      Dar clic en Archivo y luego guardar como 
•      En Nombre colocar nombre del documento con la extensión HTML, Ejemplo Miprimerapagina.html 
•      En Tipo seleccionar todos los archivos

EDITORES

Un editor es un programa que nos permiten redactar documentos, Algunos de los editores visuales con los que se pueden crear  páginas web son Macromedia Dreamweaver, Microsoft Frontpage, Adobe Pagemill, entre otros.

Para crear páginas web escribiendo directamente el código HTML se utiliza  la herramienta Wordpad o el Bloc de notas.

ETIQUETAS

Las etiquetas o marcas delimitan cada uno de los elementos que componen un documento HTML. Existen dos tipos de etiquetas, la de comienzo de elemento y la de fin o cierre de elemento.

La etiqueta de comienzo está delimitada por los caracteres < y >. Está compuesta por el identificador o nombre de la etiqueta, y puede contener una serie de atributos opcionales que permiten añadir ciertas propiedades.

La etiqueta de final está delimitada por los caracteres </ y >. Está compuesta por el identificador o nombre de la etiqueta, y no contiene atributos.

LOS ATRIBUTOS

Contienen información adicional acerca del elemento, la cual no quieres que aparezca en el contenido real del elemento. 

Un atributo debe tener siempre:

-Un espacio entre éste y el nombre del elemento (o del atributo previo, si el elemento ya posee uno o más atributos).
-El nombre del atributo, seguido por un signo de igual (=).
-Comillas de apertura y de cierre, encerrando el valor del atributo.

Un ejemplo de los atributos sería:

<html>
<head>
<title>Etiquetas y atributos</title>
</head>

<Body bgcolor="#E0F8F7">Hola a todos. <b> Dime y lo olvido, enséñame y lo recuerdo, involúcrame y lo aprendo</b>

</body>
</html>

ETIQUETAS BÁSICAS

<html></html> Crea un documento HTML

<head></head> Crea el título y otra información que no se visualizará en la página web

<body></body> Es  la parte visible de la página

Header Tags

<title></title> Pone el nombre del documento en la barra del título

Atributos del Body

<body bgcolor=?> Crea el color de fondo, usando nombres o valores hex

<body text=?> Crea el color del texto, usando nombres o valores hex

<body link=?> Crea el color de los enlaces, usando nombres o valores hex

Tags de texto

<hl></hl> Crea un título grande

<h6></h6> Crea un título pequeño

<b></b> Crea texto en negritas

<i></i> Crea texto en itálicas

<tt></tt> Crea texto teletipo

<font size=?></font> Crea el cuerpo de la fuente de 1 a 7

<font color=?></font> Da el  color de la fuente, usando nombres o valores hex

Enlaces

<a href="URL"></a> Crea un hipervínculo

<a href="mailto:EMAIL"></a> Crea un enlace de email

<a name="NAME"></a> Crea un enlace dentro del documento

<a href="#NAME"></a> Vincula a ese target dentro del documento

Formatting

<p></p> Crea un párrafo nuevo

<p align=?> Alinea un párrafo (izquierda, centro, derecha)

<br> Inserta un salto de línea

<blockquote> </blockquote>  Justifica el texto a ambos lados

<ol></ol> Crea un lista numerada

<li></li> Precede cada ítem de una lista y le agrega un número

<ul></ul> Crea una lista con puntos

Elementos Gráficos

<img src="name"> Agrega una imagen

<img src="name" align=?> Alinea una imagen an image

<img src="name" border=?> Crea el grosor del borde de la imagen

<hr> Inserta una linea horizontal

<hr size=?> Crea la altura de una linea

<hr width=?> Crea el ancho de la linea, en porcentaje o números absolutos

<hr noshade> Inserta una linea horizontal sin sombra

Tablas

<table></table> Crea una tabla

<tr></tr> Setea cada row de la tabla

<td></td> Crea cada celda de la tabla

<th></th> Crea el borde de la tabla (una celda normal, con texto centrado y resaltado)

Atributos de las Tablas

<table border=#> Crea el grosor del borde de la tabla

<table cellspacing=#> Crea la cantidad de espacio entre las celdas

<table cellpadding=#> Crea la cantidad de espacio entre el borde de las celdas y su contenido

<table width=# or %> Crea el ancho de la tabla - en pixel o en porcentaje de acuerdo al ancho del documento

<tr align=?> or <td align=?> permita la alineación delas celdas (izquierda, centro, derecha)

<tr valign=?> or <td valign=?> Permite la alineación vertical de las celdas (arriba, nedio, abajo)

LOGRO: Aplica los conceptos básicos para diseñar una página web.

IDENTIFICADOR DEL TIPO DE DOCUMENTO <HTML>

Todas las páginas web escritas en HTML tienen que tener la extensión html o htm. Al mismo tiempo, tienen que tener las etiquetas <html> y </html>.

ESTRUCTURA DE UNA PÁGINA

Título de la página <title>

Para asignar un título a una página es necesario escribir el texto deseado entre las

 Etiquetas <title> y </title>.

Estas etiquetas han de estar dentro de la cabecera, es decir, entre las etiquetas <head> y </head>.

Cuerpo del documento <body>

El cuerpo del documento contiene la información propia del documento, es decir lo que queremos que se visualice, el texto de la página, las imágenes, los formularios, etc.

Todos estos elementos tienen que encontrarse entre las etiquetas <body> y </body>, que van justo debajo de la cabecera. Se pueden definir hasta 6 tamaños de encabezado, realizándolo con las etiquetas<h1> a <h6>.El 1 define la letra más grande y el 6 la más pequeña.

ACTIVIDAD 1

1. Digitar el siguiente texto en el bloc de notas

2. En la etiqueta Body Agregar el atributo para color.

3. Guardar  con el nombre de reflexion.html

Actividad 2

1. Escoger uno de los siguientes temas y realizar una pagina web donde aplique todo lo visto de etiquetas y atributos hasta la fecha.

• Calentamiento global.
• La adaptación y mitigación al cambio climatico 
• Contaminación (Aire, Agua, tierra)
• Deforestación.
• Pérdida de biodiversidad.
• Sequía.
• Consumo abusivo.
• Residuos.
• Superpoblación.
• La transición energetica y las energias renovables

Evaluación  de periodo Integrada con Química

_Ver el documental "Tóxicos: cómo las sustancias químicas permanentes están dañando nuestra salud".

 https://youtu.be/fGE1ROVSEQo?si=jE-ojtKWC2bK5QMx

_Discusión sobre los principales riesgos y efectos de las sustancias químicas permanentes.

_Realizar Análisis del documental desde la perspectiva de la química y la salud.

_Investigar sobre las sustancias químicas mencionadas en el documental y sus propiedades.

_Articular los conocimientos de HTML con la información sobre sustancias químicas permanentes .

_Producto Final: creación de una página web informativa sobre una sustancia química permanente específica, incluyendo información sobre sus propiedades, efectos en la salud y el medio ambiente, y recomendaciones para reducir su exposición.

_Presentación de las páginas web y debate sobre las soluciones para reducir la contaminación por sustancias químicas permanentes. 

AUTOEVALUACION

EVALUACION DE PERIODO

PLAN DE MEJORAMIENTO 1 - DECIMO.pdf

DESCARGA

SEGUNDO PERIODO

Marquesinas <marquee>

 

Las marquesinas son líneas de texto que pueden desplazarse de un lado a otro de la ventana en forma de línea.

Para insertar una marquesina, es necesario insertar el texto entre las etiquetas <marquee> y </marquee>.

La marquesina, por defecto, se desplaza de derecha a izquierda indefinidamente, pero si lo deseas puedes hacer que estas propiedades varíen.

Las medidas son  WIDTH y HEIGHT que toman valores en píxeles o en porcentajes de pantalla.

El color de fondo  de la marquesina es con el  atributo BGCOLOR.

A través del atributo behavior puede modificarse el tipo de movimiento. Puede tomar los valores alternate (de lado a lado de la ventana, como si rebotara en los extremos), scroll (de un lado a otro, continuamente) o slide (de un lado a otro, pero una sola vez).

Ejemplo

<BODY>

<MARQUEE WIDTH=70% HEIGHT=40 BGCOLOR=#7070ff  IMG SRC="    "> En lugar de amor, de dinero, de fama, dame la verdad. </MARQUEE>

</BODY>

PÁRRAFOS

Crear párrafos con <P>

La marca <P> sirve para definir un nuevo párrafo de texto, indicando al navegador que el mismo debe empezar en una nueva línea y colocarse a la derecha, a la izquierda o centrado. Si no se especifica otra cosa, la marca <P> alinea el texto por defecto a la izquierda. Para indicar otros tipos de alineación, existen atributos específicos:

<P ALIGN=left>
Define un párrafo y alinea el texto a la izquierda(left).

<P ALIGN=right>
Define un párrafo y alinea el texto a la derecha (right).

<P ALIGN=center>
Define un párrafo y centra el texto (center).

<P ALIGN=JUSTIFY>
Justifica el texto ( Alinea a la izquierda y derecha)

<P ALIGN="LEFT">: Se utiliza para alinear a la izquierda el párrafo.
<P ALIGN="RIGHT">: Se utiliza para alinear a la derecha los párrafos.
<P ALIGN="CENTER">: Se utiliza para centrar los párrafos

ACTIVIDAD

Realizar la siguiente practica en el bloc de notas, busca un texto relacionado con un avance tecnologico, utiliza imagenes relacionadas con el tema y videos, recuerda guardar con la extension .html

Objetivo Del Grado

Procesar información y comunicar lo aprendido a partir de los datos obtenidos y ser capaz de retroalimentarse y Regularse en su vida personal y social.

Indicadores De Desempeño

Reconoce el lenguaje HTML como base para el diseño de sitios Web

Identifica cada uno de los pasos para crear un documento HTML.

Inicio

Explicar a los estudiantes las etiquetas y atributos para aplicar numeracion y viñetas en Html utilizando el bloc de notas.

Numeración y Viñetas
En la numeración se utiliza la instrucción <OL></OL>. Cada uno de los elementos de la lista está precedido de la instrucción <LI>. En la instrucción <OL> se puede incluir el tipo de numeración:

type = tipo
Indica el tipo de numeración utilizada. Si no se indica se entiende que será una lista ordenada numéricamente.

Los tipos posibles son :
1 = Numéricamente. (1,2,3,4,... etc.)
a = Letras minúsculas. (a,b,c,d,... etc.)
A = Letras mayúsculas. (A,B,C,D,... etc.)
i = Números romanos en minúsculas. (i.ii,iii,iv,v,... etc.)
I = Números romanos en mayúsculas. (I,II,III,IV,V,... etc.)

Las viñetas se representan con la instrucción <UL></UL> para delimitar la lista, y <LI> para indicar cada uno de los elementos. En la instrucción <UL> se puede incluir el tipo de viñeta:
disk = Indica un punto
circle = Indica un punto sin relleno
square = Indica un cuadrado

Todas las listas se pueden "anidar", es decir incluir una lista dentro de otra, con lo que se consigue una estructura tipo "índice de materias".

Profundizacion

Realizar practica propuesta en html y aplicar lo visto de las clases anteriores para mejorar la estetica y presentacion de la página web

Actividad 2

Actividad 3

Cierre

Corregir errores de código y etiquetas en las prácticas de los estudiantes.

Verificar que la página web de los estudiantes funcionen.

Subir al drive personal, carpeta segundo periodo( recuerde que debe subir la carpeta completa) para ser evaluada.

TABLAS

<TABLE> <TR> <TD>

Las tablas se usan con profusión en las páginas Web, muchas veces debido a que son el único instrumento con el que se cuenta, para asegurarse que las cosas estarán en su sitio. Para definir una tabla se usan las etiquetas:

<TABLE> y </TABLE> son las etiquetas donde está contenida la tabla<TR> y </TR> son las etiquetas que indican el comienzo y fin de una fila <th> y </th> si es una fila de cabecera<TD> y </TD> señalan una celda.

La tabla se va definiendo declarando una fila y a continuación las celdas que contiene esa fila, luego otra fila y sus celadas, etc. No es necesario que todas las filas contienen el mismo número de celdas.

EJEMPLO

<HTML>

<HEAD>

<TITLE>Tablas</TITLE>

</HEAD>

<BODY>

<CENTER>

<H1>Tablas Básicas</H1>

<TABLE BORDER="1">

<TR>

   <TH>NOMBRE</TH>

   <TH>APELLIDO</TH>

   <TH>CEDULA</TH>

</TR>

<TR>

   <TD>Juan</TD>

   <TD>Martinez</TD>

   <TD>71665789</TD>

</TR>

<TR>

   <TD>Maria</TD>

   <TD>LLoreda</TD>

   <TD>46987741</TD>

</TR>

</TABLE>

</CENTER>

</BODY>

</HTML>
 

ARREGLOS DE BORDES

CELLPADDING=” Valor Numérico”: Fija el espacio entre el borde exterior de la cerlda y el borde interior.

CELLSPACING=”Valor Numérico”: Fija el espacio entre el contenido  y el borde interior.

EJEMPLO 1

<table Border=”5” cellpadding=”10” cellspacing=”1”>

<tr>

 <td>Enero</td>

 <td>Febrero</td>

 <td>Marzo</td>

</tr>

<tr>

 <td>Abril</td>

 <td>Mayo</td>

 <td>Junio</td>

</tr>

</table>

COLOR DE FONDO

Para cambiar del color de fondo, basta con escribir el atributo BGCOLOR dentro del elemento de la tabla que se desea cambiar.

PARA CAMBIAR EL COLOR A LA TABLA

<TABLE BGCOLOR>=”Código de color”>

PARA CAMBIAR EL COLORA LA FILA

<TR BGCOLOR=” Código de color”>

PARA CAMBIAR EL COLOR DEL BORDE

<TABLE BORDERCOLOR=” Código de color”>

EJEMPLO 2

Fijar el color a la tabla

<table bgcolor=”#00FF00” border=”1”  cellpadding=”1” cellspacing=”1”>

<tr>

 <td>Enero</td>

 <td>Febrero</td>

 <td>Marzo</td>

</tr>

<tr>

 <td>Abril</td>

 <td>Mayo</td>

 <td>Junio</td>

</tr>

</table>

 PARA CAMBIAR EL  COLOR DEL BORDE

EJEMPLO 3

<table width="100%" border="1" bordercolor="#CD5C5C" cellspacing="10" cellpadding="10">

<tr>

 <td>Enero</td>

 <td>Febrero</td>

 <td>Marzo</td>

</tr>

<tr>

 <td>Abril</td>

 <td>Mayo</td>

 <td>Junio</td>

</tr>

</table>

ACTIVIDAD  

Nota 1: Darle formato a las páginas (color de fondo, tamaño del texto, color de texto, tamaño, marquesina, regleta, imagen, salto de linea).

Hipervínculo a otra página del mismo sitio <a>

El elemento más importante que tiene una página de Internet es el hipervínculo, estos nos permiten cargar otra página en el navegador. 

Primero veremos cual es la sintaxis para disponer un hipervínculo a una página que se encuentra en el mismo sitio (es decir otra página que hemos desarrollado nosotros).

La marca de hipervínculo a otra página del mismo sitio tiene la siguiente sintaxis:

<a href="pagina2.html">Noticias</a>

Lo nuevo que aparece en este elemento es el concepto de una propiedad. Una propiedad se incorpora en el comienzo de una marca y tiene un nombre y un valor.

El valor de la propiedad debe ir entre comillas dobles.

La propiedad href del elemento "a" hace referencia a la página que debe mostrar el navegador si el visitante hace clic sobre el hipervínculo.

ACTIVIDAD  1

Crear dos páginas web con los nombres : pagina1.html  y  pagina2.html. Configurar las páginas con todo lo visto en clase, cambiar los encabezados <h1> por <font>, size para el tamaño del texto.

pagina1.html

pagina2.html

AUTOEVALUACIÓN

EVALUACION DE PERIODO

TERCER PERIODO

RUBRICA DE EVALUACION

PERIODO	3	ÁREA O ASIGNATURA:		TECNOLOGÍA E INFORMÁTICA
GRADO:	DÉCIMO
DOCENTE:			SORAIDA PATRICIA NOGUERA GÓMEZ

Saber/conocer (Conceptual):   ·         Identifica adecuadamente las etiquetas avanzadas y css del lenguaje HTML. ·         Reconoce las diferentes herramientas que brinda Publisher. ·         Analiza el impacto de los desarrollos tecnológicos, incluida la biotecnología en la medicina, la agricultura y la industria.   Saber hacer (Procedimental):   ·         Utiliza editores de texto para diseñar páginas web teniendo claro cuáles son las etiquetas y atributos necesarios para tener mejores resultados en el diseño. ·         Aplica adecuadamente los diseños planteados para crear publicidad utilizando el programa Microsoft Publisher ·         Explica el impacto de los desarrollos tecnológicos, incluida la biotecnología en la medicina, la agricultura y la industria y como incide en la economía colombiana   Saber ser (Actitudinal):   ·      Respeta las normas de uso y comportamiento en el aula de informática y los diferentes ambientes de aprendizaje. ·      Utiliza los elementos importantes del emprendimiento para ponerlos en práctica en su cotidianidad
Seguimiento (Conceptual y Procedimental): 70% ⮚            Talleres pedagógicos sobre los temas trabajados durante el periodo. ⮚             Presentación de compromisos académicos (tareas, actividades) ⮚            Exposiciones, debates, foros, análisis de película o videos ⮚     Prácticas relacionadas con las aplicaciones trabajadas en clase (HTML, Publisher) las cuales están en el blog tecnoinfoieal.blogspot.com ⮚            Uso de plataformas o aplicaciones para la realización de trabajos como: Jamboard, canva, GoConqr, bloc de notas ⮚              Participación en clase tanto a nivel individual como grupal. ⮚               Proyecto feria de la ciencia
Evaluación de Periodo: 20% Proyecto integración de áreas (ciencia y tecnología)
Autoevaluación:  10%   El estudiante realiza Autoevaluación en línea desde formulario de google   https://forms.gle/tBkWWo9B7UPZWiN9A
Acuerdos para el área o asignatura: ⮚                   Levantar la mano para pedir la palabra ⮚                   Respetar compañeros y docente. ⮚                   Llegar puntual a la sala de sistemas ⮚                   Prohibido realizar el tortugazo ⮚                   Entregar las actividades a tiempo ⮚                   Evitar salir de clase sin autorización ⮚                   Cuidar los equipos de la sala de sistemas ⮚                   Evitar sacar el celular en clase ⮚                   Mantener la sala de sistemas limpia y organizada ⮚                   Tener un buen vocabulario ⮚                   Prohibido ingresar a paginas no académicas ⮚                   Evitar agredir físicamente a los compañeros ⮚                   Prohibido realizar juegos de azar en Linea

PLAN DE MEJORAMIENTO SEGUNDO PERIODO

ANCLAS

Llamadas desde la misma página

La sintaxis para definir un ancla es:

<a name="nombreancla"></a> 

No debemos confundir un ancla con un hipervínculo, más allá que se utiliza el mismo elemento a. Para un ancla inicializamos la propiedad name con el nombre del ancla.

Un ancla se la define en una parte de la página que queremos que el operador llegue a partir de un hipervínculo.

Ahora la sintaxis para ir a un ancla desde un hipervínculo es la siguiente:

<a href="#nombreancla">Introducción</a><br>

Vemos que en la propiedad href indicamos el nombre del ancla.

Haremos un ejemplo, donde dispondremos una lista de hipervínculos que llaman a una serie de anclas dispuestas en la misma página:

PRACTICA 1

Digitar el siguiente código en el bloc de notas y personalizarlo aplicando lo visto en clase.

Microsoft Publisher

OBJETIVO: Desarrollar soluciones publicitarias e  informativas con herramientas especializadas en multimedia.

CONCEPTOS BÁSICOS

Publisher: Es una aplicación la cual permite crear publicaciones de apariencia profesional y gran riqueza visual.

Folleto: Es una publicacion impresa, breve y dirigida a muchas personas, se compone de imagenes y textos, sirve para dar a conocer un tema o hacer publicidad.

Un folleto debe incluir textos breves, titulos llamativos y claros, imagenes, letras de distinto tamaño y color.

Por lo general el folleto es de tipo informativo o descriptivo.

Ejemplo

Anuncio: Un anuncio publicitario es una pieza comunicativa que da a conocer un producto, servicio o marca a una audiencia, por diversos canales. Su breve mensaje es textual, visual, auditivo o combinado. Persuade a los consumidores a que adquieran una marca, la consideren en su próxima compra o la tengan presente en su mente.

Partes del anuncio

Identidad de marca

Debe tener componentes que informen quién está emitiendo dicha comunicación. Esto se logra con el logo de la marca, el nombre del producto o servicio, e incluso se puede usar un eslogan o frase de campaña.

Mensaje conceptual

Debe ser un texto que solamente abarque una idea, conciso, potente y con el lenguaje que entienda la audiencia. Ejemplo el patito que utilizan los anuncios de shampoo para niños.

Mensaje contextual

El anuncio debe aludir a una intencionalidad, una temporalidad y una situación específica. Ejemplo de temporalidad lo vemos en las estaciones del año: cuando es primavera toda la comunicación muestra la playa, sol y calor. 

Contacto

Según sea el formato, los anuncios requieren un dato de contacto de la empresa, que por lo general es el sitio web; pero también pueden ser redes sociales, un número telefónico o cualquier medio que sea fácil para establecer una comunicación con la audiencia.

Llamado a la acción

Todo anuncio lleva a una acción, a veces tácita y en otras explícita, pero debes darle a entender a tu audiencia qué quieres que haga. Cuando es tácito, le estás pidiendo que te recuerde o que te compre; pero cuando es explícito puedes ser más específico: «suscríbete», «haz clic», «aprovecha»,

Actividad   1

En Microsoft Publisher realizar el anuncio de la feria del libro, un concierto o un  evento deportivo que se celebre o desarrolle en la ciudad en el mes de septiembre. Utiliza una de las plantillas de Anuncio y modifica a tu gusto teniendo en cuenta las partes que debe tener un anuncio publicitario 

Actividad 2 

Objetivo: Analizar factores culturales y tecnológicos que inciden en la Biotecnologia, sexualidad, el control de la natalidad, la prevención de enfermedades transmitidas sexualmente y las terapias reproductivas. 

Realizar un folleto y para esto escoge uno de los siguientes temas

Biotecnología

La sexualidad y control de natalidad

Prevención de enfermedades de transmision sexual

Inteligencia Artificial

Conservacion del medio ambiente

Actividad   3

En Microsoft Publisher realizar la publicidad de una agencia de viajes donde se promueve paquetes turísticos a nivel nacional e internacional. Utiliza las plantillas de Anuncio , Pancarta y Folleto.

Busque imágenes de Internet o diseñe sus propios logos utilizando las autoformas e imágenes prediseñadas, recuerde que puede cambiar el color, estilo y forma de la imagen según su necesidad.

Dentro de un cuadro de texto también puede insertar imágenes y acomodar el texto según su creatividad.

Cada una de las plantillas debe tener coherencia y hablar de la misma publicidad.

Actividad         4

1. Realizar la imagen publicitaria para la  fiesta de fin de año de la comuna 5 ( terminación del año 2023) donde debe tener en cuenta lugar del evento, artistas invitados, hora, patrocinadores, tener en cuenta para la actividad afiches, folletos, boleteria, anuncios.
2. Dicha fiesta de fin de año debe ser promovida también  con una página web, donde se debe aplicar todo lo visto en código HTML  (está página debe tener mínimo dos paginas para ver su navegabilidad y funcionamiento de los link).

 AUTOEVALUACION TERCER PERIODO