Clase 11 internet aplicada a la educacion

Post on 02-Jul-2015

718 views 1 download

description

Clase 11 internet aplicada a la educacion

Transcript of Clase 11 internet aplicada a la educacion

Lic. Salomón Aquino

Agenda de la clase:

1. Objetivos de la clase.

2. Preguntas orientadoras de la investigación de cátedra

3. Historia y fundamentos de Internet.

4. Lenguaje HTML básico

5. Fin de la clase

1. Objetivos de la clase:

•Mencionar los puntos clave de la historia del Internet.•Explicar el protocolo TCP/IP•Elaborar paginas web utilizando lenguaje HTML

Al finalizar la clase los

alumnos serán

capaces de:

Preguntas orientadoras de la investigación de cátedra:

¿Cuál es el impacto de las TIC en la educación?

¿Cómo podemos incorporar las TIC en la educación?

1. Impacto en los Docentes

2. Impacto en los Alumnos

3. Impacto en el hogar.

4. Impacto en la administración escolar.

5. Impacto en la enseñanza de la matemática

6. Impacto en la enseñanza de las ciencias

naturales

7. Impacto en la enseñanza de las ciencias

sociales

8. Impacto en la enseñanza de Lenguaje y

Literatura

9. Impacto en la enseñanza del idioma Ingles

10. Impacto en la enseñanza de Educación

Física y Deportes.

11. Impacto en la enseñanza en Educación

Parvularia

12. Impacto de la enseñanza en Educación

Básica.

Usos educativos de aplicaciones informáticas:

1. Uso educativo de los procesadores de palabra (Word, etc)

2. Uso educativo de las hojas electrónicas (Excel, etc)

3. Uso educativo de las presentaciones (PowerPoint, etc)

4. Uso educativo del internet

5. Uso educativo de los blogs

6. Uso educativo de los Wikis

7. Uso educativo de Facebook

8. Uso educativo de Twitter

9. Uso educativo de la computación en la nube

(GoogleDocs, SkyDrive, DropBox)

10. Uso educativo de delicious.com

11. Uso educativo de slideshare.net

12. Uso educativo de Youtube.com

Historia de Internet:

La Advanced Research Projects Agency NETwork (ARPANET) es la predecesora de

Internet:

- Propuesta del Departamento de Defensa de USA

- Desarrollada por un conjunto de ingenieros informáticos

- Surgió en 1969

- Disuelta en 1990. Objetivo cumplido

- La tecnología engendró Internet

- Red de paquetes.

- Basada en el protocolo TCP/IP

Los países en gris disponen de

Internet en la actualidad

Mapa de Internet:

Protocolo TCP/IP

Transmission Control Protocol / Internet Protocol (TCP/IP)

Estos protocolos permiten el intercambio de información entre los computadores conectados a Internet.

TCP rompe los mensajes en paquetes

- Cada paquete contiene la información para viajar de red en red hasta el destino

- Los routers determinan la ruta de transmisión de los paquetes

La IP es la dirección de una PC

- Cada PC de internet tiene una dirección IP única.

- La IP es un número de 32 bits con 4 campos decimales separados por puntos: a.b.c.d (donde a,b,c,y d son números entre 0 y 255)

- P.e. 130.206.133.134

DNS y Nombres de dominio

Para los humanos es más fácil utilizar nombres de dominio en vez de direcciones IP.

- Ejemplo de Direccion IP 74.125.229.36

- Corresponde al nombre de dominio: www.google.com

DNS (sistema de nombres de dominio): traduce las direcciones IP en nombres.

Los computadores dedicados a DNS no tienen toda la relación de nombres pero están comunicados entre si.

Dominios temáticos: Dominios de países:

.com Empresas comerciales .es España

.edu Entidades educativas .co Colombia

.org Organizaciones sin ánimo de lucro .pt Portugal

.net Redes y proveedores de servicios .ca Canadá

.gov Entidades gubernamentales .mx Méjico

.mil Organismos militares .us Estados Unidos

.int Entes internacionales

.biz Business (negocios)

Ejemplos de dominios:

amnesty.org Amnistía Internacional

greenpeace.org Greenpeace

eu.int Unión Europea

Enredando.com En.red.ando revista española sobre Internet

unsystem.org Sistema de Naciones Unidas

Tipos de dominio:

Nombres de dominio

El Internet Ad Hoc Committee recientemente creó siete

nuevos dominios genéricos.

- .aero Organizaciones de transporte aéreo

- .biz Negocios

- .coop Negocios cooperativos

- .infoServicios de información

- .museum Museos

- .name Registro personal por nombre

- .pro profesionales licenciados

Lenguaje HTML básico

Lenguaje HTML

HTML es un lenguaje de

programación que se utiliza

para el desarrollo de páginas

de Internet.

Se trata de la siglas que

corresponde a HyperText

Markup Language, es

decir, Lenguaje de Marcas

de Hipertexto.

Las etiquetas

El formato general a seguir:

- <etiqueta>contenido</etiqueta>

La inclusión de comentarios que no se ven:

- <! Comentario>

Las etiquetas que nunca deben faltar:

- <HTML></HTML>

- <HEAD></HEAD>

- <BODY></BODY>

Formateo elemental de textos

Encabezamientos

- <H1></H1>...........<H6></H6>

Salto de párrafo

- <P></P>

Centrado

- <CENTER></CENTER>

Negrita y Cursiva

- <B></B> <I></I>

Atributos de etiquetas

Alineación de párrafos

- Izquierda: ALIGN=left (opción por defecto)

- Derecha: ALIGN=right

- Centrado: ALIGN=center

Utilización.

- <p ALIGN=opción>

Creación de listas

Listas no ordenadas

- <UL>

- <LI>

- </UL>

Listas ordenadas

- <OL>

- <LI>

- </OL>

Añadir viñetas a las listas

Sintaxis general

- <UL TYPE=atributo>

- <OL TYPE=atributo>

Atributos listas no ordenadas

- DISC, CIRCLE, SQUARE

Atributos listas ordenadas

- 1, A, I

Otras etiquetas

Línea horizontal <HR>

Atributos de <HR>

- <HR NOSHADE SIZE=valor WIDTH=“porcentaje” ALIGN=valor>

La etiqueta <BLINK>

- <BLINK> ¡Hola Salomon! </BLINK>

Inclusión de imágenes

Formatos principales GIF y JPEG

Sintaxis:

- <IMG SRC= “imagen.gif” >

Atributos

- <IMG SRC= “imagen.gif” HEIGHT= valor WIDTH= valor >

Alineación

- <IMG SRC= “imagen.gif” ALIGN= top >

Fondos

Pueden ser: Texturas, Imágenes y Colores

Sintaxis:

- <BODY BACKGROUND= “fondo.gif” >

- <BODY BGCOLOR= “color” >

Creación de hiperenlaces

Permiten enlazar dos páginas cualesquiera independientemente de la

ubicación de cada una: local o en red. (ejemplo hiperenlace 1)

Ejemplos:

- <A HREF= “http://www.elpais.es” > Diario El País </A>

- <A HREF= “pagina.html” > Página1 </A>

- <A HREF= “http://www.uam.es” ><IMG SRC= “imagen.gif” ></A>