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

Escuela: 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. 301122

FORMATO GUION SITIO WEB DEL OVI

Diseño de Sitios Web

Diseñado Por: Juan Diego Bernal

Link: https://balsamiq.cloud/sso2emq/pk3gb2w/r2278

A continuación se presenta el formato de Guion para el desarrollo de la actividad de la

Fase de Planeación y Análisis, revise muy bien las instrucciones para que realice un
correcto diligenciamiento del mismo.

Éxitos!!!

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

específicos para que se construye este OVI)

Objetivo general:
“Propiciar la apropiación disciplinar del curso Diseño de Sitios Web, mediante la
visualización de los diferentes contenidos temáticos, dando lugar al desarrollo de sitios web
en formato HTML5 Y CSS3”.

Objetivo específico 1:
“Presentar la estructura básica del HTML5 y CSS3, empleando diferentes recursos para
interiorizar estos componentes”.

Objetivo específico 2:
“Desplegar recursos en materia de diseño de sitios, dando lugar a la implementación de
estructuras HTML5 y CCS3”.

Objetivo específico 3:
“Identificar el correcto empleo de las estructuras HTML y CSS, ejemplarizando la
implementación de las estructuras básicas y moderadas precitadas”.
 Universidad Nacional Abierta y a Distancia – UNAD - Vicerrectoría Académica y de Investigación - VIACI
Escuela: Ciencias Básicas Tecnología e Ingeniería Programa: Ingeniería de Sistemas
Curso: Diseños de Sitios Web Código: 301122

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)

Nota: la página en general estará acompañada en todas secciones de: un logo,

un banner con imágenes (pendientes por diseño) alusivas a Diseño de páginas
Web, un título “Diseño de Páginas Web”, herramientas de búsqueda, inicio de
sesión, traducción, lenguaje de señas (de ser posible implementar) y finalmente
una barra de botones para acceder a las diferentes secciones. Así mismo en pie
de página contara con diferentes enlaces para redes sociales y accesos directos
a las secciones.

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

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

Presentar la sección “Introducción”

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)

Texto: Introducción al Diseño de Páginas Web (pendiente por redacción).

Video: Generalidades y características del tema “Diseño de páginas Web”
(Pendiente por validar).
https://www.youtube.com/watch?v=9UeOERL-j5w o
https://www.youtube.com/watch?v=n218L4m_KuQ

Nota: Pendiente por definir tipografía.

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)

En esta sección “Introducción”, se dará a conocer aspectos generales de

los temas que comprenden ese recurso de Diseño de Páginas Web,
mediante un corto texto explicativo y un elemento audiovisual corto que
abarque la importancia del buen Diseño de Páginas Web.
 Universidad Nacional Abierta y a Distancia – UNAD - Vicerrectoría Académica y de Investigación - VIACI
Escuela: 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:

3.1 Objetivo de la sección: (Registre a continuación el objetivo que tiene
esta sección)

Presentar la sección “Estructura básica de html5 (etiquetas, atributos y

valores)”

3.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)

Texto: Estructura básica de html5 (pendiente por redacción).

Imágenes: alusivas al tema “Estructura básica de html5”, estructura básica de
cada instrucción. (pendiente por diseño)

Nota: Pendiente por definir tipografía y diseño de imagenes.

3.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)
En esta sección “Estructura básica de html5”, se dará a conocer la
estructura básica de HTML5, como las etiquetas, atributos y valores que
darán lugar a un correcto despliegue de una página web en su estructura
básica.
 Universidad Nacional Abierta y a Distancia – UNAD - Vicerrectoría Académica y de Investigación - VIACI
Escuela: 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:

4.1 Objetivo de la sección: (Registre a continuación el objetivo que tiene
esta sección)

Presentar la sección “Estructura básica página HTML (HTML, HEAD,

BODY)”

4.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)

Texto: Estructura básica de HTML (pendiente por redacción).

Cada uno de los subtemas estará ordenado por una clase de ventanas
donde se tendrá información acerca de cada tópico.
Imágenes: alusivas al tema “Estructura básica de HTML”, estructura básica de
cada instrucción. (pendiente por diseño)

Nota: Pendiente por definir tipografía y diseño de imágenes.

4.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)
En esta sección “Estructura básica de html”, se dará a conocer la
estructura básica de HTML, como el HTML, HEAD, BODY que darán lugar
a una estructura básica de la Página Web.
 Universidad Nacional Abierta y a Distancia – UNAD - Vicerrectoría Académica y de Investigación - VIACI
Escuela: 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:

5.1 Objetivo de la sección: (Registre a continuación el objetivo que tiene
esta sección)

Presentar la sección “Propiedades básicas de CSS”

5.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)

Texto: Propiedades básicas de CSS (pendiente por redacción).

Imágenes: alusivas al tema “Propiedades básicas de CSS”.
Video: tips para escribir CSS https://www.youtube.com/watch?v=VI1XTmVm0u8 (por
validar)

Nota: Pendiente por definir tipografía y diseño de imágenes.

5.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)
En esta sección “Propiedades básicas de CSS”, se dará a conocer las
Propiedades básicas de CSS.
 Universidad Nacional Abierta y a Distancia – UNAD - Vicerrectoría Académica y de Investigación - VIACI
Escuela: 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:

6.1 Objetivo de la sección: (Registre a continuación el objetivo que tiene
esta sección)

Presentar la sección “Contacto”

6.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)

Texto: Contacto (pendiente por redacción)y disposición de algunos campos

básicos para recibir información por parte del usuario.
Recurso Mapa: georeferenciación. (Pendiente por definir).

Nota: Pendiente por definir tipografía.

6.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)
En esta sección “Contacto”, se permitirá el contacto del usuario con el
diseñador a fin de recibir recomendaciones.