SlideShare ist ein Scribd-Unternehmen logo
1 von 11
Ova
                             Objetos
                             Virtuales de
                             Aprendizaje
Héctor R. Restrepo Sánchez
Marzo de 2013
Ova




                       <HTML>
Aprenderemos sobre el lenguaje de texto HTML que es la base
y fundamento principal de todo ese entorno que es la WEB.
…Como funciona la web, como son en realidad las imágenes,
decoración, colores, en fin todo lo que vemos en nuestra pantalla
Ova
            Como Funciona   La Internet



    Clic
  en la
imagen
  para
    Ir al
  video
¿Que es   HTML?                               Ova




                  Clic en la imagen para ver video
Ova
              Sintaxis o Etiquetas       Básicas
<!Tipo de documento>
<HTML>
       <HEAD>
       <TITLE> Documento de prueba </TITLE>
       </HEAD>
              <!-- Esto es un comentario-->
       <BODY>
              <H1> Esto es una "demo" de documento HTML </H1>
              Esto es el más sencillo de los documentos HTML.
       </BODY>
</HTML>
Ova
               Sintaxis o Etiquetas    Básicas

 < todo lo que escribe aquí adentro es código >
               <abrir declaración>
               </cerrar declaración>
<>se escriben contenidos y también se llaman objetos<>
Ova
Manual y Herramientas
de aprendizaje
              Sitio que será la guía y borrador de
              trabajo durante todo este proceso




     http://www.w3schools.com/html/




                                      …Si tenemos conexión a Internet
Ova
Sin conexión
También podemos practicar
…¿Qué necesito?




                              Un simple Bloc de notas

 En la web existen infinidad de editores
 Después tendremos tiempo de probarlos…
Ova




  Veamos algunos tutoriales de como
organizar y comenzar a escribir código
Ova
Ahora sí a trabajar…!




                                   Clic para ir…



  Entramos a 3wschools y vamos a TRY donde
  podemos practicar online y tenemos el
  manual a la mano.
Visita mi blog y podrás ampliar conocimientos de las tic
        Clic aquí …http://hectorruyardi.blogspot.com/




                                   Ahora si podemos
                                   construir nuestros
                                   propios contenidos.

  Pero recuerden que …
                                   Hay que practicar mucho y
               Tenemos que ser responsables con la comunidad

Weitere ähnliche Inhalte

Was ist angesagt? (16)

Forma de-insercion-de-elementos-libros-videos-presnetaciones-y-lineas-de-tiempo.
Forma de-insercion-de-elementos-libros-videos-presnetaciones-y-lineas-de-tiempo.Forma de-insercion-de-elementos-libros-videos-presnetaciones-y-lineas-de-tiempo.
Forma de-insercion-de-elementos-libros-videos-presnetaciones-y-lineas-de-tiempo.
 
Blogs
BlogsBlogs
Blogs
 
Php
PhpPhp
Php
 
Info2.0
Info2.0Info2.0
Info2.0
 
3 php
3 php3 php
3 php
 
3 php
3 php3 php
3 php
 
Presentación1
Presentación1Presentación1
Presentación1
 
Blogger
BloggerBlogger
Blogger
 
Elecia
EleciaElecia
Elecia
 
Como crear mi primera pagina web
Como crear mi primera pagina webComo crear mi primera pagina web
Como crear mi primera pagina web
 
blog
blogblog
blog
 
Ofimatica
OfimaticaOfimatica
Ofimatica
 
Informática
InformáticaInformática
Informática
 
Variablesenphp 130402171450-phpapp01
Variablesenphp 130402171450-phpapp01Variablesenphp 130402171450-phpapp01
Variablesenphp 130402171450-phpapp01
 
Sugerencias eleccion herramienta web
Sugerencias eleccion herramienta webSugerencias eleccion herramienta web
Sugerencias eleccion herramienta web
 
Subir actividades lim y ardora en tu blog
Subir actividades lim y ardora en tu blogSubir actividades lim y ardora en tu blog
Subir actividades lim y ardora en tu blog
 

