Universidad Nacional Abierta y a Distancia – UNAD - Vicerrectoría Académica y de Investigación -

VIACIEscuela: Ciencias Bá sicas Tecnología e Ingeniería Programa: Ingeniería de Sistemas Curso: Diseñ os de
Sitios Web Có digo: 301122

ACTIVIDAD FASE DE PLANEACION Y ANALISIS

CURSO DISEÑOS DE SITIOS WEB - COD. 301122A_474

FORMATO GUION SITIO WEB DEL OVI

Diseñado Por: Oswaldo Guillermo Saumett Suarez

1. Objetivos del OVI (describa mediante el registro de 1 objetivo general y tres

específicos para que se construye este OVI)

Objetivo general:

Utilizar la Pagina web como método para que los estudiantes puedan consultar informació n
sobre las técnicas utilizadas para el Diseñ os de Sitios Web.

Objetivo específico 1:

Ofrecer una alternativa interactiva para gestionar proyectos colaborativos de diseñ o web,
HTML5 y CSS3 para creació n de contenidos en formato web (Paginas y Sitios Web).

Objetivo específico 2:

Implementar en el sitio web ayudas multimedia que permitan la comprensió n de la

maquetació n de una web.

Objetivo específico 3:

El uso adecuado de la etiquetas de HTML 5 y la aplicació n del CSS3 para definir el estilo y
apariencia de la web.

2. Contenido informativo del OVI por secciones (Replique el siguiente cuadro

de acuerdo al número de secciones que vaya a crear en el OVI)
 Universidad Nacional Abierta y a Distancia – UNAD - Vicerrectoría Académica y de Investigación -
VIACIEscuela: Ciencias Bá sicas Tecnología e Ingeniería Programa: Ingeniería de Sistemas Curso: Diseñ os de
Sitios Web Có digo: 301122

Nombre de la sección que se creara en el OVI: HEADER

2.1 Objetivo de la sección: (Registre a continuación el objetivo que

tiene esta sección)

En esta sección se encuentra el logotipo, el título de la página y puede llevar

una descripción. Tendrá dos botones noticias y otro de inicio.

2.2 Recursos de consulta que usara en la sección: (coloque el

nombre del material que usara para crear los contenidos de la sección y el
enlace de descarga de los mismos sean estos Texto, Imágenes, Audios o
Vídeos)

logo

2.3 Redacte un borrador del contenido de lectura en formato de

texto que tendrá la sección: (Sea este la presentación de la sección, el
contenido o ambos; redacte un borrador del texto que publicara como
contenido en la sección coloque un subtítulo para identificar si
corresponde a la presentación de la sección o el contenido de lectura de la
sección)
 Universidad Nacional Abierta y a Distancia – UNAD - Vicerrectoría Académica y de Investigación -
VIACIEscuela: Ciencias Bá sicas Tecnología e Ingeniería Programa: Ingeniería de Sistemas Curso: Diseñ os de
Sitios Web Có digo: 301122

En el header se encontrara junto con el logo el titulo : con O.V.I del curso de
Diseño de sitios web

Nombre de la sección que se creara en el OVI: NAV

2.1 Objetivo de la sección: (Registre a continuación el objetivo que

tiene esta sección)

En esta sección se encuentra los botones de navegación de la pagina

2.2 Recursos de consulta que usara en la sección: (coloque el

nombre del material que usara para crear los contenidos de la sección y el
enlace de descarga de los mismos sean estos Texto, Imágenes, Audios o
Vídeos)
 Universidad Nacional Abierta y a Distancia – UNAD - Vicerrectoría Académica y de Investigación -
VIACIEscuela: Ciencias Bá sicas Tecnología e Ingeniería Programa: Ingeniería de Sistemas Curso: Diseñ os de
Sitios Web Có digo: 301122

2.3 Redacte un borrador del contenido de lectura en formato de

texto que tendrá la sección: (Sea este la presentación de la sección, el
contenido o ambos; redacte un borrador del texto que publicara como
contenido en la sección coloque un subtítulo para identificar si
corresponde a la presentación de la sección o el contenido de lectura de la
sección)

El Nav se utilizarán imágenes referentes a los temas a explicar en el section.

Nombre de la sección que se creara en el OVI: SECTION

2.1 Objetivo de la sección: (Registre a continuación el objetivo que

tiene esta sección)

