Actividad colaborativa

Unidad 1
Fase de Diseño: Creando el Guion para un OVI

Edwin Antonio Arrieta Benavides

Alvaro Yesid López Contreras
Oscar Tomas Carrillo
Vladimir Eduardo Carcamo
Yulieth del Carmen Arrieta

Grupo: 301122_4

Universidad Nacional Abierta y a Distancia

Colombia
2017

Mauricio Perdomo Vargas

 OVI PARA DISEÑAR UN OBJETO VIRTUAL DE INFORMACIÓN - OVI

Objetivo General

Diseñar un OVI, respecto a la estructura básica de html5 y una página Web HTML.

Contenido informativo de la presentación en PPT para diseñar el OVI

Sección de texto Sección de imágenes

Descripción, como crear nuestra página web: Imagen de HTML:

https://blogs.msdn.microsoft.com/esmsdn/2011/11/07/cmo-crear-mi- https://pixabay.com/es/html5-html-tipo-de-
primera-pgina-en-html5-y-css3/ archivo-teclado-386614/
Herramientas para el desarrollo de nuestra página. para la representación del lenguaje HTML
Fuente: Microsoft Fuente: pixabay.com

Descripción, que es html5

http://developerji.com/Post/-Cual-es-la-estructura-Basica-de-un-
documento-html5-/4173
Fuente: ESTRADAWEBGROUP

Descripción, estructura del cuerpo html5

http://www.edu4java.com/es/web/html5-cuerpo-footer.html
Se utilizará, para el esquema de nuestro sitio web
Fuente: www.edu4java.com
Sección de texto Sección de imagines

Imagen sobre html5:

Descripción, sobre Sintaxis y Estructura html5: https://pixabay.com/es/html5-icono-
http://webdesdecero.com/tutorial-html5-la-sintaxis-y-la-estructura/ gr%C3%A1ficos-2d-proteger-1841458/
para el tema de estructura básica de html5 Para representar a html5.
fuente: webdesdecero.com Fuente: pixabay.com

Descripción, ejemplos de html5 utilizando las nuevas etiquetas semánticas Contenido sobre video de HTML y CSS3:
http://www.comocreartuweb.com/curso-de-html/estructura-semantica- https://www.youtube.com/watch?v=5uox1juePxU
html5/ejemplos-de-codigo.html Se va a utilizar para el tema de atributos
Se utilizara el tema de estructura básica de html5.
Fuente: www.comocreartuweb.com Contenido sobre video de etiquetas html5
https://www.youtube.com/watch?v=pn8F3i05w0M
Descripción, Blog sobre los primeros pasos de una página web se va utilizar para el tema de etiquetas
http://html5pasoapaso.blogspot.com.co/2011/08/header-y-footer.html
Se utilizara, para la creación de header, nav, article, section, footer Imagen sobre html5
Fuente: html5pasoapaso.blogspot https://pixabay.com/es/html5-icono-
gr%C3%A1ficos-2d-proteger-1841458/
Descripción, estructura del cuerpo html5 Imagen principal sobre html5
http://www.edu4java.com/es/web/html5-cuerpo-footer.html Fuente: pixabay.com
Se utilizará, para el esquema de nuestro sitio web
Fuente: www.edu4java.com
Sección de texto Sección de imágenes

Descripción, articulo diseño Web con html5, Composición y estructura: Imagen sobre HTML:
https://www.silocreativo.com/diseno-web-con-html5-composicion-y- https://pixabay.com/es/html5-html-tipo-de-
estructura/ archivo-teclado-386614/
Para el tema estructura básica de una página web HTML. para la representación del lenguaje HTML
Fuente: www.silocreativo.com Fuente: pixabay.com

Descripción, Blog de construcción de una web paso por paso

http://html5pasoapaso.blogspot.com.co/2011/08/header-y-footer.html Imagen sobre códigos HTML
Para el tema estructura básica de una página web HTML. https://pixabay.com/es/c%C3%B3digo-editor-de-
Fuente: html5pasoapaso.blogspot c%C3%B3digo-codificaci%C3%B3n-1839406/
Para el tema estructura básica de un página web
HTML
Fuente: pixabay.com

Imagen sobre HTML Y CSS3

https://pixabay.com/es/dise%C3%B1o-web-
ordenador-port%C3%A1til-html-2038872/
Fuente: pixabay.com
Sección de texto Sección de imágenes
Referencias consultadas

ITSON (2009) Inducción al proceso de diseño y desarrollo de objetos de

aprendizaje. Recuperado de
http://biblioteca.itson.mx/oa/formacion_profesores/induccion_oa/index.htm
l

Ministerio de Educación Nacional. República de Colombia (2009) ¿Qué es un

objeto de aprendizaje? Recuperado de
http://aprendeenlinea.udea.edu.co/lms/men/oac1.html

Mager, R (2002) Pautas de Mager para el diseño de objetivos de

aprendizaje. Recuperado de http://eduteka.icesi.edu.co/articulos/Tema15
Barreto, M. (2016) Procedimiento gestión de recursos educativos digitales.
Bogotá, D.C. VIMEP – UNAD.