Ähnlich wie Ova — Objetos virtuales de aprendizaje

Tutorial de html
Tutorial de htmlTutorial de html
Tutorial de html
nelsonbon
 
Presentación moodle tc is 10 11
Presentación moodle tc is 10 11Presentación moodle tc is 10 11
Presentación moodle tc is 10 11
moodlealberto
 
0.1 actívate i desweb- semana 1, presentación
0.1 actívate   i desweb- semana 1, presentación0.1 actívate   i desweb- semana 1, presentación
0.1 actívate i desweb- semana 1, presentación
Uriel Rincon
 
R.A 24020150012 Informe black board
R.A 24020150012 Informe black boardR.A 24020150012 Informe black board
R.A 24020150012 Informe black board
Estefania
 

Ähnlich wie Ova — Objetos virtuales de aprendizaje (20)

Tutorial1
Tutorial1Tutorial1
Tutorial1
 
Curso Html4
Curso Html4Curso Html4
Curso Html4
 
Tutorial de html
Tutorial de htmlTutorial de html
Tutorial de html
 
Presentación moodle tc is 10 11
Presentación moodle tc is 10 11Presentación moodle tc is 10 11
Presentación moodle tc is 10 11
 
265069606-Curso-basico-HTML5.pdf
265069606-Curso-basico-HTML5.pdf265069606-Curso-basico-HTML5.pdf
265069606-Curso-basico-HTML5.pdf
 
Html
HtmlHtml
Html
 
Manual html
Manual htmlManual html
Manual html
 
TEORIA LENGUAJE HTLM
TEORIA LENGUAJE HTLMTEORIA LENGUAJE HTLM
TEORIA LENGUAJE HTLM
 
Html basico
Html basicoHtml basico
Html basico
 
Manual html
Manual htmlManual html
Manual html
 
Manualhtml
ManualhtmlManualhtml
Manualhtml
 
Manual html
Manual htmlManual html
Manual html
 
0.1 actívate i desweb- semana 1, presentación
0.1 actívate   i desweb- semana 1, presentación0.1 actívate   i desweb- semana 1, presentación
0.1 actívate i desweb- semana 1, presentación
 
Guía para escribir documentos html
Guía para escribir documentos htmlGuía para escribir documentos html
Guía para escribir documentos html
 
Blog
BlogBlog
Blog
 
Blog
BlogBlog
Blog
 
R.A 24020150012 Informe black board
R.A 24020150012 Informe black boardR.A 24020150012 Informe black board
R.A 24020150012 Informe black board
 
Manual completo-html-desarrolloweb-nov2014
Manual completo-html-desarrolloweb-nov2014Manual completo-html-desarrolloweb-nov2014
Manual completo-html-desarrolloweb-nov2014
 
Manual HTML.
Manual HTML.Manual HTML.
Manual HTML.
 
Herramientas web 1.0
Herramientas web 1.0Herramientas web 1.0
Herramientas web 1.0
 

Kürzlich hochgeladen

Curso = Metodos Tecnicas y Modelos de Enseñanza.pdf
Curso = Metodos Tecnicas y Modelos de Enseñanza.pdfCurso = Metodos Tecnicas y Modelos de Enseñanza.pdf
Curso = Metodos Tecnicas y Modelos de Enseñanza.pdf
Francisco158360
 
5.- Doerr-Mide-lo-que-importa-DESARROLLO PERSONAL
5.- Doerr-Mide-lo-que-importa-DESARROLLO PERSONAL5.- Doerr-Mide-lo-que-importa-DESARROLLO PERSONAL
5.- Doerr-Mide-lo-que-importa-DESARROLLO PERSONAL
MiNeyi1
 
NUEVAS DIAPOSITIVAS POSGRADO Gestion Publica.pdf
NUEVAS DIAPOSITIVAS POSGRADO Gestion Publica.pdfNUEVAS DIAPOSITIVAS POSGRADO Gestion Publica.pdf
NUEVAS DIAPOSITIVAS POSGRADO Gestion Publica.pdf
UPTAIDELTACHIRA
 
