Unidad 1 Y 2: Fase de construccin - Crear un OVI en formato WEB con

HTML5 Y CSS3.

Kelly Johanna Garavito Motta Cd. 40740587

Balwin Gerardo Ladino Valencia Cd. 95032813624

Eyder Santiago Giza Rios - C.C. 1.123.566.421

Joinner Enrique Osorio

Mauricio Perdomo Vargas

(Director)

Grupo: 43

Universidad Nacional Abierta Y A Distancia (Unad)

Escuela De Ciencias Bsicas Tecnologa E Ingeniera

Diseos De Sitios Web

Noviembre 2017
 Introduccin

La siguiente actividad da a conocer los resultados de las competencias

planteadas, sobre cmo desarrollar Sitios Web que satisfagan las
necesidades del usuario, operar lenguajes de Diseo web como HTML5
(Estructura bsica, aplicacin de elementos a un proyecto de diseo web)
y CSS3 (Introduccin al CSS3, aplicacin de elementos de un proyecto de
diseo web).

Mediante una seleccin, se escogi un Mockup como guion, y de ah se

cre el Objeto Virtual de Informacin OVI en formato HTML5 y se public
en internet a travs del repositorio GITHUB.
 Objetivos

Reconocer el aprendizaje basado en proyectos como una estrategia

didctica del aprendizaje.

Identificar el proceso de construccin de OVI en formato HTML.

Crear repositorios colaborativos en GitHUB.

Aprender a Debatir y analizar la creacin de un OVI y publicarlo en

internet mediante repositorios GitHUB.

Observar la afinidad con situaciones reales del mundo laboral.

Practicar la realizacin colectiva.

 Link del proyecto:

https://kellygaravito.github.io/Diseno_Sitios_Web/index.html
 Conclusiones

Se reconoci como una estrategia didctica de aprendizaje en el que se

planea, implementa y evala proyectos que tienen aplicacin en el mundo
real. La creacin de pginas Web es un proceso complejo basado en
etiquetas, en donde el diseo es un punto sumamente importante ya que
es donde se ve el profesionalismo del autor.

Reconociendo las estructuras bsicas de cada formato y haciendo uso de

las buenas prcticas de programacin podemos obtener resultados
relevantes.

Se reconocieron las fases de un proyecto, Planeacin y Anlisis, Diseo,

Construccin e Implantacin y Mantenimiento
 Bibliografa

Gustafson, J. M. (2013). HTML5 Web Application Development by

Example Beginner's Guide : Learn How to Build Rich, Interactive Web
Applications From the Ground up Using HTML5, CSS3, and JQuery.
Birmingham: Packt Publishing. Recuperado
de: http://bibliotecavirtual.unad.edu.co:2051/login.aspx?direct=true&db
=nlebk&AN=604069&lang=es&site=eds-live
Guarini, G. D. (2013). HTML5 and CSS3 Transition, Transformation and
Animation. Birmingham: Packt Publishing. Recuperado
de:http://bibliotecavirtual.unad.edu.co:2051/login.aspx?direct=true&db
=nlebk&AN=672978&lang=es&site=eds-live
Monteiro, F. (2013). Instant HTML5 Responsive Table Design How-to:
Present Your Data Everywhere on Any Device Using Responsive Design
Techniques. Birmingham, England: Packt Publishing. Recuperado
de:http://bibliotecavirtual.unad.edu.co:2051/login.aspx?direct=true&db
=nlebk&AN=575945&lang=es&site=eds-live
Marzal, M. ., Prado, J. C., & Burgoa, E. R. (2015). Objetos de aprendizaje
como recursos educativos en programas de alfabetizacin en informacin
para una educacin superior de posgrado competencial. Investigacin
Bibliotecolgica: Archivonoma, Bibliotecolgica E Informacin, 29139-
168. doi:10.1016/j.ibbai.2016.02.029. Recuperado
de:http://bibliotecavirtual.unad.edu.co:2048/login?url=http://search.eb
scohost.com/login.aspx?direct=true&db=edselp&AN=S0187358X160003
07&lang=es&site=eds-live
Olmedo Plata, J. j., Gmez Zermeo, M. m., & Pintor Chvez, M. m.
(2014). Estrategias innovadoras en el aula: implementacin de un objeto
virtual de aprendizaje. Educacin Y Humanismo, 16(26), 58-72.
Recuperado
de:http://bibliotecavirtual.unad.edu.co:2048/login?url=http://search.eb
scohost.com/login.aspx?direct=true&db=eue&AN=120050986&lang=es
&site=eds-live