DISEÑOS DE SITIOS WEB

Unidad 1: Fase de Diseño-Crear un guión y la maquetación para un OVI en formato Web con
HTML5 y CSS3.

Tutor:
MARIO LUIS PÉREZ ÁVILA

Entregado por:
LUIS EDUARDO GALINDEZ DAZA
Código: 98.250.039
Grupo: 30112222_63

UNIVERSIDAD NACIONAL ABIERTA Y ADISTANCIA-UNAD

ESCUELA DE CIENCIAS BÁSICAS TÉCNOLOGICAS E INGENIERÍA
SEPTIEMBRE DE 2019 FLORENCIA CAQUETÁ
 OBJETIVOS

Objetivo General:
Al crear este OVI (Objeto Virtual De Información) se tiene presente la importancia de este recurso
digital que se diseña para brindar información específica a los usuarios o internautas para exponer
y dar a conocer los procesos necesarios de diseño de un sitio web mediante las distintas
herramientas y/o lenguajes de programación que existen, facilitando así el acceso y comprensión
de la información por parte de los interesados.

Objetivo Específico 1:
Brindar ayuda a los usuarios facilitando la interacción con la información presentada utilizando
distintos tipos de recursos multimedia y facilitar la comprensión de la totalidad del proceso de
diseño de sitios web así cada usuario podrá elegir el formato por el cual guiarse en su proceso de
aprendizaje ya sea imagen, texto, o video.

Objetivo Específico 2:
Aprovechar las bondades, capacidades y prestaciones de las nuevas tecnologías que están a la
mano de todos los usuarios que necesiten la información de una manera oportuna, facilitando la
comprensión por parte de cada uno del tema propuesto presentando la información a través de
distintos formatos; pues como se sabe las personas no comprenden y asimilan con la misma
rapidez los distintos conceptos presentados.

Objetivo Específico 3:
Mediante este OVI se podrán visualizar documentos, videos, tutoriales y una serie de información
que será de gran ayuda a los usuarios que consulten y visiten el repositorio que se encuentra
organizado lógicamente mediante procedimientos necesario para diseñar un sitio web con fuentes
verídicas y siempre protegiendo los derechos de copyright.
 Contenido del OVI

2.1 Objetivo: Ofrecer recursos académicos que ayuden a resolver dudas y fortalecer el aprendizaje
por parte de los usuarios para que comprendan mejor la organización y el contenido que tendrá el
OVI.

El ovi se dividirá 4 secciones las cuales son:

Inicio Objetivos: Información relevante de la temática del curso y el desarrollo del ovi

Contenido del Ovi: Estructura que tendrá

Material Didáctico: Retroalimentación de los materiales que utilizamos para la creación de las
actividades del ovi.

Multimedia: Enlaces y Referencias de los videos y tutoriales que nos permiten de una manera fácil
y practica desarrollar los procesos de formación dentro del curso para la retroalimentación del ovi.

2.2 Recursos de consulta que usara en la sección: Enlaces e hipervínculos a Texto, Artículos, Blogs,
referencias, Videos, imágenes y demás contenido.

HTML5 y CSS3:

https://www.arkaitzgarro.com/html5/capitulo-1.html

¿Qué es y para qué sirve el html5?

https://es.quora.com/Qué-es-HTML5-y-para-qué-sirve

¿Cuáles son las etiquetas de html5?

https://www.brandominus.com/todas-etiquetas-html5/

¿Quién fue el creador de html5?

https://www.ticbeat.com/tecnologias/historia-html5-infografia/

¿Cuál es la versión más actual de HTML?

https://www.aprenderaprogramar.com/index.php?
option=com_content&view=article&id=444:icuales-son-las-versiones-de-html-diferencias-entre-
html-4-y-html-5-significado-de-strict-cu00706b&catid=69&Itemid=192

¿Qué es el html5 y css3?

https://www.tooltyp.com/beneficios-del-html-y-el-css-para-nuestra-marca
Logo Neiva:

https://images.app.goo.gl/HxAWQWwrBeMQB7Ct5

Escudo Neiva:

https://images.app.goo.gl/iVJS1g6HF9eqGd6F6

Bandera Neiva:

https://images.app.goo.gl/BDNM54JjFzJ4hFFr6

Resumen de la información turística de Neiva:

https://encolombia.com/turismo/destinos-turisticos/destinos-colombianos/huila/neiva/

Información sobre los sitios turísticos más relevantes sobre la ciudad de Neiva:

https://www.tripadvisor.co/Attractions-g1220269-Activities-Neiva_Huila_Department.html

Portal turístico de Neiva:

http://www.colombia.travel/es/a-donde-ir/andina/neiva

Blog de turismo sobre Neiva:

https://www.colombia.com/turismo/andina/neiva/atractivos.asp

Sistema de Información Turístico y Cultural de Neiva

http://turismo.huila.gov.co/

Búsqueda de imágenes sobre información turística y cultural de la ciudad de Neiva:

https://www.bing.com/images/search?q=neiva++turismo+&FORM=HDRSC2

Vacaciones distintos destinos turísticos en Neiva: https://youtu.be/EkHsFTbmudI

Tour por la ciudad de Neiva: https://www.youtube.com/watch?v=0xtvW7yJdrg

Que buen plan visitar Neiva huila: https://www.youtube.com/watch?v=-dfSDPBnqyw

Huila desde la tatacoa hasta san Agustín: https://www.youtube.com/watch?v=hOeKLZ6VkRI

Los ángeles termales Neiva: https://www.youtube.com/watch?v=ejpY_Jqg3v8

2.3 Borrador del Contenido del Ovi:

La presente sección de nuestro OVI se encuentra en proceso ya que falta consenso de ideas con el
resto de los compañeros del curso para llegar a común acuerdo de las ideas que cada uno tenga en
su proceso de desarrollo.

MOCKUP DEL OVI O SITIO A DESARROLLAR

Sitio Usado: http://framebox.org/Ajncz