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

FORMATO GUION SITIO WEB DEL OVI

Diseño de sitios Web

Diseñado Por: Nicolas Montoya Oquendo

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: Fomentar la apropiació n de conceptos sobre la estructura bá sica de

HTML5.

Objetivo específico 1: Presentar informació n relacionada con los temas relacionados con la
estructura bá sica de HTML5.

Objetivo específico 2: Fomentar el correcto uso de la estructura bá sica de HTML5.

Objetivo específico 3: Revisar diversos ejemplos sobre la estructura bá sica de HTML5.

 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. 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: Introducción

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

tiene esta sección)

Revisar de forma general todos los subtemas que abarca la Estructura básica
de HTML5.

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

Introducción hacia las etiquetas, atributos y valores en HTML5.

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

Texto:

Introducción a las etiquetas, atributos y valores en HTML5.

https://www.arkaitzgarro.com/xhtml/capitulo-3.html

https://www.htmlquick.com/es/tutorials/tags-attributes.html

Video:

Etiquetas y atributos en HTML5

https://www.youtube.com/watch?v=mlbUb1_HV-M

Imágenes

https://www.aprendoencasa.com/etiqueta-curso-practico-de-html5/
 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)

Introducción a las Etiquetas, Atributos y Valores en HTML5.

Las etiquetas son la estructura bá sica del HTML. Estas etiquetas o tags se componen y

contienen otras propiedades, como son los atributos y el contenido.

HTML define un total de 91 etiquetas, de las cuales 10 se consideran obsoletas. Sin

embargo, una etiqueta por sí sola a veces no contiene la suficiente informació n para estar
completamente definida. 

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

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

esta 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

Revisar de forma específica las etiquetas en HTML5.

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

Introducción hacia las etiquetas en HTML5.

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

Texto:

Etiquetas en HTML5.

https://www.haciaelautoempleo.com/etiquetas-html-basicas/

https://lenguajehtml.com/p/html/semantica/etiquetas-html-de-texto

https://brandominus.com/blog/creatividad/todas-etiquetas-html5/

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)

Las etiquetas HTML básicas

Las etiquetas HTML son la base de este lenguaje de marcado ya casi «ancestral», pero

 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

que sigue siendo el trasfondo de muchos otros más avanzados.

HTML significa HyperText Mark Language, pero no he venido hoy a dar una clase de

programación, sino a que conozcas lo mínimo imprescindible sobre este lenguaje de
marcado para aprovecharlo dentro de tu blog WordPress.

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

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

esta sección)

Revisar de forma específica los atributos en HTML5.

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

Atributos en HTML5
 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)

Texto:

Atributos en HTML5.

https://developer.mozilla.org/es/docs/Web/HTML/Atributos

https://www.genbeta.com/desarrollo/atributos-personalizados-en-html5-mas-datos-con-
un-simple-data

Video: https://www.estradawebgroup.com/Post/El-manejo-de-Atributos-en-HTML/4310

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

Referencia de Atributos HTML

Los elementos en HTML tienen atributos; estos son valores adicionales que configuran los
elementos o ajustan su comportamiento de diversas formas para cumplir los criterios de los
usuarios.

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

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

esta sección)

Revisar de forma específica los valores en HTML5.

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

Valores en HTML5
 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)

Texto:

https://es.wikibooks.org/wiki/Lenguaje_HTML/El_c%C3%B3digo

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)

Los atributos y sus valores

Son las propiedades que se le pueden asignar a los elementos.

Por ejemplo, a html se le puede asignar un atributo para indicar en qué idioma está escrito el
documento (lang) y podemos asignarle como valor un có digo de idioma ("es" para el españ ol,
"en" para el ingles...)
<html lang='es'>...</html>
O sea: <elemento atributo='valor'> ... </elemento>
Por supuesto un elemento puede tener varios atributos:
<elemento atributo='valor' atributo='valor'> ... </elemento>
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

 Los atributos deben estar en la etiqueta inicial, nunca en la final.

 El orden de los atributos dentro de la etiqueta es indiferente.
 Deben separarse con un espacio en blanco del nombre del elemento y de otros
atributos.
 Atributo y valor deben estar unidos por el signo: =
 Los valores deben estar encerrados con comillas, dobles o simples. Esto no es
totalmente cierto, pero actú a como si lo fuera.