Grado Undécimo

INSTITUCION EDUCATIVA NUEVO HORIZONTE.GIRARDOT, CUNDINAMARCA

GRADO: UNDECIMO  AREA DE TECNOLOGIA E INFORMATICA

 DOCENTE: MARIA ANGELICA CASTIBLANCO ESPINOSA

TIEMPO DE DESARROLLO: 4 SEMANAS

COMPETENCIA Y COMPONENTE:   Relacionar los conocimientos científicos y tecnológicos que se han empleado en diversas culturas y regiones del mundo a través de la historia para resolver problemas y transformar el entorno, recopilando y valorando información, opiniones y argumentos de otros sobre los mismos, con actitud tolerante y constructiva.

APRENDIZAJE (TITULO):   ALFABETIZACION DIGITAL Y LAS REDES SOCIALES 

SABERES PREVIOS (LO QUE DEBE SABER EL ESTUDIANTE): Manejo del computador, manejo básico del sistema operativo Windows, Manejo básico de la Internet, consultas en diferentes páginas web.

ESTRUCTURACION (PRACTICA):  Debes leer atentamente los siguientes contenidos sobre la Alfabetización digital, si deseas complementar estos temas te invito a que ingreses a mi blog:  https://tic-mace.blogspot.com/ 

ALFABETIZACION DIGITAL Y LAS REDES SOCIALES

Nos encontramos en un tiempo de transformaciones y cambios históricos.  Los objetos culturales físicos del siglo XX están desapareciendo y se están transformando en nuevos objetos en formato digital.  Por ejemplo los libros, enciclopedias, revistas, periódicos, cassettes, discos, están evolucionando gracias a la internet, los cuales podemos consultar por medio de tablets, Smartphone, computadoras entre otras.  Es decir los objetos culturales físicos del siglo XX cambian a la información digital en el siglo XXI.  Años atrás se consideraba analfabetismo a la carencia de la lectoescritura en el ciudadano, es decir una persona analfabeta es aquella que no sabía leer ni escribir.    En estos tiempo de evolución tecnológica se considera a las personas que no saben emplear correctamente las TIC como analfabetas digitales.  Pero para entrar en este mundo cibernético, en esta era de la alfabetización digital debemos considerar que el ciudadano alfabeto digital debe   crear una identidad digital en internet, teniendo en cuenta que la Identidad digital es el conjunto de características que nos identifican dentro de la red. Esta identidad la creamos de acuerdo a nuestro perfil, sin excedernos, sin subir a la nube toda nuestra vida, porque es allí, donde corremos riesgos y podemos encontrar muchos peligros que afectan nuestra integridad física y psicológica.  Teniendo en cuenta que lo que se sube a la internet siempre queda allí.

En esta alfabetización digital podemos trabajar el aprendizaje informal, el cual responde  la necesidad de resolver un problema al resultado de un proceso de socialización o intereses personal, y su espacio natural es la internet y las redes sociales.  Lógicamente en la internet encontramos el proceso de aprendizaje formal, el cual lo ofrecen diferentes establecimientos educativos, tales como colegios, universidades, instituciones técnicas y tecnológicas, y es allí donde nos beneficiamos de la virtualidad para obtener un título que nos acredite en dicha formación, empleando las TIC “Tecnología de la Información y la comunicación” como herramientas multimediales para el proceso enseñanza y aprendizaje. 

La internet es una red de redes, la tecnología avanza constantemente, ahora se emplea el concepto de la web 2.0, el cual es un mundo de aplicaciones y recursos, estos recursos nos permiten almacenar información (dropbox, onedrive, etc), visualizar y escuchar audios (Youtube), digitar textos (Scribd), presentaciones multimediales (Prezi), espacios de publicación de paginas web (Blogger, wix), consultar e investigar diferentes temas (google, yahoo, etc), comunicación o redes sociales (Facebook, twitter, etc).  En la parte pedagógica la web 2.0 podria representar una serie de actividades humanas, el uso de bibliotecas universales virtuales, mercado global (venta y compra de productos y servicios), comunicación multimedia y audiovisual, lugares de encuentro (redes sociales), juegos online, en conclusión es un nuevo territorio de la experiencia humana.  Por lo tanto la alfabetizacion digital es formación de la ciudadanía 2.0 para la participación del uso inteligente y social de los recursos educativos digitales.  

