CLASE # 1

DELITOS INFORMÁTICOS

A medida que el uso de internet se ha extendido, ha aumentado el riesgo de su uso inadecuado. Los delincuentes cibernéticos viajan por el mundo virtual y realizan incursiones fraudulentas cada vez más frecuentes y variadas, como el acceso sin autorización a sistemas de información, piratería informática, fraude financiero, sabotaje informático y pornografía infantil, entre otros.

Las herramientas de los ciberdelincuentes han evolucionando si no más rápido, por lo menos paralelamente al desarrollo tecnológico, como ha venido sucediendo con los virus informáticos. En un comienzo, los ciberdelincuentes infectaban los equipos de sus víctimas al transportar mano a mano los virus desarrollados, en los medios de almacenamiento de información disponibles en ese momento: los disquetes. Más tarde, utilizaron las redes de datos al aprovechar la internet, pero encontraron la barrera de las restricciones de acceso para evitar contagios. De nuevo, regresaron a la difusión contaminante mano a mano al emplear las memorias móviles con puerto USB y arreciaron los bombardeos de malware en la internet. De igual manera, los ciberdelincuentes han utilizado el

correo electrónico y los chat rooms o salas de conversación virtual de internet para buscar presas vulnerables.

Tomado de: Ojeda-Pérez, J., Rincón-Rodríguez, F., Arias-Flórez, M., & Daza-Martínez, L. (2010). Delitos informáticos y entorno jurídico vigente en Colombia. Cuadernos De Contabilidad, 11(28). Recuperado a partir de https://revistas.javeriana.edu.co/index.php/cuacont/article/view/3176

GROOMING

Podemos definir el ciber-acoso con intención sexual como aquellas acciones preconcebidas que lleva a cabo un adulto a través de Internet para ganarse la confianza de un menor de edad y obtener su propia satisfacción sexual mediante imágenes eróticas o pornográficas que consigue del menor, pudiendo llegar incluso a concertar un encuentro físico y abusar sexualmente de él.

Contacto y acercamiento: el ciberacosador contacta con un menor a través de internet (Messenger, chat o redes sociales frecuentadas por menores). Finge ser alguien atractivo para el menor (otro menor de edad similar, buen parecido físico, gustos similares...), enviándole incluso imágenes de un menor que haya conseguido en la Red que responda a dichas características; es decir, lleva a cabo una estrategia preconcebida con el fin de ganarse su confianza poco a poco. · Sexo virtual: consigue, en el transcurso de dicha relación, que el menor le envíe alguna fotografía comprometida, logrando que encienda la web-cam, pose denudo.
Ciberacoso: si el menor no accede a sus pretensiones sexuales, el ciberacosador le amenaza con difundir la imagen que le haya capturado con mayor carga sexual a través de internet (YouTube...) y/o enviarla a los contactos personales del menor. Abuso-agresiones sexuales: ante las amenazas del ciberacosador, el menor accede a todos sus caprichos sexuales.

TOMADO DE :file:///C:/Users/USER/Downloads/Dialnet-ElCiberacosoConIntencionSexualYElChildgrooming-3795512.pdf

SEXTING

Es un neologismo integrado ya plenamente a la literatura médica hispanoparlante que significa "recibir, enviar o reenviar mensajes de texto, imágenes o fotografías que presentan un contenido sexual explícito, vía Internet o teléfono celular". Muchas, por no decir la mayoría o la totalidad de estas imágenes, se diseminan de manera inmediata, incontrolada y extensa a través de las redes sociales -particularmente, los teléfonos celulares y computadoras- con resultados impredecibles, en la inmensa mayoría de las veces, catastróficos.

TOMADO:http://www.scielo.org.mx/scielo.php?pid=S0187-53372014000400007&script=sci_arttext&tlng=en

LEY COLOMBIANA DELITOS INFORMÁTICOS

El avance tecnológico constante que se presenta en la actualidad, que además se da a pasos agigantados, como la masificación del uso de la tecnología en el mundo, es una realidad que permea todas las actividades que se realizan en la sociedad de hoy día, cosas como la redes sociales, las aplicaciones que gestionan información de los usuarios, el internet de las cosas, entre otras, implican que quienes las utilizan se expongan a diversos riesgos de sufrir ataques contra su información, contra sus sistemas e incluso contra su propia integridad.

Como consecuencia de esto, desde hace unos años, en varios países (incluido Colombia) se ha comenzado a hablar de los delitos informáticos, esto como una necesidad de proteger a los usuarios de las diversas herramientas tecnológicas, principalmente Internet.

Para entender que es un delito informático, un importante referente es el Convenio Sobre la Ciberdelincuencia del Consejo de Europa, suscrito en Budapest el 23 de Noviembre de 2001, con el objeto de establecer una política penal a nivel comunitario para combatir la ciberdelincuencia, a través de la adopción de legislación que regule el tema y fortalecer la cooperación internacional en Europa al respecto.

Dentro del preámbulo de dicho Convenio, podemos encontrar una definición de delito informático, como todo acto dirigido contra la confidencialidad, la integridad y la disponibilidad de los sistemas informáticos, redes y datos informáticos, así como el abuso de dichos sistemas, redes y datos.

En concordancia con lo anterior, dicho Convenio establece varias conductas que se consideran como un delito informático y que tiene una consecuencia desde el punto de vista penal para quien las cometa.

A nivel nacional, es importante tener en cuenta que la Ley 1273 de 2009 (Ley colombiana de delitos informáticos) consagró y agregó el bien jurídico tutelado “De la protección de la información y de los datos” tipificando conductas propias del uso de herramientas informáticas, como conductas que pueden recaer sobre la información o los sistemas de tratamiento de información, que se constituyen en lesivas de las libertades y garantías establecidas en la Ley, dichas conductas son:

• Acceso abusivo a un sistema informático.

• Obstaculización ilegítima de sistema informático o red de telecomunicación.

• Interceptación de datos informáticos.

• Daño Informático.

• Uso de software malicioso.

• Violación de datos personales.

• Suplantación de sitios web para capturar datos personales.

• Hurto por medios informáticos y semejantes.

• Transferencia no consentida de activos.

En Colombia los delitos informáticos han venido aumentando dramáticamente, se han presentado casos de relevancia nacional como obstrucciones del servicio de páginas web de entidades oficiales, fugas de información, violación de datos personales e interceptación de datos informáticos accediendo a comunicaciones privadas sin orden judicial, entre muchos otros.

Es importante conocer los instrumentos que nos da la Legislación colombiana para reaccionar al ser víctima de alguna de estas conductas, poniendo en conocimiento de la Fiscalía General de la Nación los hechos ocurridos para que a través de su grupo de delitos informáticos del CTI, inicie su labor investigativa, o también buscando apoyo en los departamentos especializados con los que cuenta la Policía Nacional para la investigación de estos delitos.

A pesar de lo anterior, no es necesario esperar a sufrir alguno de estos delitos como víctima y reaccionar ante las autoridades, ya que tomando precauciones sobre los datos, siendo cuidadosos en el uso de Internet o de los sistemas de información de una compañía, tomando medidas de seguridad adecuadas (Antivirus, Firewall, cifrado de datos, etc.) podemos evitar este tipo de daños, la invitación es a utilizar la tecnología siendo conscientes del riesgo que implica su uso y teniendo en cuenta que siempre es mejor prevenir que lamentar.

