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ñado Por: Director Curso

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:
Fundamentar teóricamente a los estudiantes sobre las generalidades básicas del
Diseño Web para que puedan utilizar de forma correcta los lenguajes HTML5 y CSS3,
aplicarlos en la construcción de Sitios Web e implementarlos a través de sistemas de
control de versiones

Objetivo específico 1:

Ofrecer información para que el estudiante pueda operar y administrar sistemas de

control de versiones como GIT o GITHUB.

Objetivo específico 2:

Brindar documentación para que el estudiante utilice de forma correcta los lenguajes
HTML5 y CSS3 para aplicarlos en la solución de problemas de construcción de Sitios
Web.

Objetivo específico 3:

Brindar pautas para que le estudiante pueda evaluar y desarrollar Sitios Web que
satisfagan las necesidades del usuario y dar recomendaciones concretas para su
actualización.
 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)

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 estructura, las generalidades y las unidades temáticas con que cuenta el
curso de Diseño de Sitios 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)

Tendencias de Diseño Web. Maida (2018). Tendencias del diseño web para el año
2018. Recuperado de:
https://youtu.be/zRijCIszEvE.

Tendencias de Diseño Web. Castaño (2018). 10 Tendencias de Diseño Web para el

año 2018 a 2019. Recuperado de:
https://www.youtube.com/watch?v=tKFdYWmHQuQ

Logo UNAD. UNAD (2018). Imagen PNG. Logo Universidad Nacional Abierta y a
Distancia. Recuperado de:
https://es.wikipedia.org/wiki/Archivo:Logo_unad.png#/media/File:Logo_unad.png

Logo HTML. w3c.org (2018). HTML 5. Recuperado de:

https://www.w3.org/html/logo/
 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.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)

Presentación.
Estimado estudiante, en esta sección encontrará información sobre las diversas
características y novedades de CSS3. Bienvenidos….

Contenido.
Mientras que HTML nos permite definir la estructura de una página web, las hojas de
estilo en cascada (Cascading Style Sheets o CSS) son las que nos ofrecen la posibilidad
de definir las reglas y estilos de representación en diferentes dispositivos, ya sean
pantallas de equipos de escritorio, portátiles, móviles, impresoras u otros dispositivos
capaces de mostrar contenidos web.
Las hojas de estilo nos permiten definir de manera eficiente la representación de
nuestras páginas y es uno de los conocimientos fundamentales que todo diseñador web
debe manejar a la perfección para realizar su trabajo. (Damián De Luca y Alejandro De
Luca (2010). http://html5.dwebapps.com/que-es-css3/)

El siguiente enlace permite ingresar y descargar una Guía Completa de CSS3.

Guía Completa de CSS3

En cada uno de los siguientes enlaces encontrara videos con temas relacionados con el
funcionamiento de CSS3.
 Introducción a CSS3.
 Como Insertar CSS.
 Selectores en CSS.
 HTML5: HEADER, NAV, UL, LI con CSS3.
 HTML5: SECTION, ASIDE, FOOTER CON CSS3.
 Menú Desplegable con HTML5 y CSS3.

MAQUETACION
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