PLAN DE REFUERZO ESCOLAR primaria (1).docx
PLAN DE REFUERZO ESCOLAR primaria (1).docxPLAN DE REFUERZO ESCOLAR primaria (1).docx
PLAN DE REFUERZO ESCOLAR primaria (1).docx
lupitavic
 

Kürzlich hochgeladen (20)

Infografía EE con pie del 2023 (3)-1.pdf
Infografía EE con pie del 2023 (3)-1.pdfInfografía EE con pie del 2023 (3)-1.pdf
Infografía EE con pie del 2023 (3)-1.pdf
 
Tema 8.- PROTECCION DE LOS SISTEMAS DE INFORMACIÓN.pdf
Tema 8.- PROTECCION DE LOS SISTEMAS DE INFORMACIÓN.pdfTema 8.- PROTECCION DE LOS SISTEMAS DE INFORMACIÓN.pdf
Tema 8.- PROTECCION DE LOS SISTEMAS DE INFORMACIÓN.pdf
 
OCTAVO SEGUNDO PERIODO. EMPRENDIEMIENTO VS
OCTAVO SEGUNDO PERIODO. EMPRENDIEMIENTO VSOCTAVO SEGUNDO PERIODO. EMPRENDIEMIENTO VS
OCTAVO SEGUNDO PERIODO. EMPRENDIEMIENTO VS
 
Prueba libre de Geografía para obtención título Bachillerato - 2024
Prueba libre de Geografía para obtención título Bachillerato - 2024Prueba libre de Geografía para obtención título Bachillerato - 2024
Prueba libre de Geografía para obtención título Bachillerato - 2024
 
Power Point: Fe contra todo pronóstico.pptx
Power Point: Fe contra todo pronóstico.pptxPower Point: Fe contra todo pronóstico.pptx
Power Point: Fe contra todo pronóstico.pptx
 
SEPTIMO SEGUNDO PERIODO EMPRENDIMIENTO VS
SEPTIMO SEGUNDO PERIODO EMPRENDIMIENTO VSSEPTIMO SEGUNDO PERIODO EMPRENDIMIENTO VS
SEPTIMO SEGUNDO PERIODO EMPRENDIMIENTO VS
 
Curso = Metodos Tecnicas y Modelos de Enseñanza.pdf
Curso = Metodos Tecnicas y Modelos de Enseñanza.pdfCurso = Metodos Tecnicas y Modelos de Enseñanza.pdf
Curso = Metodos Tecnicas y Modelos de Enseñanza.pdf
 
origen y desarrollo del ensayo literario
origen y desarrollo del ensayo literarioorigen y desarrollo del ensayo literario
origen y desarrollo del ensayo literario
 
PINTURA DEL RENACIMIENTO EN ESPAÑA (SIGLO XVI).ppt
PINTURA DEL RENACIMIENTO EN ESPAÑA (SIGLO XVI).pptPINTURA DEL RENACIMIENTO EN ESPAÑA (SIGLO XVI).ppt
PINTURA DEL RENACIMIENTO EN ESPAÑA (SIGLO XVI).ppt
 
2024 KIT DE HABILIDADES SOCIOEMOCIONALES.pdf
2024 KIT DE HABILIDADES SOCIOEMOCIONALES.pdf2024 KIT DE HABILIDADES SOCIOEMOCIONALES.pdf
2024 KIT DE HABILIDADES SOCIOEMOCIONALES.pdf
 
Estrategia de prompts, primeras ideas para su construcción
Estrategia de prompts, primeras ideas para su construcciónEstrategia de prompts, primeras ideas para su construcción
Estrategia de prompts, primeras ideas para su construcción
 
Medición del Movimiento Online 2024.pptx
Medición del Movimiento Online 2024.pptxMedición del Movimiento Online 2024.pptx
Medición del Movimiento Online 2024.pptx
 
Abril 2024 - Maestra Jardinera Ediba.pdf
Abril 2024 -  Maestra Jardinera Ediba.pdfAbril 2024 -  Maestra Jardinera Ediba.pdf
Abril 2024 - Maestra Jardinera Ediba.pdf
 