Por Andrés Mauricio Molina

Abogado y Consultor Legal

@maomolina10

REALIZAR ESTA ACTIVIDAD

CLASE # 2

Es un lenguaje de marcado que define la estructura de tu contenido. HTML consiste en una serie de elementos que usarás para encerrar diferentes partes del contenido para que se vean o comporten de una determinada manera. Las etiquetas de encierre pueden hacer de una palabra o una imagen un hipervínculo a otro sitio, se pueden cambiar palabras a cursiva, agrandar o achicar la letra.

ETIQUETAS

La etiqueta de apertura: consiste en el nombre del elemento (en este caso, p), encerrado por paréntesis angulares

(<>) de apertura y cierre. Establece dónde comienza o empieza a tener efecto el elemento, en este caso, dónde es el comienzo del párrafo.

La etiqueta de cierre: es igual que la etiqueta de apertura, excepto que incluye una barra de cierre (/) antes del nombre de la etiqueta. Establece dónde termina el elemento, en este caso dónde termina el párrafo.

El contenido: este es el contenido del elemento, que en este caso es sólo texto.

El elemento: la etiqueta de apertura, más la etiqueta de cierre, más el contenido equivale al elemento.

Los elementos pueden también tener atributos, que se ven así:

<p color=”red”> <p/>

Los atributos contienen información adicional acerca del elemento, la cual no quieres que aparezca en el contenido real del elemento. En este caso, el atributo color permite darle al elemento color.

Un atributo debe tener siempre:

1. Un espacio entre éste y el nombre del elemento (o del atributo previo, si el Elemento ya posee uno o más atributos).

2. El nombre del atributo, seguido por un signo de igual (=).

3. Comillas de apertura y de cierre, encerrando el valor del atributo.

<html> </html> el elemento <html>. Este elemento encierra todo el contenido de la página entera, y, a veces, se le conoce como el elemento raíz (root element).

<head> </head>,el elemento <head>. Este elemento actúa como un contenedor de todo aquello que queremos incluir en la página HTML que no es contenido visible por los visitantes de la página. Incluye cosas como palabras clave, una descripción de la página que quieres que aparezca en resultados de búsquedas, CSS para dar estilo al contenido, declaraciones del juego de caracteres.

<body></body>,el elemento<body>. Encierra todo el contenido que deseas mostrar a los usuarios web que visiten tu página, ya sea texto, imágenes, videos, juegos, pistas de audio reproducibles, y demás.

<meta charset="utf-8"> este elemento establece el juego de caracteres que tu documento usará en utf-8, que incluye casi todos los caracteres de todos los idiomas humanos. Básicamente, puede manejar cualquier contenido de texto que puedas incluir.

<title> </title> Establece el título de tu página, que es el título que aparece en la pestaña del navegador cuando la página es cargada, y se usa para describir la página cuando es añadida a los marcadores o como favorita.

ELEMENTOS ANIDADOS

Puedes también colocar elementos dentro de otros elementos, esto se llama anidamiento. Si, por ejemplo, queremos resaltar una palabra del texto (en nuestro ejemplo la palabra "primera"), podemos encerrarla en un elemento <b>, que significa que dicha palabra debe ser negrita:

<p>Mi <b>primera </b> página </p>

ELEMENTOS VACÍOS

Algunos elementos no poseen contenido, y son llamados elementos vacíos. Toma, por ejemplo, el elemento <img> de nuestro HTML:

<img src="images.png">

Posee dos atributos, pero no hay etiqueta de cierre </img> ni contenido encerrado. Esto es porque un elemento de imagen no encierra contenido al cual afectar. Su propósito es desplegar una imagen en la página HTML, en el lugar en que aparece.

Anatomía de un documento HTML

<!DOCTYPE html>

<html>

<head><meta charset="utf-8"><title>Mi página de prueba</title></head>

<body>

<img src="images.png">

</body>

</html>

INSERTAR OBJETOS E IMAGENES

En la programación enontramos objetos que dinamizan estéticamente el aspecto de nuestra página web. Entre los cuales están: applets de Java y

vídeos. Aunque el mas común de los objetos son las imágenes. Los formatos para guardar imágenes mas extendidos son los gif y los jpg. Ambos formatos comprimen las imágenes para reducir su tamaño, asegurando una transferencia lo mas rápida por la red.

Hay que precisar que algunas imágenes complementan la información textual, mientras que otras son meramente estéticas. Esta diferenciación

nos marca Como codificarlas. En el primer caso se incluyen directamente en el código HTML mediante la etiqueta <img> seguido de src, para indicar la url donde se localiza el archivo y su nombre, mientras que las imágenes estéticas se deben incluir en el código de las hojas de estilos CSS para mostrarlas. La sintaxis para inclusión de imágenes es:

<img src=”imagenl.gif”> como dirección relativa,

Veamos los atributos que tiene la etiqueta <img>:

1. width=”x” Permite al navegador predeterminar el ancho, en pixles, que tendrá tu imagen.

2. height=”x” Junto con el atributo width, el navegador puede preparar el espacio necesario para tu imagen antes de que se muestre.

3. border=”x” Para añadir o eliminar un borde, donde la x será un valor numérico.

4. align=”xxx” Puedes alinear una imagen horizontal y/o verticalmente en una página usando este atributo.

5. alt=”descripción_de_la_imagen“ El atributo alt te permite describir la imagen para los navegadores de sólo texto, así como etiquetar la imagen antes de que se cargue en una página.

6. hspace=”x” horizontal space, se usa para añadir espacio vacío, con un valor numérico, en la coordenada horizontal de una imagen.

7. vspace=”x” vertical space, controla el espacio de la imagen en las coordenadas verticales.

8. top Este coloca la imagen en la parte más superior de la línea de texto (valor por defecto).

9. middle La imagen ahora estará alineada con el centro de la línea de texto.

10. bottom Con este valor, la imagen será alineada con la parte inferior de la línea de texto.

WIDTH y HEIGHT

Dos consejos básicos para el uso de estas etiquetas:

Pon siempre los atributos width y height en tu etiqueta IMG. Esto ayuda al navegador a administrar los datos de imágenes a lo largo de la página.

Nunca uses valores imprecisos de width y height en tu imagen. Estos valores deben ser siempre exactos, o harás que el navegador muestre imágenes distorsionadas en la pantalla.

Pero puedes estar pensando: he visto páginas WEB con imágenes pequeñas que al pulsar sobre ellas se hacen más grandes. Esto es una gran idea, inteligente, pero muy problemática.

FORMATO DE PÁRRAFO

El texto de la página se puede estructurar en encabezamientos de los diferentes apartados de la página, que pueden tener distintos niveles de 1 a 6 (siendo 1 el más importante) y párrafos normales.

<H1>...</H1>o<H2>...</H2> (hasta 6)

Párrafos que son encabezamientos (con distintos niveles).

<P>... </P>