Ser alfabeto digital en el siglo XXI es: 

•        Ser capaz de comprender, analizar, entender y exponer sus conocimientos.
•        Ser capaz de poder representar sus ideas en diferentes formatos textos, imágenes, multimedia.
•        Ser capaz de mantener una comunicación con otros usuarios de forma respetuosa a través de la red.

Aspectos positivos y negativos de la alfabetización digital podrían considerarse de la siguiente forma:

POSITIVOS

NEGATIVOS

ü  El acceso fácil y rápido a las nuevas tecnologías y herramientas multimediales. ü  Buen uso de la identidad digital ü  Autonomía, autodisciplina y autoaprendizaje. ü  Aprendizaje informal. ü  Aprendizaje virtual empleando las TIC. ü  Experiencias sincrónicas y asincrónicas. ü  Variedad en servicios virtuales de almacenamiento, de videos, de consultas y de redes sociales. ü  Comunicación en línea hacia cualquier parte del mundo, a través de las redes sociales.

ý  Vicios informáticos (adicción a los juegos en línea, redes sociales, entre otras). ý  Contaminación visual y auditiva.  ý  Aislamiento en el entorno familiar y social. ý  Seguridad personal. ý  Finalización de la privacidad ý  Necesidad de estar al día y de moda.

Para comprender aún más sobre la alfabetización digital debemos tener en cuenta los términos sobre dominios en internet.  Los nombres de dominio, son la traducción para las personas de las direcciones IP, las cuales son útiles sólo para las computadoras. Así por ejemplo, yahoo.com es un nombre de dominio. Como se puede ver, los nombres de domino son palabras separadas por puntos, en vez de números en el caso de las direcciones IP.

La última palabra del nombre de dominio representa en  que tipo de organización posee el servidor al que nos referimos:

·         com Empresas (Companies). ·         edu Instituciones de carácter Educativo.

·         org Organizaciones no Gubernamentales. ·         gov Entidades del Gobierno. ·         mil Instalaciones Militares.

La última palabra indica el país:

·         es España ·         fr Francia ·         uk Reino Unido (United Kingdom)

·         it Italia ·         jp Japón ·         au Australia

·         ch Suiza ·         ir Irlanda ·         co Colombia

Uno de los servicios que más empleamos hoy en día son los correos electrónicos o e-mail (Electronic mail), el cual es un servicio de red que permite a los usuarios enviar y recibir mensajes, así como archivos adjuntos rápidamente (también denominados mensajes electrónicos o cartas electrónicas) mediante sistemas de comunicación electrónicos. Principalmente se usa este nombre para denominar al sistema que provee este servicio en Internet, mediante el protocolo SMTP, aunque por extensión también puede verse aplicado a sistemas análogos que usen otras tecnologías. Por medio de mensajes de correo electrónico se puede enviar, no solamente texto, sino todo tipo de documentos digitales. Su eficiencia, conveniencia y bajo coste han logrado que el correo electrónico desplace al correo ordinario para muchos usos habituales.  Un ejemplo es usuario@servicio.com, que se lee usuario arroba servicio punto com. El signo @ (llamado arroba) siempre está en cada dirección de correo, y la divide en dos partes: el nombre de usuario (a la izquierda de la arroba; en este caso, persona), y el dominio en el que está (lo de la derecha de la arroba; en este caso, servicio.com). La arroba también se puede leer "en", ya que usuario@servicio.com identifica al usuario que está en el servidor servicio.com.