En esta sección se encuentra los article de la seleccionado en el NAV

2.2 Recursos de consulta que usara en la sección: (coloque el

 Universidad Nacional Abierta y a Distancia – UNAD - Vicerrectoría Académica y de Investigación -
VIACIEscuela: Ciencias Bá sicas Tecnología e Ingeniería Programa: Ingeniería de Sistemas Curso: Diseñ os de
Sitios Web Có digo: 301122

nombre del material que usara para crear los contenidos de la sección y el
enlace de descarga de los mismos sean estos Texto, Imágenes, Audios o
Vídeos)

2.3 Redacte un borrador del contenido de lectura en formato de

texto que tendrá la sección: (Sea este la presentación de la sección, el
contenido o ambos; redacte un borrador del texto que publicara como
contenido en la sección coloque un subtítulo para identificar si
corresponde a la presentación de la sección o el contenido de lectura de la
sección)

Luego de hacer click en algún de los botones ubicados en el NAV aparecerá

un texto referente, como por ejemplo al hacer click en el botón CSS3 a
parecerá el siguiente texto :
 Universidad Nacional Abierta y a Distancia – UNAD - Vicerrectoría Académica y de Investigación -
VIACIEscuela: Ciencias Bá sicas Tecnología e Ingeniería Programa: Ingeniería de Sistemas Curso: Diseñ os de
Sitios Web Có digo: 301122

Imagen tomada de : senavirtual.edu.co

Nombre de la sección que se creara en el OVI: ASIDE

2.1 Objetivo de la sección: (Registre a continuación el objetivo que

tiene esta sección)

En esta sección se encuentra los botones de redes sociales.

 Universidad Nacional Abierta y a Distancia – UNAD - Vicerrectoría Académica y de Investigación -
VIACIEscuela: Ciencias Bá sicas Tecnología e Ingeniería Programa: Ingeniería de Sistemas Curso: Diseñ os de
Sitios Web Có digo: 301122

2.2 Recursos de consulta que usara en la sección: (coloque el

nombre del material que usara para crear los contenidos de la sección y el
enlace de descarga de los mismos sean estos Texto, Imágenes, Audios o
Vídeos)

2.3 Redacte un borrador del contenido de lectura en formato de

texto que tendrá la sección: (Sea este la presentación de la sección, el
contenido o ambos; redacte un borrador del texto que publicara como
contenido en la sección coloque un subtítulo para identificar si
corresponde a la presentación de la sección o el contenido de lectura de la
sección)

Se utilizara link de redes sociales como Facebook, twitter de paginas que

comparten información sobre diseño web.

Nombre de la sección que se creara en el OVI: FOOTER

 Universidad Nacional Abierta y a Distancia – UNAD - Vicerrectoría Académica y de Investigación -
VIACIEscuela: Ciencias Bá sicas Tecnología e Ingeniería Programa: Ingeniería de Sistemas Curso: Diseñ os de
Sitios Web Có digo: 301122

2.1 Objetivo de la sección: (Registre a continuación el objetivo que

tiene esta sección)

En esta sección se el pie de página de la web.

2.2 Recursos de consulta que usara en la sección: (coloque el

nombre del material que usara para crear los contenidos de la sección y el
enlace de descarga de los mismos sean estos Texto, Imágenes, Audios o
Vídeos)

2.3 Redacte un borrador del contenido de lectura en formato de

texto que tendrá la sección: (Sea este la presentación de la sección, el
contenido o ambos; redacte un borrador del texto que publicara como
contenido en la sección coloque un subtítulo para identificar si
corresponde a la presentación de la sección o el contenido de lectura de la
sección)
 Universidad Nacional Abierta y a Distancia – UNAD - Vicerrectoría Académica y de Investigación -
VIACIEscuela: Ciencias Bá sicas Tecnología e Ingeniería Programa: Ingeniería de Sistemas Curso: Diseñ os de
Sitios Web Có digo: 301122

Este espacio del copyright de la pagina

3. Wireframes o Mockusps

A continuación relaciono los pantallazo de los posibles Wireframes o Mockusps

Universidad Nacional Abierta y a Distancia – UNAD - Vicerrectoría Académica y de Investigación -
VIACIEscuela: Ciencias Bá sicas Tecnología e Ingeniería Programa: Ingeniería de Sistemas Curso: Diseñ os de
Sitios Web Có digo: 301122