PARRAFOS NORMALES

<P align="center">... </P>

El atributo align permite alinear el texto del párrafo. Se puede aplicar igual a las etiquetas <H1>, <H2>, etc ...

<BR>

Permite partir un párrafo empezando una línea nueva pero sin dejar espacio.

<HR>

Pone una linea horizontal de separación. (admite atributos).

<BLOCKQUOTE>…</BLOCKQUOTE>

Sangra el párrafo.

FORMATO DE TEXTO

El formato de caracteres permite cambiar tanto el tipo de fuente como su tamaño y aspecto.

Se pueden utilizar varias etiquetas HTML para dar distintos formatos a un grupo de caracteres:

Formatos Físicos:

Negrita:<B>…</B>

Cursiva:<I>…</I>

Subrayado:<U>…</U>

Teletipo:<TT>…</TT>

Tachado:<STRIKE>…</STRIKE>

Grande:<BIG>…</BIG>

Pequeña:<SMALL>…</SMALL>

Superíndice:<SUP>…</SUP>

Subíndice:<SUB>…</SUB>

FORMATOS LÓGICOS

Cita:<CITE>…</CITE>

Código:<CODE>…</CODE>

Definición:<DFN>…</DFN>

Énfasis:<EM>…</EM>

Grueso:<STRONG>…</STRONG>

Palabras clave:<KEY>…</KEY>

Ejemplos:<SAMP>…</SAMP>

Usuario:<KBD>…</KBD>

Variables:<VAR>…</VAR>

Ejemplo literal:<XMP>...</XMP>

(ignora las etiquetas HTML de dentro)

Posibilidad de combinar etiquetas (anidándolas, esto es, una dentro de otra):

<B>…<I>…</I>…</B> (Correcto)

<B>…<I>…</B>…</I> (Incorrecto)

<FONT COLOR="red"> ... </FONT>

Indicación expresa del tipo de letra a usar, en este caso el color.

<FONT SIZE="+1"> ... </FONT>

Indicación expresa del tipo de letra a usar, en este caso el tamaño.

La etiqueta FONT permite combinaciones cualesquiera de los atributos COLOR, SIZE y FACE

COLOR, TAMAÑO Y TIPO DE DE LETRA

A pesar de que por razones de homogeneidad y sencillez de codigo este tipo de formatos son

Controlados actualmente por hojas de estilo en cascada (de las cuales ya tendremos tiempo de

Hablar), existe una forma clásica y directa de definir color tamaño y tipo de letra de un texto

Determinado.

Esto se hace a partir de la etiqueta <font> y su cierre correspondiente. Dentro de esta etiqueta

deberemos especificar los atributos correspondientes a cada uno de estos parámetros que deseamos definir. A continuación os comentamos los atributos principales de esta etiqueta:

ATRIBUTO face

Define el tipo de letra. Este atributo es interpretado por versiones de Netscape a partir de la 3 y

de MSIE 3 o superiores. Otros navegadores las ignoran completamente y muestran el texto con la

fuente que utilizan.

Hay que tener cuidado con este atributo ya que cada usuario, dependiendo de la plataforma que

utilice, puede no disponer de los mismos tipos de letra que nosotros con lo que, si nosotros

elegimos un tipo del que no dispone, el navegador se verá forzado a mostrar el texto con la fuente

que utiliza por defecto (suele ser Times New Roman). Para evitar esto, dentro del atributo suelen

seleccionarse varios tipos de letra separados por comas. En este caso el navegador comprobará

que dispone del primer tipo enumerado y si no es así, pasará al segundo y así sucesivamente

hasta encontrar un tipo que posea o bien acabar la lista y poner la fuente por defecto. Veamos un

ejemplo.

<font face="Comic Sans MS,arial,verdana">Este texto tiene otra tipografía</font>

Que se visualizaría así en una página web.

Este texto tiene otra tipografía