Otro de los servicios más utilizados son las redes sociales, estos son sitios y aplicaciones que operan en niveles diversos  pero siempre permitiendo el intercambio de información entre personas y/o empresas.  Las redes sociales son estructuras formadas en Internet por personas u organizaciones que se conectan a partir de intereses o valores comunes. A través de ellas, se crean relaciones entre individuos o empresas de forma rápida, sin jerarquía o límites físicos.  Surgieron en la década de 1990, con Internet disponible, que la idea de red social emigró también al mundo virtual.

Los Recursos Educativos Digitales “RED” Son materiales compuestos por medios digitales y producidos con el fin de facilitar el desarrollo de las actividades de aprendizaje. Un material didáctico es adecuado para el aprendizaje si ayuda al aprendizaje de contenidos conceptuales, ayuda a adquirir habilidades procedimentales y ayuda a mejorar la persona en actitudes o valores.  Las nuevas Tecnologías de la Información y la Comunicación se han creado en función de la educación para motivar a los estudiantes, ya que esta es la clave del aprendizaje.  El aprendizaje debe ser divertido, entretenido.  Aún quedan aulas de clases donde no incluyen las TIC, es decir las aulas analógicas.

TRANSFERENCIA (COMPROMISO):

Debes desarrollar cada una de las actividades y al finalizarlas debes tomar una foto (nítida) o escanearlas y enviarlas al correo electrónico:  mariangelica.castiblanco@gmail.com.   Ten en cuenta Digitar en el asunto:  el grado, tus Apellidos y tu nombre, por ejemplo:   ASUNTO: 1101 GARCIA GOMEZ LUIS ARTURO, redactas un mensaje y adjuntas los archivos. 

ACTIVIDAD No. 1.  (Fecha máxima de entrega lunes 27 de abril).

Recorta, pega y resuelve el siguiente crucigrama en tu cuaderno de tecnología e informática.

 

ACTIVIDAD No. 2.  (Fecha máxima de entrega viernes 1 de mayo).  

En tu cuaderno de Tecnología e Informática, formula 10 preguntas con sus respectivas respuestas sobre el tema de alfabetización digital y las redes sociales.

ACTIVIDAD No. 3. (Fecha máxima de entrega viernes 8 de mayo).

En tu cuaderno de Tecnología e Informática, diseña un mapa mental sobre el análisis de la lectura “Alfabetización digital y las redes sociales”.

ACTIVIDAD No. 4.  (Fecha máxima de entrega viernes 15 de mayo).

De manera creativa diseña un cartel informativo sobre el buen uso de las redes sociales y la internet, teniendo en cuenta el cuidado y la responsabilidad que se debe tener en el momento de utilizar la internet y las redes sociales.  Este cartel debe ser escrito y con dibujos, donde expreses tu creatividad, en el material que desees.  (Debes conservarlo para sustentarlo cuando regresemos al aula de clases). 

EVIDENCIA (ENTREGABLE):

Foto (nítida) o escanear las actividades y enviarlas al e-mail:  mariangelica.castiblanco@gmail.com.   Ten en cuenta Digitar en el asunto:  el grado, tus Apellidos y tu nombre, por ejemplo:   ASUNTO: 1101 GARCIA GOMEZ LUIS ALFREDO, redactas un mensaje y adjuntas los archivos.  

INSTITUCION EDUCATIVA NUEVO HORIZONTE.GIRARDOT, CUNDINAMARCA

GRADO: UNDECIMO AREA DE TECNOLOGIA E INFORMATICA

 DOCENTE: MARIA ANGELICA CASTIBLANCO ESPINOSA

TIEMPO DE DESARROLLO: CINCO (5) SEMANAS DEL 26 DE MAYO AL 26 DE JUNIO 2020

COMPETENCIA Y COMPONENTE:   Tener en cuenta principios de funcionamiento y criterios de selección, para utilización planeada, eficiente y segura de artefactos, productos, servicios, procesos y sistemas tecnológicos del entorno reorientando acciones en caso de que los resultados no sean satisfactorios en ambiente de tolerancia y solidaridad.

