Competencia a desarrollar: El estudiante desarrolla sitios web en formato HTML5 y CSS3, para ser visualizados en diferentes navegadores teniendo en cuenta su funcionabilidad y usabilidad, por medio del uso de diferentes editores de código propuestos en el desarrollo del curso. Temáticas a desarrollar: Introducción a HTML5, Estructura básica de HTML5, Aplicación de elementos de HTML5 a un proyecto de diseño Web, Introducción a CSS3, Estructura básica de CSS3, Aplicación de elementos de CSS3 a un proyecto de diseño Web.

1. PLAN DE MEJORAMIENTO – DISEÑO
DE SITIOS WEB
Nombre
Estudiante
VANESSA BAHOS
Código
Estudiante
43600244
Grupo 57
CEAD DOSQUEBRADAS

2. INTRODUCCIÓN:
Hoy en día casi todas las empresas promocionan sus productos o
servicios mediante la Web. Esto les brinda una relación más rápida y
directa con clientes potenciales. Además los sitios Web le brindan al
usuario facilidad de acceso a la información de la empresa sin la
necesidad de tener que contactar directamente a la misma.
El hecho de haber desarrollado un sitio Web y haberlo subido a
Internet no basta, puesto que también se debe considerar como se
hará conocer, cada cuanto tiempo se actualizara el contenido,
verificar su buen funcionamiento, o si se actualizará el diseño del
sitio a uno mas llamativo y/o moderno. Recordemos que ‘mantener
un sitio fresco alienta a la gente a regresar’. (Arostegui, 2013)

3. OBJETIVOS:
OBJETIVO GENERAL
Realizar un estudio de la usabilidad y la arquitectura del sitio web, con el fin de evaluar la
efectividad de los contenidos y la practicidad que propone para los usuarios principales
del portal web.
OBJETIVOS ESPECÍFICOS
Proponer una nueva y efectiva estructura del sitio web.
Realizar los pasos de mejoras propuestos en la matriz de evaluación.
Plantear novedosas y diversas aplicaciones que sirvan como mecanismos de
atracción para mejorar aspectos básicos de la página.
Concretar la posibilidad de navegar en la página de una forma eficaz y sencilla.

4. MANTENIMIENTO DE SITIO WEB
El mantenimiento generalmente implica el continuo
control del buen funcionamiento sobre los archivos
y estructuras de directorios de nuestro sitio Web.
El mantenimiento a un sitio pequeño puede ser de
dos o tres horas por semana. En un sitio grande, el
mantenimiento puede ser un trabajo de tiempo
completo. Asegúrese de incluir los costos de
mantenimiento en su presupuesto durante la fase
de planeación, para que no lo tomen de sorpresa.

5. Nuestra Página Web:
Git Hub:
https://github.com/conocimientounadista1/-Fase-3-Construcci-n-Crear-un-OVI-en-formato-
WEB-con-HTML5-y-CSS3.
Página Publicada:
https://conocimientounadista1.github.io/-Fase-3-Construcci-n-Crear-un-OVI-en-formato-
WEB-con-HTML5-y-CSS3./

6. Aspectos a mejorar teniendo en cuenta: Matriz de
evaluación
PR 12 – Sistema Integrado de Gestión
Oliva Andrea Ortiz Ardila
Gerencia de Calidad y Mejoramiento Universitario
-GCMU-

7. ACTUALIZACIÓN DE METADATOS:
El sitio no posee Meta descripción de tipo “Author” : No
Es necesario actualizar puntos básicos de los metadatos, como: Las etiquetas meta más
populares son description y keywords, aunque hay otras como robots, author y generator,
entre otras.
Importancia Author – Indica el nombre de la persona o entidad que ha creado el contenido de
la página.
La etiqueta meta keywords se utiliza para resumir el contenido de un documento en base a
unas cuantas palabras clave (de ahí su nombre). Por ejemplo, si yo quisiera describir esta
misma página con palabras utilizaría términos del tipo “etiquetas meta”, “meta description”,
“meta keywords”, etc.
El sitio no posee Meta descripción de tipo “Keywords”

8. HERRAMIENTAS DE ANALISIS:
W3C CSS Validator:
Marckup Validator:

9. W3C CSS Validator:
Errores:
Advertencias:

10. MAPA DEL SITIO WEB:
Un mapa de sitio web (o mapa de sitio o mapa web) es una lista de las páginas de un sitio web accesibles por
parte de los buscadores y los usuarios. Puede ser tanto un documento en cualquier formato usado como
herramienta de planificación para el diseño de una web como una página que lista las páginas de una web (ya
realizada), organizadas comúnmente de forma jerárquica
El mapa de navegación y su lenguaje deben ser una herramienta enfocada a dar sentido y significado, permitiéndonos
dimensionar y acotar el volumen de la plataforma al ponernos por primera vez en frente una vista del total de nuestro
proyecto.