5.- Doerr-Mide-lo-que-importa-DESARROLLO PERSONAL
5.- Doerr-Mide-lo-que-importa-DESARROLLO PERSONAL5.- Doerr-Mide-lo-que-importa-DESARROLLO PERSONAL
5.- Doerr-Mide-lo-que-importa-DESARROLLO PERSONAL
 
Caja de herramientas de inteligencia artificial para la academia y la investi...
Caja de herramientas de inteligencia artificial para la academia y la investi...Caja de herramientas de inteligencia artificial para la academia y la investi...
Caja de herramientas de inteligencia artificial para la academia y la investi...
 
INSTRUCCION PREPARATORIA DE TIRO .pptx
INSTRUCCION PREPARATORIA DE TIRO   .pptxINSTRUCCION PREPARATORIA DE TIRO   .pptx
INSTRUCCION PREPARATORIA DE TIRO .pptx
 
NUEVAS DIAPOSITIVAS POSGRADO Gestion Publica.pdf
NUEVAS DIAPOSITIVAS POSGRADO Gestion Publica.pdfNUEVAS DIAPOSITIVAS POSGRADO Gestion Publica.pdf
NUEVAS DIAPOSITIVAS POSGRADO Gestion Publica.pdf
 
SEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptx
SEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptxSEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptx
SEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptx
 
Prueba de evaluación Geografía e Historia Comunidad de Madrid 4ºESO
Prueba de evaluación Geografía e Historia Comunidad de Madrid 4ºESOPrueba de evaluación Geografía e Historia Comunidad de Madrid 4ºESO
Prueba de evaluación Geografía e Historia Comunidad de Madrid 4ºESO
 
PLAN DE REFUERZO ESCOLAR primaria (1).docx
PLAN DE REFUERZO ESCOLAR primaria (1).docxPLAN DE REFUERZO ESCOLAR primaria (1).docx
PLAN DE REFUERZO ESCOLAR primaria (1).docx
 

Ova — Objetos virtuales de aprendizaje

  • 1. Ova Objetos Virtuales de Aprendizaje Héctor R. Restrepo Sánchez Marzo de 2013
  • 2. Ova <HTML> Aprenderemos sobre el lenguaje de texto HTML que es la base y fundamento principal de todo ese entorno que es la WEB. …Como funciona la web, como son en realidad las imágenes, decoración, colores, en fin todo lo que vemos en nuestra pantalla
  • 3. Ova Como Funciona La Internet Clic en la imagen para Ir al video
  • 4. ¿Que es HTML? Ova Clic en la imagen para ver video
  • 5. Ova Sintaxis o Etiquetas Básicas <!Tipo de documento> <HTML> <HEAD> <TITLE> Documento de prueba </TITLE> </HEAD> <!-- Esto es un comentario--> <BODY> <H1> Esto es una "demo" de documento HTML </H1> Esto es el más sencillo de los documentos HTML. </BODY> </HTML>
  • 6. Ova Sintaxis o Etiquetas Básicas < todo lo que escribe aquí adentro es código > <abrir declaración> </cerrar declaración> <>se escriben contenidos y también se llaman objetos<>
  • 7. Ova Manual y Herramientas de aprendizaje Sitio que será la guía y borrador de trabajo durante todo este proceso http://www.w3schools.com/html/ …Si tenemos conexión a Internet
  • 8. Ova Sin conexión También podemos practicar …¿Qué necesito? Un simple Bloc de notas En la web existen infinidad de editores Después tendremos tiempo de probarlos…
  • 9. Ova Veamos algunos tutoriales de como organizar y comenzar a escribir código
  • 10. Ova Ahora sí a trabajar…! Clic para ir… Entramos a 3wschools y vamos a TRY donde podemos practicar online y tenemos el manual a la mano.
  • 11. Visita mi blog y podrás ampliar conocimientos de las tic Clic aquí …http://hectorruyardi.blogspot.com/ Ahora si podemos construir nuestros propios contenidos. Pero recuerden que … Hay que practicar mucho y Tenemos que ser responsables con la comunidad