.

APRENDIZAJE (TITULO):   HTML.  PROYECTO DE AREA EL BUEN USO DE LAS REDES SOCIALES Y LA INTERNET “EL USO EXCESIVO DEL CELULAR PODRÍA CAMBIAR SU CEREBRO” Y “EL CIBERACOSO Y SU INFLUENCIA EN LAS DINAMICAS EDUCATIVAS DE LOS ADOLESCENTES COLOMBIANOS”.

SABERES PREVIOS (LO QUE DEBE SABER EL ESTUDIANTE): Manejo del computador, manejo básico del sistema operativo Windows, Manejo básico de la Internet, consultas en diferentes páginas web.

ESTRUCTURACION (PRACTICA):  Debes leer atentamente los siguientes contenidos sobre  HTML.  PROYECTO DE AREA EL BUEN USO DE LAS REDES SOCIALES Y LA INTERNET “EL USO EXCESIVO DEL CELULAR PODRÍA CAMBIAR SU CEREBRO” Y “EL CIBERACOSO Y SU INFLUENCIA EN LAS DINAMICAS EDUCATIVAS DE LOS ADOLESCENTES COLOMBIANOS”., si deseas complementar estos temas te invito a que ingreses a mi blog:  https://tic-mace.blogspot.com/p/grado-undecimo.html

HTML

El HTML (Hyper Text Markup Language) es un sistema para estructurar documentos. Estos documentos pueden ser mostrados por los visores de páginas Web en Internet, como Netscape, Mosaic o Microsoft Explorer. Básicamente, el HTML consta de una serie de órdenes o directivas, que indican al visor que estemos utilizando, la forma de representar los elementos (texto, gráficos, etc..) que contenga el documento.  Las directivas de HTML pueden ser de dos tipos, cerradas o abiertas.

Las directivas cerradas son aquellas que tienen una palabra clave que indica el principio de la directiva y otra que indica el final. Entre la directiva inicial y la final se pueden encontrar otras directivas.

Ejemplo:

<CENTER> Mi página Web </CENTER>

Las directivas cerradas incluyen el carácter / antes de la palabra clave para indicar el final de la misma.

Las directivas abiertas constan de una sola palabra clave. Para diferenciar las directivas del resto del texto del documento se encierran entre los símbolos < y >. Una directiva puede contener "parámetros", estos parámetros se indican a continuación de la palabra clave de la directiva.

Ejemplo:

Directiva abierta

<HR>

Directiva con parámetros

<BODY bgcolor="#FF0000"> </BODY>

Los ficheros que contienen documentos HTML suelen tener la extensión .html o .htm.  Se deben tener en cuenta los siguientes criterios a la hora de escribir la sintaxis de las directivas de HTML:

1.      Las directivas se indican en letra mayúscula.

2.      Los parámetros de las directivas se indican en letra minúscula.

3.      El resto de elementos se indican en letra normal.

 

 

ESTRUCTURA BÁSICA DE UN DOCUMENTO HTML

 

Un documento HTML comienza con la etiqueta <html>, y termina con </html>. Dentro del documento (entre las etiquetas de principio y fin de html), hay dos zonas bien diferenciadas: el encabezamiento, delimitado por <head> y </head>, que sirve para definir diversos valores válidos en todo el documento; y el cuerpo, delimitado por <body> y </body>, donde reside la información del documento.

La única utilidad del encabezamiento en la que nos detendremos es la directiva <title>, que permite especificar el título de un documento HTML. Este título no forma parte del documento en sí: no aparece, sino que se visualiza como el título de la ventana del programa que nos la muestra.
La estructura básica de un documento HTML queda de la forma siguiente:

<html>

<head>

<title>Título</title>

</head>

<body>

Texto del documento, menciones a gráficos, enlaces, etc.

</body>

</html>

