SlideShare una empresa de Scribd logo
1 de 23
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:



  Al finalizar   •Mencionar los puntos clave
 la clase los    de la historia del Internet.
   alumnos       •Explicar el protocolo TCP/IP
     serán       •Elaborar paginas web
   capaces       utilizando lenguaje HTML
       de:
Preguntas orientadoras de la
investigación de cátedra:
                      1.    Impacto en los Docentes
                      2.    Impacto en los Alumnos
                      3.    Impacto en el hogar.
 ¿Cuál es el          4.    Impacto en la administración escolar.

 impacto de las TIC   5.
                      6.
                            Impacto en la enseñanza de la matemática
                            Impacto en la enseñanza de las ciencias
 en la educación?     7.
                            naturales
                            Impacto en la enseñanza de las ciencias
                            sociales
                      8.    Impacto en la enseñanza de Lenguaje y
 ¿Cómo podemos        9.
                            Literatura
                            Impacto en la enseñanza del idioma Ingles
 incorporar las TIC   10.   Impacto en la enseñanza de Educación

 en la educación?     11.
                            Física y Deportes.
                            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.
Tipos de dominio:

 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
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
 - .info Servicios 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>
Clase 11 internet_aplicada_a_la_educacion (5)

Más contenido relacionado

Destacado

Clase 4 orientaciones_tecnico_pedagogicas_de_las_ntic_s_en_el_pea
Clase 4 orientaciones_tecnico_pedagogicas_de_las_ntic_s_en_el_peaClase 4 orientaciones_tecnico_pedagogicas_de_las_ntic_s_en_el_pea
Clase 4 orientaciones_tecnico_pedagogicas_de_las_ntic_s_en_el_peavictorlopezzz
 
Clase 9 formato de paginas en word 2010
Clase 9 formato de paginas en  word 2010Clase 9 formato de paginas en  word 2010
Clase 9 formato de paginas en word 2010victorlopezzz
 
Evolución de los monitores de computadora finalizado
Evolución de los monitores de computadora finalizadoEvolución de los monitores de computadora finalizado
Evolución de los monitores de computadora finalizadovictorlopezzz
 
Clase 8 formato_de_texto_en_word_2010 (1)
Clase 8 formato_de_texto_en_word_2010 (1)Clase 8 formato_de_texto_en_word_2010 (1)
Clase 8 formato_de_texto_en_word_2010 (1)victorlopezzz
 
Clase 10 ficha insertar en word 2010
Clase 10 ficha insertar en  word 2010Clase 10 ficha insertar en  word 2010
Clase 10 ficha insertar en word 2010victorlopezzz
 
Evolución de los monitores de computadora
Evolución de los monitores de computadoraEvolución de los monitores de computadora
Evolución de los monitores de computadoravictorlopezzz
 
Evolución de los monitores de computadora compartido
Evolución de los monitores de computadora compartidoEvolución de los monitores de computadora compartido
Evolución de los monitores de computadora compartidovictorlopezzz
 
Clase 10 ficha insertar en word 2010
Clase 10 ficha insertar en  word 2010Clase 10 ficha insertar en  word 2010
Clase 10 ficha insertar en word 2010salomonaquino
 
Iconos de la barra de insertar en microsoft word
Iconos de la barra de insertar en  microsoft wordIconos de la barra de insertar en  microsoft word
Iconos de la barra de insertar en microsoft wordmelisa18
 
A Guide to SlideShare Analytics - Excerpts from Hubspot's Step by Step Guide ...
A Guide to SlideShare Analytics - Excerpts from Hubspot's Step by Step Guide ...A Guide to SlideShare Analytics - Excerpts from Hubspot's Step by Step Guide ...
A Guide to SlideShare Analytics - Excerpts from Hubspot's Step by Step Guide ...SlideShare
 
2015 Upload Campaigns Calendar - SlideShare
2015 Upload Campaigns Calendar - SlideShare2015 Upload Campaigns Calendar - SlideShare
2015 Upload Campaigns Calendar - SlideShareSlideShare
 