Nota: Aquí tenemos un ejemplo de atributo cuyo valor debe estar limitado por comillas ("). Habíamos dicho

que las comillas eran opcionales en los atributos, sin embargo esto no es así siempre. Si el valor del atributo

contiene espacios, como es el caso de:

face="Comic Sans MS,arial,verdana"

debemos colocar las comillas para limitarlo. En caso de no tener comillas

face=Comic Sans MS,arial,verdana

se entendería que face=Comic, pero no se tendría en cuenta todo lo que sigue, porque HTML no lo asociaría al

valor del atributo. En este caso HTML pensaría que las siguientes palabras (después del espacio) son otros

atributos, pero como no los conoce como atributos simplemente los desestimará.

Atributo size

Define el tamaño de la letra. Este tamaño puede ser absoluto o relativo.

Si hablamos en términos absolutos, existen 7 niveles de tamaño distintos numerados de 1 a 7 por

orden creciente. Elegiremos por tanto un valor size="1" para la letra más pequeña o size="7"

para la más grande.

<font size=4>Este texto es más grande</font>

Que se visualizaría así en una página web.

Este texto es más grande

Podemos asimismo modificar el tamaño de nuestra letra con respecto al del texto mostrado

precedentemente definiendo el número de niveles que queremos subir o bajar en esta escala de

tamaños por medio de un signo + o -. De este modo, si definimos nuestro atributo como

size="+1" lo que queremos decir es que aumentamos de un nivel el tamaño de la letra. Si

estabamos escribiendo previamente en 3, pasaremos automáticamente a 4.

Los tamaños reales que veremos en pantalla dependerán de la definición y del tamaño de fuente

elegido por el usuario en el navegador. Este tamaño de fuente puede ser definido en el Explorer

yendo al menu superior, Ver/Tamaño de la fuente. En Netscape elegiremos View/Text Size. Esta

flexibilidad puede en más de una ocasión resultarnos embarazosa ya que en muchos casos

desearemos que el tamaño del texto permanezca constante para que éste quepa en un

determinado espacio. Veremos en su momento que esta prefijación del tamaño puede ser llevada

a cabo por las hojas de estilo en cascada.

Atributo color

El color del texto puede ser definido mediante el atributo color. Cada color es a su vez definido por

un número hexadecimal que esta compuesto a su vez de tres partes. Cada una de estas partes

representa la contribución del rojo, verde y azul al color en cuestión.

Podéis entender cómo funciona esta numeración y cuáles son los colores que resultan más

compatibles a partir de este artículo: Los colores y HTML.

Por otra parte, es posible definir de una manera inmediata algunos de los colores más

frecuentemente usados para los que se ha creado un nombre más memo técnico:

Nombre Color

<font color="red">Este texto está en rojo</font>

Que se visualizaría así en una página web.

Este texto está en rojo

Con todo esto estamos ya en disposición de crear un texto formateado de una forma realmente

elaborada.

Pongamos pues en practica todo lo que hemos aprendido en estos capítulos haciendo un ejercicio

consistente en una página que tenga las siguientes características:

• Un titular con encabezado de nivel 1, en itálica y color verde oliva.

• Un segundo titular con encabezado de nivel 2, también de color verde oliva.

• Todo el texto de la página deberá presentarse con una fuente distinta de la fuente por

defecto. Por ejemplo "Comic Sans MS" y en caso de que ésta no esté en el sistema que se

coloque la fuente "Arial".

ATRIBUTOS PARA PÁGINAS

Las páginas HTML pueden construirse con variedad de atributos que le pueden dar un aspecto a la

página muy personalizado. Podemos definir atributos como el color de fondo, el color del texto o

de los enlaces. Estos atributos se definen en la etiqueta <body> y, como decíamos son generales

a toda la página.

Lo mejor para explicar su funcionamiento es verlos uno por uno.

Atributos para fondos

bgcolor: especificamos un color de fondo para la página. En el capítulo anterior y en el taller de

los colores y HTML hemos aprendido a construir cualquier color, con su nombre o su valor RGB. El

color de fondo que podemos asignar con bgcolor es un color plano, es decir el mismo para toda la

superficie del navegador.

background: sirve para indicar la colocación de una imagen como fondo de la página. La imagen

se coloca haciendo un mosaico, es decir, se repite muchas veces hasta ocupar todo el espacio del

fondo de la página. En capítulos más adelante veremos como se insertan imágenes con HTML y

los tipos de imágenes que se pueden utilizar.

REALIZAR ESTA ACTIVIDAD

CLASE # 3

LISTAS NO ORDENADAS <UL>

Las listas no ordenadas van dentro de la etiqueta <ul> HTML y de su cierre </ul>. Cada punto que queramos añadir a la lista, lo haremos dentro de la etiqueta <li> y su cierre.

Si no le indicamos nada a la etiqueta <li> HTML, ésta se generará de forma automática. Pero si queremos definir nosotros mismo el símbolo del punto, podemos gracias al atributo “type”.

Así podemos hacer que la lista esté definida por:
puntos negros (li type=”disc”),
puntos con el fondo blanco (li type=”circle”)
punto cuadrados (li type=”square”).
Aunque esta apariencia dependerá del navegador. Hay algunos navegadores que dan otras apariencias a estos mismos atributos.

Vamos con un pequeño ejemplo en código:

<ul>

<li type="circle">Esto es un tipo de punto.</li>

<li type="square">Este es otro.</li>

<li type="disc">Y este es otro diferente.</li>

</ul>

LISTAS ORDENADAS: <OL>

Las listas ordenadas van enmarcadas dentro de las etiquetas <ol> </ol>. Cada punto de la lista se escribe con la misma etiqueta que en las no numeradas: <li>. Pero al ser listas ordenadas los símbolos serán números y éstos se irán generando automáticamente por orden, conforme escribamos nuevos puntos.

En las listas ordenadas podemos hacer que el primer punto comience con el número que nosotros queramos. Lo conseguiremos gracias al atributo “value”. Los siguientes puntos que escribamos se generarán automáticamente por orden, partiendo de ese número.

Por ejemplo, si queremos que nuestra lista empiece por el número 20, sólo deberemos escribir lo siguiente:

<ol>

<li value="20">Este será el número 20. </li>

<li>Este será el 21. </li>

<li> Este será el 22. Y así sucesivamente. </li>

</ol>

Y el resultado será el siguiente:

20. Este será el número 20.

21. Este será el 21.

22. Este será el 22. Y así sucesivamente.

EJEMPLO
<html>

<head><title>LISTAS ORDENADAS Y DESORDENADAS </title></head>

<body bgcolor="#1ABC9C">
<p>Lista ordenada numéricamente por defecto>/p>
<ol type="1">
<li>UNO
<li>DOS
<li>TRES
<li>CUATRO
<li>CINCO
<li>SEIS
</ol>
<p>Lista ordenada alfabéticamente</p>
<ol type="A">
<li>Primero
<li>Segundo
<li>Tercero
<li>cuarto
<li>quinto
<li>sexto
</ol>
<p>Lista con todos los atributos</p>
<ol type="I" start="10">
<li>Elemento
<li>Elemento
<li>Elemento
<li>Elemento
<li>Elemento
<li>Elemento
</ol>
<p>Lista no ordenadas</p>
<ul type="disc">
<li>PERRO
<li>GATO
<li>VACA
<li>CABALLO
<li>CONEJO
<li>GALLINA
</ul>
<ul type="circle">
<li>rosado
<li>cafe
<li>amarillo
<li>azul
<li>verde
<li>rojo
</ul>
<ul type="square">
<li>Casa
<li>Edificio
<li>Casafinca
<li>Lote
<li>Parqueadero
<li>Cabaña
</ul>
</body>

</html>

RESULTADO

REALIZAR ESTA ACTIVIDAD

CLASE # 4

TABLAS HTML

Las tablas es el elemento del lenguaje HTML que utilizaremos para mostrar información de forma agrupada. Ya sea texto, imágenes, vídeos,…

El elemento table será el que nos ayudará para crear las tablas en HTML.

CREAR UNA TABLA SIMPLE

Para crear una tabla vamos a necesitar conocer, al menos, tres elementos: table, <tr> y <td>. Si bien existen otros cuantos que nos permitirán ampliar la funcionalidad de las tablas.

El primer elemento es table. table es el elemento que representa las tablas y será el que agrupe al resto de elementos. Por lo tanto tiene sus etiquetas de inicio y cierre.

<table> ... </table>

Siguiendo con la construcción de la tabla el siguiente elemento que necesitamos es <tr>. El elemento tr representa a una fila de la tabla. Por lo tanto tendremos tantos elementos <tr> como filas tenga la tabla.

Así, si queremos tener una tabla de tres filas tendremos un código como el que sigue:

<table>

<tr> ... </tr>

</table>

El último elemento que necesitamos conocer es <td>El elemento <td> es el que representa de una forma unitaria a una celda. Por lo tanto los elementos <tr> tendrán tantos elementos <td> en su interior como celdas contenga la fila.

El contenido que haya entre los elementos <td>será el contenido de la celda.

Una tabla de tres filas por cuatro columnas quedaría de la siguiente forma:

<table>

<tr>

<td>Fila 1 Columna 1</td>

<td>Fila 1 Columna 2</td>

<td>Fila 1 Columna 3</td>

</tr>

<tr>

<td>Fila 2 Columna 1</td>

<td>Fila 2 Columna 2</td>

<td>Fila 2 Columna 3</td>

</tr>

<tr>

<td>Fila 3 Columna 1</td>

<td>Fila 3 Columna 2</td>

<td>Fila 3 Columna 3</td>

</tr>

</table>

Así con los tres elementos table, <tr>

y <td> tenemos construida nuestra tabla.

Visualmente tendríamos algo así:

EJEMPLO

<table border="5">

<tr>
<td width="200" height="200" bgcolor="red"></td>
<td><img src="gato.jfif" width="200" height="200""></td>
<td width="200" height="200" bgcolor="green"></td>
</tr>

<tr>
<td width="200" height="200" bgcolor="blue"></td>
<td width="200" height="200" bgcolor="pink"></td>
<td><img src="conejo.jfif" width="200" height="200"></td>
<td width="200" height="200" bgcolor="orange"></td>
</tr>

<tr>
<td><img src="vaca.jfif" width="200" height="200"></td>
<td width="200" height="200" bgcolor="#345678"></td>
</tr>

</table>

RESULTADO

NOTA:Los espacios en blanco no son celdas

REALIZAR ESTA ACTIVIDAD # 1

REALIZAR ESTA ACTIVIDAD # 2

CLASE # 5

UNIFICACIÓN DE CELDAS

Para algunas tablas puedes necesitar unificar dos o más celdas en una sola que pasará a ocupar el lugar de aquellas afectadas. Estas unificaciones pueden ser llevadas a cabo con los atributos “rowspan” (para unificación vertical) y “colspan” (para unificación horizontal), ambos disponibles para celdas (tag HTML tdy tag HTML th).

Mira en el ejemplo anterior cómo una definición de celda que unifica a dos, es el equivalente a dos definiciones de celdas simples. Esto también funciona para uificación vertical, con una pequeña diferencia debido a la naturaleza de las tables en HTML. Cuando se unifican celdas verticalmente, las definiciones de celdas en las filas afectadas por la unificación deben ser omitidas. Mira el ejemplo, donde los campos 1, 4 y 7 son unificados:

EJEMPLO 1

<html>
<head><title>Ejemplo del uso de tablas </title></head>
<body>

<table border="2">
<tr>
<td>ROJO</td>
<td rowspan="3">VERDE</td>
<td>AZUL</td>
</tr>
<tr>
<td>MORADO</td>
<td>AMARILLO</td>
</tr>
<tr>
<td>CAFE</td>
<td>NEGRO</td>
</tr>

</table>
</body>

</html>

RESULTADO

EJEMPLO 2

<table border="2">
<tr>
<td colspan="3">PAISES DE AMERICA DEL SUR</td>
</tr>
<tr>
<td>COLOMBIA</td>
<td>BRASIL</td>
<td>ECUADOR</td>
</tr>
<tr>
<td>CHILE</td>
<td>PERU</td>
<td>ARGENTINA</td>
</tr>

</table>

RESULTADO

EJEMPLO 3

<table border="2px"> 
<tr>
<td colspan="2">VOCALES</td>
<td rowspan="3">U</td>
</tr>
<tr>
<td>A</td>
<td>E</td>
</tr>

<tr>
<td>I</td>
<td>O</td>
</tr>

</table>

RESULTADO

REALIZAR ESTA ACTIVIDAD

CLASE # 6 SEGUNDO PERIODO

GUIA # 1 y # 2

GUIA # 2

ACTIVIDAD No. 2

GRUPO: 8°7 - 9°s - 10°s - 11°s

PERIODO: I y II

AREA Y O ASIGNATURA

Español, inglés, sociales, economía, tecnología, emprendimiento, artística, ética, religión, ed. Física, catedra de la paz

DOCENTES

Claudia Patricia Salazar Ramírez

Leonardo Correa Restrepo

Farid Castañeda Pulgarin

Luis Alberto Suaza López

Wilmar Augusto Flórez

Piedad Álzate Pino

Fabio Alberto Restrepo Bermúdez

Natalia Vélez Herrera

Margarita María Sánchez Arrieta

Afife Farah Vásquez

Claudia Patricia David Echeverri

Luis Eduardo Zapata Jiménez

Mario Alberto Díaz Monsalve

Érica María García Posada (Solo ed. Física)

Luis Guillermo López Castro (solo Religión)

Elbin Cano Macías (solo catedra )

Andrés Felipe Medina Tamayo (solo religión)

INDICADORES DEL PERIODO

Integrar y hacer activos los conocimientos, habilidades, destrezas, actitudes y valores logrados en el desarrollo de diferentes áreas, así como de la experiencia recopilada; también podrán estar orientados al diseño para el aprovechamiento de un material o equipo, a la adquisición de dominio sobre una técnica o tecnología, a la solución de un caso de la vida cotidiana, real o de la misma institución (académico), social, política o económica; además cumple con los fines y objetivos en el proyecto educativo institucional. La intensidad horaria y la duración de los proyectos pedagógicos se definirán en el respectivo plan de contingencia.

PROCEDIMIENTO: (descripción)

1. Los estudiantes se organizarán en equipos mínimos de 3 máximo de 6, estos equipos pueden estar conformados con estudiantes de los grados 807, 9, 10 y 11.

2. los estudiantes que poseen medios tecnológicos como computador, celular y cámaras fotográficas deberán realizar un noticiero (video), en compañía de sus compañeros los cuales deben grabar cada uno en sus casas y luego entregarlo a uno de los compañeros que editara todos los videos mandando un solo video, en este video debe haber un presentador o presentadora que vaya anunciando a su compañera. El video no puede exceder los 15 minutos y no menor a 10 minutos.

Los estudiantes que no poseen medios tecnológicos como computador, celular y cámaras fotográficas deberán realizar un periódico o revista, con la misma información pero de forma escrita, donde lo que harían filmado lo deben hacer en forma escrita, con buen redacción y ortografía, este puede hacer a mano con buena estética; buena presentación, en hojas de block, papel periódico o en su defecto hojas de cuaderno (este solo en caso extremo de no tener block), o en Word, Por otra parte esa revista la puede elaborar con material gráfico como recortes, dibujos, fotos etc, también pueden participar en el vídeo ya sea porque lo hagan y vivan cerca de otro compañero o se lo pueden hacer llegar. Este será al profesor Fabio Restrepo en forma física o una memoria, en el colegio del día 8 de junio.

3. Los estudiantes diagnosticados (certificados) tienen tres opciones: trabajar noticiero en grupo con otros compañeros, trabajar individual con la familia o realizar la revista.

Por otra parte esa revista que la puede elaborar con material gráfico como recortes, dibujos, fotos etc.

4. El noticiero debe de tener las secciones como las noticias en televisión, se emiten por secciones que son presentadas por un equipo de periodistas especializados (estudiantes), estos deben tener en cuenta lo que se evaluara en cada área y la rúbrica de avaluación que esta al final de este documento. Este formato de transmisión le da agilidad y dinamismo a cada sección. el tema a desarrollar en cada noticiero seria las vivencias de familiares, amigos, vecinos. En esta cuarentena
Por ejemplo, pueden manejar estas secciones entre otras, o agregar otras según los requerimientos de cada área, recuerden que en una misma sección pueden haber abordado varias áreas.

· SECCION NACIONAL:desarrolla las noticias de carácter local, regional y nacional, anunciadas desde el centro de noticias; pero desarrolladas por lo corresponsales del país. incluye información política, económica y de orden público.

· SECCION INTERNACIONAL: los informes de esta sección abarcan sucesos ocurridos en los 5 continentes estas noticias por lo general, son de gran impacto porque muestra sucesos de trascendencia en el ámbito socio-político y económico mundial.(familiares y amigos que vivan en otros países)

· SECCION DEPORTIVA: con sus imágenes y comentarios sobre el deporte nacional y mundial, se ha convertido en una sección de distención noticiosa. además cuenta con el apoyo de periodistas deportivos.

· SECCION DE FARANDULA: sus temas son presentados de una manera divertida y amena; concluye anécdotas sobre la vida de personajes famoso en el mundo de espectáculos, comentarios atrevidos, etc.

5. Tener en cuenta las indicaciones de cada área que se detalla a continuación y también se encontraran en cada blog, donde encontraras la teoría y las sugerencias para hacer un mejor trabajo.

Español y lectura crítica: Se evaluará cada uno de los ítems que se encuentran en la rúbrica ubicada en la parte inferior de este documento desde la mirada de la teoría que se encuentra en el blog como técnicas de exposición oral.
Ética: Los invito a realizar sus trabajos con responsabilidad ética, con una asidua reflexión que nos permita en estos días difíciles, valorar cada una de nuestras acciones cotidianas y sobre esto, construir un mensaje que aporte a la visión humana de cada uno de nuestros estudiantes y la comunidad educativa.

Tecnología y emprendimiento Se evaluará la edición y la utilización de los recursos tecnológicos; en los blogs de los profesores encontraras las herramientas y algunos videos donde aprenderás a usarlas.

Ingles: A partir de una actividad de construcción escrita “Project Guideline”, realizada en clase, los estudiantes deben diseñar una entrevista, basados en lo que ya tienen, y formular algunas preguntas de información personal, rutina diaria, cambios de actividades y hobbies apoyados en su vivencia real durante la cuarentena.

Las docentes de inglés producirán un vídeo modelo tipo entrevista para que los estudiantes tengan un derrotero a seguir.

Es necesario que al comienzo del vídeo todos los integrantes del equipo que conformen, se presenten “Introduce yourself”, proporcionando sus datos básicos en inglés, con el fin de poder evaluarlos a todos, no sólo a los que presentarán la entrevista en la sección internacional del noticiero, sino a todos los participantes.

Esto ayudaría a los estudiantes a dinamizar su aprendizaje, hacer algo diferente y que a la mayoría de ellos les gusta, les aporta diversidad, y a nosotras, además de disfrutar con el trabajo que ellos hagan, nos servirá para tener en cuenta varias competencias tanto específicas como blandas y así asignar una valoración positiva en su desempeño.

Religión: Entrevista a la persona de tu familia o hacer una sección del noticiero que sea familia parte fundamental del ser.

- Que extraño desde su creencia religiosa han vivido su fe, al no poder asistir al culto o la semana santa de este año 2020, y como es su experiencia de fe desde su religión.

- Cómo se ha podido involucrar los valores familiares inculcados desde la ética y la religión

- Desde tu ser como adolescente cómo crees que puedes contribuir para una sana convivencia dentro de la familia.

Economía, política y sociales: Mira las noticias, recomiendo Noticias uno de Cable Noticias los fines de semana a las 8 p.m., y responde:

(Escoge uno de los siguientes ítems para trabajar)

Qué relación podríamos ver entre:

a. El Coronavirus y El Capitalismo Mundial

b. El Coronavirus y el Desempleo en Colombia

c. El Coronavirus y El Abuso Laboral

d. El Coronavirus y la Corrupción Política

e. El Coronavirus y la Delincuencia Común

f. El Coronavirus y la Ciencia

g. El Coronavirus t El Socialismo

h. El Coronavirus y relación con socialeS

Cátedra de paz: Siendo la Sana Convivencia una de las bases para la Paz de la Sociedad, junto con la Equidad y Justicia socio-económica; di:

Que acciones debemos reforzar a nivel INDIVIDUAL para contribuir con la Armonía social

Ed. Física: Los alumnos deben documentarse sobre la contribución del ejercicio en algunas patologías como Diabetes, Hipertensión, Lumbar, Artritis, Artrosis de rodilla, Mejora de la circulación entre otras. Con esta información los estudiantes deben hacer una sección para el noticiero en el que ejecutará y explicará (al tiempo de la ejecución) un ejercicio para cada patología. Se inicia con la activación (calentamiento). Esta sección deportiva puede durar máximo 3 minutos. Cada participación debe tener el nombre del corresponsal y la patología trabajada.

Artística: El espacio de artística dentro del noticiero puede ser enfocado desde un informe corto sobre: un artista (pintor, dibujante o fotógrafo, a nivel internacional o nacional,) contar algo de su vida, mostrar algunas de sus obras y hablar de ellas. (en el blog de artes ampliare la información sobre los posibles artistas a trabajar)

6. Después de desarrollar la actividad en forma individual deben hacer un escrito donde cuenten como desarrollaron cada área en el proyecto, explicando cómo aplicaron los conocimientos de cada asignatura. 7. Deben enviar el trabajo de forma virtual con un link de YouTube al correo wilmarflorezc@gmail.com 8. Es muy importante que tengan en cuenta que tanto la teoría como las instrucciones de cada área están en los blogs de cada maestro, y durante este proceso deben crear evidencias de lo que han ido desarrollando.
DURACION (horas):	5 semanas
FECHA DE DEVOLUCION VIRTUAL AL DOCENTE	Todos los avances y trabajos serán enviados a wilmarflorezc@gmail.com, lo envía uno solo por grupo; deben hacer en el formato que se encuentra en la parte de debajo de este documento. Primer avance: mayo 11 Este va en el formato de Excel enviado que contiene nombre del estudiante, grupo, secciones del noticiero (que materia aplica en cada sección), nombre del noticiero. Segundo avance: mayo 25 Deben evidenciar en un audio o video que han adelantado del noticiero, imprevistos u observaciones. Entrega final: junio 8 Debe ser entregado completo y con una dirección de YouTube

VIDEOS QUE TE PUEDEN AYUDAR A CREAR Y DISEÑAR TU NOTICIERO VIRTUAL

CLASE # 7 SEGUNDO PERIODO

GUIA # 3 y # 4

GUIA #3 -#4
GRUPO: 8°7 - 9°s - 10°s - 11°s		PERIODO: II
AREA Y O ASIGNATURA	Español, inglés, economía, tecnología, emprendimiento, artística, ética, religión, ed. Física, catedra de la paz	DOCENTES	Claudia Patricia Salazar Ramírez Leonardo Correa Restrepo Luis Alberto Suaza López Wilmar Augusto Flórez Piedad Álzate Pino Fabio Alberto Restrepo Bermúdez Natalia Vélez Herrera Margarita María Sánchez Arrieta Afife Farah Vásquez Claudia Patricia David Echeverri Luis Eduardo Zapata Jiménez Érica María García Posada (Solo ed. Física) Luis Guillermo López Castro (solo Religión) Elbin Cano Macías (solo catedra ) Andrés Felipe Medina Tamayo (solo religión)
INDICADORES DEL PERIODO	Aprender la realización de una revista digital mediante el uso de las tecnologías y sus herramientas, para generar un contenido con un diseño innovador y que impacte en el público. Crear un espacio de comunicación y visibilización de los docentes y de los estudiantes como sujetos fundamentales en el quehacer académico de la institución. Comunicar acontecimientos relevantes vinculados con el quehacer académico. Fomentar la expresión escrita de los alumnos con su participación directa como redactores y con sus comentarios en cada una de las entradas. Ofrecer recursos y enlaces que sirvan como refuerzo y ampliación a los contenidos de lengua y literatura. Motivar a los alumnos para que expresen sus gustos e inquietudes. Fomentar el gusto por la lectura. Ofrecer a los padres de los alumnos una forma original de conocer las actividades que realizan sus hijos de una manera más cercana
PROCEDIMIENTO: (descripción)	1. Los estudiantes se organizarán en equipos mínimos de 3 máximo de 6, estos equipos pueden estar conformados con estudiantes de los grados 807, 9, 10 y 11. 2. Los estudiantes que no poseen medios tecnológicos como computador, celular y cámaras fotográficas y reciben talleres impresos van a darle continuidad al trabajo que vienen elaborando de revista o periódico, sin embargo, para esta segunda entrega podrán incluir, además de artículos o noticias, otros tipos de textos como afiches, historietas, caricaturas, cómics, grafitis, memes… La idea es que con estos textos icónicos logren plasmar ideas que abarquen los parámetros de las asignaturas que hacen parte del proyecto, de manera que una imagen, historieta, caricatura, meme… sea el trabajo las áreas que consideren, teniendo en cuenta el requerimiento de cada materia que está en esta guía. Este periódico deber tener buena presentación, en hojas de block, papel periódico o en su defecto hojas de cuaderno (este solo en caso extremo de no tener block). Este será entregado en el colegio a nombre del profesor Fabio Restrepo en forma física o una memoria, en las fechas estipuladas en la parte final del documento. 3. Los estudiantes diagnosticados (certificados) tienen tres opciones: trabajar la página en grupo con otros compañeros, trabajar individual con la familia o realizar la revista. Por otra parte, esa revista que la puede elaborar con material gráfico como recortes, dibujos, fotos etc., como se indica en el párrafo anterior. 4. Deben enviar la dirección de la página web a wilmarflorezc@gmail.com, en la fecha que se indique el primer avance 5. Es muy importante que tengan en cuenta que tanto la teoría como las instrucciones de cada área están en los blogs de cada maestro, y durante este proceso deben crear evidencias de lo que han ido desarrollando. LAS ACTIVIDADES DEFINIDAS PARA CADA MATERIA SE DEFINEN A CONTINUACION TECNOLOGÍA Y EMPRENDIMIENTO: los estudiantes deben crear una página en www.wix.com, donde por medio de menú, donde desarrollen las actividades que se describen a continuación en cada una de las áreas, recuerden que entre más herramientas tecnológicas usen mejor será evaluada en esta área, para esto pueden usar podcast(audios), videos, influencer, YouTube, imágenes, foros, juegos, etc., todos los recursos son bienvenidos y recuerden entre más dinámica y creativa sea la página mucho mejores resultados. ESPAÑOL Y LECTURA CRÍTICA: Para todos los grados de 8°7 a 11°3, los criterios para la elaboración de la revista serán los mismos. Es importante aclarar que se tambien evaluará el trabajo en conjunto (LA REVISTA DIGITAL). En los blogger del profesor FABIO RESTREPO, y las profesoras AFIFE FARAH y PIEDAD ALZATE encontrarán la fundamentación teorica de LA REVISTA DIGITAL, EL LOGOTIPO Y EL SLOGAN; estos temas servirán de consulta para desarrollar el proyecto; por eso se va a tener en cuenta la forma, la estructura, los contenidos y la calidad de los artículos; en ellos los estudiantes van a demostrar sus competencias comunicativas y el nivel de desarrollo de las habilidades de escritura que poseen. En la tabla que aparece al final de la guia vas a encontrar los CRITERIOS DE EVALUACIÓN EN LENGUA CASTELLANA – LECTURA CRITICA; en ella se presentan con más detalle los apectos que se tendrán en cuenta en estas dos asignaturas. RELIGIÓN: Se realiza una historieta que hable como aplica la religión en su vida. Realizar una radio novela (podcast) de cómo se vive la religión en familia Realiza un escrito lógico y coherente sobre la influencia delas prácticas religiosas en la vida social actual, ECONOMÍA Y POLÍTICA: Grado Décimo y Once: Realiza un escrito lógico y coherente sobre: (Escoge TRES de los siguientes temas) - La Relación entre el Poder Económico y la Política - La Relación entre la Economía y el mundo del Entretenimiento / Deportivo - La Ciencia y el Poder Económico y Político - Los Medios masivos de comunicación y el Poder Económico – Político - La Relación entre la Educación y El Poder económico –político - La actualidad socio, económica y política de: Colombia - La actualidad socio, económica y política Mundial - Otro y lo especificas Docentes: Farid Castañeda y Margarita María Sánchez A INGLÉS: Objetivo: Promover y crear en nuestros estudiantes una conciencia del cuidado del planeta y el autocuidado, mediante la elaboración grupal, diseño y alimentación permanente del blog o página, teniendo en cuenta la temática, las herramientas proporcionadas, sus conocimientos previos y todos aquellos elementos pertinentes que les permitan presentar un producto de calidad con los requerimientos necesarios y basados en las competencias blandas y específicas de la asignatura. REQUERIMIENTOS. 1. Asignar un título llamativo a su trabajo y relacionado con la temática. 2. Escoger entre las ideas y/o actividades propuestas mínimo 6 y con ellas alimentar la entrada de la página concerniente a la asignatura de inglés. (tienen la opción de proponer otras actividades y usar otras aplicaciones además de las provistas por las docentes, teniendo muy claro, que no deben salirse de la temática ya establecida. 3. Todos los elementos utilizados en la entrada, deberán ser presentados en inglés. 4. Deberá haber mínimo un elemento multimodal (imágenes, audio, vídeo, texto, entre otros), que represente cada una de las habilidades comunicativas que debe manejar cada estudiante (habla, escritura, lectura, escucha). 5. Durante las diferentes asesorías virtuales que se lleven a cabo con las docentes, se les dará más detalladamente las pautas a seguir. 6. Toda esta información, será colgada en los respectivos blogs de las docentes y se les proporcionará también allí, un vocabulario que les ayudará con el desarrollo de su proyecto. A continuación, se enumerarán varias ideas relacionadas con la temática del cuidado del medio ambiente (planeta) y el autocuidado. Además, de algunas opciones de actividades a realizar ligadas a ésta y Apps útiles y amigables con las que pueden desarrollar su proyecto: IDEAS Y/O ACTIVIDADES. - Vídeos de recetas y batidos saludables elaborados en casa. - Tips de belleza. - Recomendaciones de libros - Mensajes positivos. - Retos saludables. - Vídeo de ejercicio elaborado en casa y asesorado por su profesor de educación física. - Tips sobre el manejo de los residuos sólidos. - Elaboración de manualidades con material reciclable. - Elegir un país del mundo que esté a la vanguardia por sus prácticas en el cuidado del medio ambiente. - Tips sobre moda ecológica (uso de materiales amigables para el medio ambiente). - Un avatar que haga la presentación de su proyecto. - Una tira cómica que trate la temática ya establecida. - Una línea de tiempo con el tema del medio ambiente. - Un mural con comentarios positivos. APLICACIONES DE UTILIDAD PARA SU PROYECTO: - Blog : Wix, Blogger, Wordpress - Voki: Avatar - Canvas: Diseño de imagen y texto. - Sutori: línea de tiempo. - Video: vivavideo - Pixton: tira cómica - Mural: padlet - Quik NOTA: Recuerda que debes leer muy bien toda la información, estar muy pendiente de las asesorías y entregas programas. Las docentes de inglés, estaremos atentas a tus dudas e inquietudes, muchas gracias. ÁREA DE CÁTEDRA DE PAZ: Grado Decimo y Once: Realizar un escrito lógico y coherente sobre (Escoge TRES de los siguientes ítems) - Los avances y beneficios del proceso de Paz en Colombia con el grupo ex guerrillero de las Farc - La Relación entre la equidad socio – económica y la Paz - La actualidad de los derechos humanos - La Corrupción política y la sociedad colombiana - El Respeto por la madre naturaleza - Otro y lo especificas Docentes: Elbin Cano Macías y Margarita María Sánchez Arrieta ARTISICA: Cada grupo deberá seleccionar una pintura importante de la historia del arte, aquí un pequeño listado de ejemplo. La monalisa. Leonardo Da Vinci El grito. Edward Munch La noche estrellada. Vincent Van Gogh El Guernica. Pablo Picasso. El hombre de Vitrubio. Leonardo Da Vinci La creación de Adán. Miguel Ángel Buonarotti El jardín de las delicias. El Bosco. Y con esa pintura seleccionada se deben realizar los siguientes puntos. Historia de la pintura. Significado 3 Biografía del artista Hablar del movimiento artístico al que pertenece la obra. (ejemplo, cubismo, arte abstracto, surrealismo, romanticismo, etc.) Escribir una historia a partir de la pintura. Cada equipo debe montar diferentes reinterpretaciones de la pintura, hecha por los miembros del equipo. (una por cada integrante, en dibujo y le toman la fotografía) EDUCACIÓN FÍSICA: Realizar video de rutina de ejercicios de minimo 10 minutos a tu elección entre las siguientes propuestas: 1.De preparación Física para un deporte en específico( futbol,baloncesto,voleibol y otros ) 2.Para Gluteos,abdomen,piernas y brazos 3.Para reducir cintura y abdomen 4.Aerobicos 5.Tonificar 6.Entrenamiento para cardio 7.Otras propuestas En la ejecución de la rutina DEBEN interactuar todos los integrantes del grupo( Musicalizacion,descripción,subtitulos de apoyo,ambientacion ÉTICA: Podría pensarse qué en nuestros tiempos, quedaron atrás los actos propios de la responsabilidad ética de las personas que frente a sus compromisos académicos y profesionales asumían criterios de transparencia y pulcritud sobre sus investigaciones y compromisos pertinentes. Hoy más que nunca, generan grandes interrogantes las acciones de muchas personas que se lucran del trabajo de otros, a través del denominado plagio para alcanzar sus intereses. Vemos con preocupación en nuestra experiencia como docentes, que los estudiantes copian y transmiten entre ellos las investigaciones requeridas en las áreas de conocimiento y las hacen públicas sin el más objetivo discernimiento, coherencia y transparencia, todo por el afán de “cumplir” o conseguir una nota. Preocupa igualmente la dificultad de asumir compromisos frente a los retos de la formación, por eso a nivel interdisciplinar abogamos por acoger y transmitir información regida por parámetros de transparencia, integridad y veracidad. Todas las actividades que realizaremos durante este segundo período nos enseñará a ser más competentes, autónomos, libres y valiosos con criterios para saber discernir cada acción. Deben tener presente que cometer plagio y no respetar los derechos de autor, nos puede llevar a experimentar dificultades jurídicas, penales e incluso económicas; pero más allá de esto, es la posibilidad de reconocer una mediocridad latente ya que esos actos perjudica nuestra formación y cualificación a largo plazo, nos encumbra al empobrecimiento y nos vuelve menos capaces, creativos e innovadores. A nosotros no nos gustaría que se aprovecharan de nuestro trabajo, por lo tanto, los invito a no aprovecharse de la responsabilidad y capacidades de otros. ACTIVIDAD De manera libre y responsable los invito a que realicen un video donde de manera conjunta nos permitan comprender el sentido de la ética en los aspectos inherentes al conocimiento, la investigación y la apropiación de la información y datos. Propuestas: video-cuento-noticia-reportaje-entre otros. Tener presente: 1. El uso, el reconocimiento y el respeto por las fuentes. 2. La responsabilidad por la veracidad y la calidad del trabajo realizado. 3. Evitar la adulteración y el fraude. 4. Saber citar y asignar los derechos de autor.
DURACION (horas):	2 PERIODO ACADÉMICO
FECHA DE DEVOLUCION VIRTUAL AL DOCENTE	El primer avance será enviado a wilmarflorezc@gmail.com, lo envía uno solo por grupo; deben hacer en el formato que se encuentra en la parte de debajo de este documento. A partir del segundo avance se verá evidenciado directamente en las páginas web de cada grupo, que debe ser actualizado para cada fecha, y los contenidos de cada avance se definirán en las asesorías que reciben de cada maestro, estos indicaran que deben tener publicado para cada materia. Primer Avance: Junio 15 Este va en el formato de Word enviado que contiene nombre del estudiante, grupo, y dirección de la página web, nombre de la revista, su logo y eslogan. Segundo Avance: Julio 6 En esta deben evidenciar lo que han actualizado con cada profesor en las asesorías Tercer Avance: Agosto 3 Para esta entrega el proyecto debe estar al 50% de los avances totales del proyecto, para este momento en las asesorías los maestros harán retroalimentación del proyecto y sugerencias de mejora Entrega Final 21 de Agosto

FORMATO EVIDENCIA #1 (esta tabla en Word no en otro formato y se envía)

Nombre completo	Grupo (ejemplo 1002)	Nombre de la revista, logo y eslogan	Dirección web de la página ej. https://sadepsedecentral.wixsite.com/sedecentral

CRITERIOS DE EVALUACIÓN

LENGUA CASTELLANA – LECTURA CRITICA

NOMBRE ______________________________________________________ GRADO: _____ FECHA: ______________

ITEM	CRITERIOS DE EVALUACIÓN	PUNTAJE
ITEM	CRITERIOS DE EVALUACIÓN	1	2	3	4	5
PRESENTACIÓN	Portada
	Nombre de la revista
	Logotipo
	Slogan
	Editorial
	Indice
CONTENIDO	Grado de profundidad en cada artículo.
	Coherencia entre título y contenido
	Seguridad y dominio de conceptos claves.
	Capacidad de sintesis y claridad en la información trasmitida
	Artículos coherentes y bien estructurados (Control apropiado de los elementos para organizar y conectar sus ideas.).
	El texto (artículo): Títulos, subtítulos, destacados, cuerpo y epígrafes
TEXTO PERIODISTICO (Los artículos)	Título
	La introduccion al tema.
	Desarrollo del tema.
	Conclusiones y/o sugerencias practicas
	Material de apoyo
DISEÑO	Las imágenes: fotografías, los iconos, y los vectoriales.
	Avisos y encartes publicitarios
	Elementos como infografías, mapas, ilustraciones; entre otros
	Los estilos de tipos de fuentes