ATRIBUTOS DEL TEXTO

Mediante estos atributos determinamos el estilo y el tipo de letra que tendrá la presentación del documento final.  En esta tabla describiremos los atributos que se pueden asignar al texto:

ATRIBUTO	DIRECTIVA	EJEMPLO
NEGRITA	<B></B>	<B>TEXTO CON NEGRITA</B>
CURSIVA	<I></I>	<I>TEXTO EN CURSIVA</I>
SUBRAYADO	<U></U>	<U>TEXTO SUBRAYADO</U>
SUPERÍNDICE	<SUP></SUP>	<SUP>TEXTO SUPERÍNDICE</SUP>
SUBINDICE	<SUB></SUB>	<SUB>TEXTO SUBÍNDICE</SUB>
CENTRAR	<CENTER></CENTER>	<CENTER>TEXTO CENTRADO</CENTER>
TIPO DE FUENTE	<FONT FACE=”ARIAL”></FONT>	<FONT FACE=”ARIAL”>FUENTE ARIAL</FONT>
TAMAÑO FUENTE	EL TAMAÑO VA DEL 1(menor) AL 7 (grande), SE PUEDE INCREMENTAR CON EL SIGNO + O REDUCIR CON EL SIGNO - <FONT SIZE=+2></FONT>	<FONT SIZE=+2>AUMENTADO EL DOBLE</FONT>
COLOR FUENTE	<FONT COLOR=”BLUE”></FONT> <TEXT COLOR> </TEXT COLOR>	<FONT COLOR=”BLUE”>TEXTO DE COLOR AZUL</FONT>

EDICIÓN DE LA PÁGINA WEB

Entrar al editor de textos (Bloc de notas) y crear un archivo nuevo; es necesario colocarle la extensión htm o html al archivo para que lo pueda visualizar en el navegador. Por ejemplo: el archivo se le puede dar el nombre de prueba.htm

Internet Explorer: Se debe buscar el icono que representa al archivo prueba.htm, en la carpeta donde se haya guardado, se ubica el puntero del mouse sobre el archivo y con click contrario elegimos Abrir con y allí damos click en el icono del internet Explorer.

 

COLOR

 

Con el fin de hacer un documento más agradable y atractivo a la vista, es necesario en algunas ocasiones resaltarlo con un color diferente. Esto se puede aplicar al fondo, a un enlace, al texto, a una palabra o a una letra. Para poder representar un color en html, se deben utilizar 6 números hexadecimales o el color en inglés. Ejemplo:

ROJO                         FF0000

VERDE                       00FF00

AZUL                          0000FF

MAGENTA                  FF00FF

VIOLETA                     9900DD

ROSA CLARO             FFDDFF

Se pueden combinar hasta que encuentre el color deseado. Tomando los colores básicos de la tabla anterior puede variar los números (0-9) o las letras (A-F).

Html también acepta los nombres de los colores en inglés, por ejemplo "RED" en lugar de "FF0000", o "BLUE" en lugar de "0000FF", pero tiene la limitante de que solamente reconoce unos cuantos colores.

Se pueden seleccionar los colores deseados desde el inicio del documento en la etiqueta <BODY> </BODY> por ejemplo:

<BODY BGCOLOR="#FFFFFF" TEXT="#FF0000" LINK="#00AEFF">
donde:

BGCOLOR es el color del fondo.
TEXT es el color del texto.
LINK es el color del enlace.

Ojo: En este ejemplo se ve que antes del color siempre se coloca el signo "#".

Para definir un párrafo como normal, lo único que hay que tener en cuenta, es que al presentar el documento se hace caso omiso de los espacios, tabulaciones y retornos que se encuentren en el texto fuente. Por ello cuando se quiera forzar un final de línea es necesario utilizar dos directivas especiales: <p> para marcar un fin de párrafo, es decir dos enter y <br> para un único retorno. Las dos directivas mencionadas se sitúan en el punto en que queremos poner la separación.
El texto preformateado (etiqueta <pre>) se aplica cuando queremos que en la presentación final del documento se respeten los espacios y retornos que hayamos puesto en el texto fuente.