What to Upload to SlideShare
What to Upload to SlideShareWhat to Upload to SlideShare
What to Upload to SlideShareSlideShare
 
Getting Started With SlideShare
Getting Started With SlideShareGetting Started With SlideShare
Getting Started With SlideShareSlideShare
 

Destacado (14)

Redes
RedesRedes
Redes
 
Clase 4 orientaciones_tecnico_pedagogicas_de_las_ntic_s_en_el_pea
Clase 4 orientaciones_tecnico_pedagogicas_de_las_ntic_s_en_el_peaClase 4 orientaciones_tecnico_pedagogicas_de_las_ntic_s_en_el_pea
Clase 4 orientaciones_tecnico_pedagogicas_de_las_ntic_s_en_el_pea
 
Clase 9 formato de paginas en word 2010
Clase 9 formato de paginas en  word 2010Clase 9 formato de paginas en  word 2010
Clase 9 formato de paginas en word 2010
 
Evolución de los monitores de computadora finalizado
Evolución de los monitores de computadora finalizadoEvolución de los monitores de computadora finalizado
Evolución de los monitores de computadora finalizado
 
Clase 8 formato_de_texto_en_word_2010 (1)
Clase 8 formato_de_texto_en_word_2010 (1)Clase 8 formato_de_texto_en_word_2010 (1)
Clase 8 formato_de_texto_en_word_2010 (1)
 
Clase 10 ficha insertar en word 2010
Clase 10 ficha insertar en  word 2010Clase 10 ficha insertar en  word 2010
Clase 10 ficha insertar en word 2010
 
Evolución de los monitores de computadora
Evolución de los monitores de computadoraEvolución de los monitores de computadora
Evolución de los monitores de computadora
 
Evolución de los monitores de computadora compartido
Evolución de los monitores de computadora compartidoEvolución de los monitores de computadora compartido
Evolución de los monitores de computadora compartido
 
Clase 10 ficha insertar en word 2010
Clase 10 ficha insertar en  word 2010Clase 10 ficha insertar en  word 2010
Clase 10 ficha insertar en word 2010
 
Iconos de la barra de insertar en microsoft word
Iconos de la barra de insertar en  microsoft wordIconos de la barra de insertar en  microsoft word
Iconos de la barra de insertar en microsoft word
 
A Guide to SlideShare Analytics - Excerpts from Hubspot's Step by Step Guide ...
A Guide to SlideShare Analytics - Excerpts from Hubspot's Step by Step Guide ...A Guide to SlideShare Analytics - Excerpts from Hubspot's Step by Step Guide ...
A Guide to SlideShare Analytics - Excerpts from Hubspot's Step by Step Guide ...
 
2015 Upload Campaigns Calendar - SlideShare
2015 Upload Campaigns Calendar - SlideShare2015 Upload Campaigns Calendar - SlideShare
2015 Upload Campaigns Calendar - SlideShare
 
What to Upload to SlideShare
What to Upload to SlideShareWhat to Upload to SlideShare
What to Upload to SlideShare
 
Getting Started With SlideShare
Getting Started With SlideShareGetting Started With SlideShare
Getting Started With SlideShare
 

Similar a Clase 11 internet_aplicada_a_la_educacion (5)

Similar a Clase 11 internet_aplicada_a_la_educacion (5) (20)

Internet En La Escuela Y Generacion De Contenidos 1
Internet En La Escuela Y Generacion De Contenidos 1Internet En La Escuela Y Generacion De Contenidos 1
Internet En La Escuela Y Generacion De Contenidos 1
 
Unidad III
Unidad IIIUnidad III
Unidad III
 
Tarea 3 de tecnologia graciela
Tarea 3 de tecnologia gracielaTarea 3 de tecnologia graciela
Tarea 3 de tecnologia graciela
 
Tarea III resuelta aplicada
Tarea III resuelta aplicadaTarea III resuelta aplicada
Tarea III resuelta aplicada
 
Tarea 3 de tecnologia graciela
Tarea 3 de tecnologia gracielaTarea 3 de tecnologia graciela
Tarea 3 de tecnologia graciela
 
