UNIDAD I: INTRODUCCIÓN AL DISEÑO WEB. · Historia del desarrollo de la web, lenguajes y...
Transcript of UNIDAD I: INTRODUCCIÓN AL DISEÑO WEB. · Historia del desarrollo de la web, lenguajes y...
![Page 1: UNIDAD I: INTRODUCCIÓN AL DISEÑO WEB. · Historia del desarrollo de la web, lenguajes y herramientas utilizadas en la web. Planificación de una ... organizacional, mapa de navegación.](https://reader034.fdocuments.ec/reader034/viewer/2022051913/6004dcafe5ae7639ef0416fb/html5/thumbnails/1.jpg)
UNIDAD I: INTRODUCCIÓN AL DISEÑO WEB.
Profesora: Nelwi Baez
![Page 2: UNIDAD I: INTRODUCCIÓN AL DISEÑO WEB. · Historia del desarrollo de la web, lenguajes y herramientas utilizadas en la web. Planificación de una ... organizacional, mapa de navegación.](https://reader034.fdocuments.ec/reader034/viewer/2022051913/6004dcafe5ae7639ef0416fb/html5/thumbnails/2.jpg)
Historia del desarrollo
de la web, lenguajes y herramientas utilizadas
en la web.
Planificación de una página web.
Conceptos de Maquetación digital.
Fundamentos de Usabilidad.
Términos básicos de redes y comunicaciones asociados a Internet y
los servicios Web.
Estándares Web.
Definición de objetivos, contenidos y usuarios.
Hardware, Software, plataforma.
Contenido: Tipo de Navegación, Estructura organizacional, mapa
de navegación.
![Page 3: UNIDAD I: INTRODUCCIÓN AL DISEÑO WEB. · Historia del desarrollo de la web, lenguajes y herramientas utilizadas en la web. Planificación de una ... organizacional, mapa de navegación.](https://reader034.fdocuments.ec/reader034/viewer/2022051913/6004dcafe5ae7639ef0416fb/html5/thumbnails/3.jpg)
![Page 4: UNIDAD I: INTRODUCCIÓN AL DISEÑO WEB. · Historia del desarrollo de la web, lenguajes y herramientas utilizadas en la web. Planificación de una ... organizacional, mapa de navegación.](https://reader034.fdocuments.ec/reader034/viewer/2022051913/6004dcafe5ae7639ef0416fb/html5/thumbnails/4.jpg)
![Page 5: UNIDAD I: INTRODUCCIÓN AL DISEÑO WEB. · Historia del desarrollo de la web, lenguajes y herramientas utilizadas en la web. Planificación de una ... organizacional, mapa de navegación.](https://reader034.fdocuments.ec/reader034/viewer/2022051913/6004dcafe5ae7639ef0416fb/html5/thumbnails/5.jpg)
Términos básicos de redes y comunicaciones asociados a Internet
y los servicios Web.
![Page 6: UNIDAD I: INTRODUCCIÓN AL DISEÑO WEB. · Historia del desarrollo de la web, lenguajes y herramientas utilizadas en la web. Planificación de una ... organizacional, mapa de navegación.](https://reader034.fdocuments.ec/reader034/viewer/2022051913/6004dcafe5ae7639ef0416fb/html5/thumbnails/6.jpg)
![Page 7: UNIDAD I: INTRODUCCIÓN AL DISEÑO WEB. · Historia del desarrollo de la web, lenguajes y herramientas utilizadas en la web. Planificación de una ... organizacional, mapa de navegación.](https://reader034.fdocuments.ec/reader034/viewer/2022051913/6004dcafe5ae7639ef0416fb/html5/thumbnails/7.jpg)
¿Como planificar una página web? • http://es.slideshare.net/colquis/cmo-planificar-el-sitio-web
• http://desingenia.com/como-planificar-tu-sitio-web/?utm_source=feedburner&utm_medium=feed&utm_campaign=Feed%3A+desingenia+desingenia+...para+volver+a+ingeniar
Leer los siguientes artículos, analizar y definir sus “propios” lineamientos generales en función de lo leído
![Page 8: UNIDAD I: INTRODUCCIÓN AL DISEÑO WEB. · Historia del desarrollo de la web, lenguajes y herramientas utilizadas en la web. Planificación de una ... organizacional, mapa de navegación.](https://reader034.fdocuments.ec/reader034/viewer/2022051913/6004dcafe5ae7639ef0416fb/html5/thumbnails/8.jpg)
![Page 9: UNIDAD I: INTRODUCCIÓN AL DISEÑO WEB. · Historia del desarrollo de la web, lenguajes y herramientas utilizadas en la web. Planificación de una ... organizacional, mapa de navegación.](https://reader034.fdocuments.ec/reader034/viewer/2022051913/6004dcafe5ae7639ef0416fb/html5/thumbnails/9.jpg)
Maquetación digital
corte 1\ejemplo de maquetacion digital.docx
![Page 10: UNIDAD I: INTRODUCCIÓN AL DISEÑO WEB. · Historia del desarrollo de la web, lenguajes y herramientas utilizadas en la web. Planificación de una ... organizacional, mapa de navegación.](https://reader034.fdocuments.ec/reader034/viewer/2022051913/6004dcafe5ae7639ef0416fb/html5/thumbnails/10.jpg)
Fundamentos de Usabilidad.
corte 1\html17usabilidad.pdf Entrevista:
https://www.youtube.com/watch?v=_e--8bvA13c
![Page 11: UNIDAD I: INTRODUCCIÓN AL DISEÑO WEB. · Historia del desarrollo de la web, lenguajes y herramientas utilizadas en la web. Planificación de una ... organizacional, mapa de navegación.](https://reader034.fdocuments.ec/reader034/viewer/2022051913/6004dcafe5ae7639ef0416fb/html5/thumbnails/11.jpg)
Prueba de usabilidad página Web PONAC
• https://www.youtube.com/watch?v=vghpTq7wQMQ
• https://www.youtube.com/watch?v=gLbUwqm_XEg
• Selecciona una página web, elige una muestra de 2 personas y aplica una prueba de usabilidad.
• Analiza los resultados, muestra el proceso y los resultados en un video. • Sube al canal de you tube del blog de la profesora. • Grupos: 3 personas
![Page 12: UNIDAD I: INTRODUCCIÓN AL DISEÑO WEB. · Historia del desarrollo de la web, lenguajes y herramientas utilizadas en la web. Planificación de una ... organizacional, mapa de navegación.](https://reader034.fdocuments.ec/reader034/viewer/2022051913/6004dcafe5ae7639ef0416fb/html5/thumbnails/12.jpg)
Estándares web
http://www.w3c.es/gira/paradas/presentaciones/Acebal_EstandaresWeb.