Para hacer una cita textual dentro de nuestro documento, se puede utilizar la directiva <blockquote>:

<BLOCKQUOTE>TEXTO EJEMPLO<BR>AUTOR(LIBRO)</BLOCKQUOTE>

<blockquote>Muchos años después, frente al pelotón de fusilamiento,

el coronel Aureliano Buendía había de recordar aquella tarde remota

en que su padre lo llevó a conocer el hielo.<br>

(Gabriel García Márquez, Cien años de soledad)</blockquote>

Muchos años después, frente al pelotón de fusilamiento, el coronel Aureliano Buendía había de recordar aquella tarde remota en que su padre lo llevó a conocer el hielo.
(Gabriel García Márquez, Cien años de soledad)

DIRECCIONES

Las direcciones de correo electrónico se suelen marcar con esta directiva:

<address>Dirección: webmaster@etsit.upm.es</address>

Dirección: webmaster@etsit.upm.es

 

 

ESTILOS Y EFECTOS BÁSICOS

La estructura lógica del texto y los diferentes efectos que se le apliquen se especifican mediante directivas. Primero se presenta el texto original HTML, es decir, lo que se editó, con las directivas situadas en los lugares indicados; y después se presenta el efecto que dicho texto fuente produce una vez que se interpreta y se representa con el programa adecuado.

 

ENLACES

Los enlaces en HTML se expresan con la directiva <a> rodeando el objeto (que puede ser un fragmento de texto o un gráfico) que vaya a servir como anclaje para el enlace. Por ejemplo, si marcamos con <a> un gráfico, cuando en el documento final se pulse con el mouse sobre dicho gráfico saltaremos al objeto referenciado en el enlace: otro documento, un vídeo musical.

 

QUÉ ES UN URL

Para especificar de manera uniforme el objeto al que apunta nuestro enlace, se utiliza una forma estandarizada que se denomina URL (Uniform Resource Locator, es decir, Localizador Uniforme de Recursos). Un URL está formado de la siguiente manera:esquema://maquina/ruta (en realidad, como se verá dentro de un momento, la barra / puede considerarse parte de la ruta).

El esquema es un nombre que identifica el tipo de servicio que va a proporcionarse en el destino del enlace. La razón de esta aparente complicación es que el WWW pretende unificar el acceso a servicios de información que previamente eran incompatibles entre sí, El esquema más utilizado es http, correspondiente al propio WWW, La máquina y la ruta sirven para localizar el objeto al que apunta nuestro enlace. La máquina es la identificación del servidor en el cual está situado el objeto al que apunta el enlace. Puede ser simplemente el nombre de un ordenador también un nombre y un puerto; La ruta es el nombre del fichero que contiene el documento, incluyendo el nombre del subdirectorio en el que se encuentra.

Es decir, que antes del objeto elegido debemos abrir con <a href="URL">, y después cerrar con </a>.

 

LINK

 

<A HREF="C:\HTML\PRUEBA.HTML">SEBAS</A>

ACTIVIDAD  1.  (DEL 26  AL 29 DE  MAYO)

    1. Decora en tu cuaderno en una hoja horizontal “Segundo periodo”  como tu lo desees “Se creativo” y escribe los dos valores que tendremos en cuenta durante este segundo período que son EL RESPETO Y LA TOLERANCIA.  Le tomas foto con tu nombre completo, grado y lo envías a mi whatsapp 3053930895 o a mi correo electrónico:  mariangelica.castiblanco@gmail.com).

1.    Según el tema en HTML Diligencia el siguiente crucigrama. (Dibujalo en el cuaderno). Le tomas una foto con tu nombre completo, grado y lo envías a mi whatsapp 3053930895 o a mi correo electrónico:  mariangelica.castiblanco@gmail.com).