Semana 16 servicios_mail
Semana 16 servicios_mailSemana 16 servicios_mail
Semana 16 servicios_mail
 
Taller Web2.0 Docentes
Taller Web2.0 DocentesTaller Web2.0 Docentes
Taller Web2.0 Docentes
 
Taller Web2.0 Docentes
Taller Web2.0 DocentesTaller Web2.0 Docentes
Taller Web2.0 Docentes
 
Leonardo soto
Leonardo sotoLeonardo soto
Leonardo soto
 
Leonardo soto
Leonardo sotoLeonardo soto
Leonardo soto
 
Tarea 3 de tecnologia graciela (3)
Tarea 3 de tecnologia graciela (3)Tarea 3 de tecnologia graciela (3)
Tarea 3 de tecnologia graciela (3)
 
Tarea 3 de tecnologia graciela (3)
Tarea 3 de tecnologia graciela (3)Tarea 3 de tecnologia graciela (3)
Tarea 3 de tecnologia graciela (3)
 
Asignatura
AsignaturaAsignatura
Asignatura
 
Taller Web2.0 Docentes
Taller Web2.0 DocentesTaller Web2.0 Docentes
Taller Web2.0 Docentes
 
Taller Web2.0 Docentes
Taller Web2.0 DocentesTaller Web2.0 Docentes
Taller Web2.0 Docentes
 
Taller Web2.0 Docentes
Taller Web2.0 DocentesTaller Web2.0 Docentes
Taller Web2.0 Docentes
 
taller
tallertaller
taller
 
Web
WebWeb
Web
 
Taller Web2.0 Docentes
Taller Web2.0 DocentesTaller Web2.0 Docentes
Taller Web2.0 Docentes
 
Taller Web2
Taller Web2Taller Web2
Taller Web2
 

Clase 11 internet_aplicada_a_la_educacion (5)

  • 2. 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
  • 3. 1. Objetivos de la clase: Al finalizar •Mencionar los puntos clave la clase los de la historia del Internet. alumnos •Explicar el protocolo TCP/IP serán •Elaborar paginas web capaces utilizando lenguaje HTML de:
  • 4. Preguntas orientadoras de la investigación de cátedra: 1. Impacto en los Docentes 2. Impacto en los Alumnos 3. Impacto en el hogar. ¿Cuál es el 4. Impacto en la administración escolar. impacto de las TIC 5. 6. Impacto en la enseñanza de la matemática Impacto en la enseñanza de las ciencias en la educación? 7. naturales Impacto en la enseñanza de las ciencias sociales 8. Impacto en la enseñanza de Lenguaje y ¿Cómo podemos 9. Literatura Impacto en la enseñanza del idioma Ingles incorporar las TIC 10. Impacto en la enseñanza de Educación en la educación? 11. Física y Deportes. Impacto en la enseñanza en Educación Parvularia 12. Impacto de la enseñanza en Educación Básica.
  • 5. 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
  • 6. 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
  • 8. 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
  • 9. 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.
  • 10. Tipos de dominio: 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
  • 11. 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 - .info Servicios de información - .museum Museos - .name Registro personal por nombre - .pro profesionales licenciados
  • 13. 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.
  • 14. 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>
  • 15. 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>
  • 16. 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>
  • 17. Creación de listas  Listas no ordenadas - <UL> - <LI> - </UL>  Listas ordenadas - <OL> - <LI> - </OL>
  • 18. 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
  • 19. Otras etiquetas  Línea horizontal <HR>  Atributos de <HR> - <HR NOSHADE SIZE=valor WIDTH=“porcentaje” ALIGN=valor>  La etiqueta <BLINK> - <BLINK> ¡Hola Salomon! </BLINK>
  • 20. 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 >
  • 21. Fondos  Pueden ser: Texturas, Imágenes y Colores  Sintaxis: - <BODY BACKGROUND= “fondo.gif” > - <BODY BGCOLOR= “color” >
  • 22. 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>