11. BUSCADOR DE SITIO WEB:
Una solución muy sencilla la cual proporcionara las
bases fundamentales para las búsquedas en el sitio web,
facilitando así el acceso a material al usuario final.

12. CREACIÓN DEL MATERIAL
Proponer para futuros semestres la creación de todo el
material, multimedia, audios y videos y demás compartidos
que sean creados por los estudiantes, con una puntuación
extra, que sean contenidos originales, novedosos y llamativos,
mejorando así la experiencia que los clientes obtengan.

13. MEJORAR INFORMACIÓN UNADISTA
Aunque todo lo relacionado con la página resalta los colores, logo de la unad, twitter , y pie de
página, se deberán de actualizar más enlaces para comunicación directa con nuestra pagina
institucional, y entregar al usuario más información sin salirse de la pagina acerca de la UNAD.

14. CONTACO:
Este espacio es de suma importancia.
Para que el cliente o usuario puedan contactarnos de manera directa a través del sitio web

15. CONCLUSIONES:
Una página Web es una vía de comunicación entre una empresa y el público: clientes y
proveedores, por lo tanto es una herramienta que hay que saber usar y explotar para sacarle
el mejor provecho en función de las necesidades comunicacionales de la empresa.
Las posibilidades que ofrece una publicación en la Web son infinitas, tomando en cuenta su
flexibilidad para adaptarse a los cambios de una empresa. Esto permite dar difusión
inmediata a promociones y comunicados especiales.
Una Página Web personalizada, con ilustraciones atractivas, texto y con las últimas
características de programación, darán una gran oportunidad de generar nuevos negocios o
de distribuir información.
Para lograr que una página sea exitosa, se debe tratar de hacerla llegar a la mayor cantidad
de personas posible, y para ello, debe ser desarrollada utilizando criterios de diseño que sean
compatibles en todas las plataformas, bien sean sistemas bajo Windows, Macintosh o UNIX.
Adicionalmente podemos concluir que:
• Debería haber un lapso más de tiempo para poder realizar una mejor página web.
• Poder acceder a otras fuentes de consulta y no restringirse a las que se registraron
previamente
• Guardar los enlaces de GitHub para hacerle mantenimiento o actualizaciones

16. Referencias Bibliográficas:
Guarini, G. D. (2013). HTML5 and CSS3 Transition, Transformation and Animation. Birmingham: Packt Publishing. Recuperado
de:http://bibliotecavirtual.unad.edu.co:2051/login.aspx?direct=true&db=nlebk&AN=672978&lang=es&site=eds-live
LaGrone, B. (2013). HTML5 and CSS3 Responsive Web Design Cookbook : Learn the Secrets of Developing Responsive Websites
Capable of Interfacing with Today's Mobile Internet Devices. Birmingham: Packt Publishing. Recuperado
de: http://bibliotecavirtual.unad.edu.co:2051/login.aspx?direct=true&db=nlebk&AN=587815&lang=es&site=eds-live
Karlins, D. (2013). Dreamweaver CS6 Mobile and Web Development with HTML5, CSS3, and JQuery Mobile : Harness the Cutting-edge
Features of Dreamweaver for Mobile and Web Development. Birmingham: Packt Publishing. Recuperado
de:http://bibliotecavirtual.unad.edu.co:2051/login.aspx?direct=true&db=nlebk&AN=587841&lang=es&site=eds-live
Frain, B. (2012). Responsive Web Design with HTML5 and CSS3 : Learn Responsive Design Using HTML5 and CSS3 to Adapt Websites to
Any Browser or Screen Size. Birmingham: Packt Publishing. Recuperado
de:http://bibliotecavirtual.unad.edu.co:2051/login.aspx?direct=true&db=nlebk&AN=448211&lang=es&site=eds-live
GONZÁLEZ, D. d., & MARCOS, M. m. (2013). Responsive web design: diseño multidispositivo para mejorar la experiencia de
usuario. Bid, (31), 1-9. Recupreado
de: http://bibliotecavirtual.unad.edu.co:2051/login.aspx?direct=true&db=lls&AN=95008768&lang=es&site=eds-live
Allsopp, J. (2013). Advanced CSS3 web design. APC (Bauer Media Group), 33(2), 103-105. Recuperado
de:http://bibliotecavirtual.unad.edu.co:2051/login.aspx?direct=true&db=aci&AN=85216140&lang=es&site=eds-live
Arostegui, E. (2013). EL MANTENIMIENTO DE UN SITIO WEB - "Una tarea constante" - El Diario de Elizabeth Arostegui. Retrieved from
https://comunidad.iebschool.com/elizabetharostegui/2013/05/15/el-mantenimiento-de-un-sitio-web-una-tarea-constante/