3. www.usat.edu.pe
Objetivo de la sesión:
● Conocer las herramientas para la creación de páginas web efectivas.
Propósito de la sesión
Competencia del perfil de egreso : La asignatura DISEÑO WEB, que corresponde al área de
estudios de Especialidad, contribuye al logro del perfil de egreso, específicamente a la(s)
competencia(s):
- CE3: DESARROLLO DE SOFTWARE
- CG4: COMUNICACIÓN ORAL Y ESCRITA
Resultado de Aprendizaje de la Unidad 01:
R1: Realiza diseños web con herramientas de diseño gráfico y maquetado web básico.
Contribuye al logro
Contribuye al logro
3
10. www.usat.edu.pe
• Formar grupos de trabajo:
–Cada grupo tendrá asignado un tema elegido por el
docente
–Realizar un resumen del tema (en una diapositiva)
–Use PDF otorgado por el docente
–Busque mas información relacionada con el tema
asignado
–Realizar una exposición (15 min) con el tema
asignado.
10
Trabajo Grupal
11. www.usat.edu.pe
• Grupo 01: (Las claves de una página web efectiva)
• Grupo 02: (Herramientas para trabajar Diseño
Web)
• Grupo 03: (Herramientas de prototipado)
• Grupo 04: (Sistema de control de versiones - Git)
• Grupo 05: Marcos de desarrollo para diseño Web
• Grupo 06: Alojamiento y dominios para sitio web
11
Asignación de temas
12. www.usat.edu.pe
• Para el desarrollo de nuestro curso necesitaremos las siguientes
herramientas:
12
Instalación de Visual Studio Code y Git
13. www.usat.edu.pe
• Existen herramientas variadas para el
diseño de prototipos y realización de
páginas Web, cada unos presenta
ventajas y desventajas según el tipo de
proyecto.
13
Conclusiones
15. www.usat.edu.pe
• [1] Git, «Empezando - Fundamentos de Git,» [En línea]. Available: https://git-
scm.com/book/es/v1/Empezando-Fundamentos-de-Git. [Último acceso: 25 Marzo 2019].
• [2] DesarrolloWeb, «Introducción a Git y Github,» 03 Junio 2014. [En línea]. Available:
https://desarrolloweb.com/articulos/introduccion-git-github.html. [Último acceso: 26 Marzo 2019].
• [3] C. Álvarez, «Elegir la herramienta de prototipado más adecuada,» 4 Abril 2017. [En línea].
Available: https://openwebinars.net/blog/elegir-la-herramienta-de-prototipado-mas-adecuada/.
[Último acceso: 23 Marzo 2019].
• [4] Adveischool, «15 Elementos que No Pueden Faltar en tu Página Web,» 14 Abril 2016. [En línea].
Available: https://adveischool.com/elementos-que-no-pueden-faltar-en-tu-pagina-web/. [Último
acceso: 23 Marzo 2019].
• [5] Tiempo de negocios, «8 elementos básicos para un correcto diseño web,» 13 Enero 2018. [En
línea]. Available: https://tiempodenegocios.com/elementos-diseno-web/. [Último acceso: 23 Marzo
2019].
Referencias 01
15
16. www.usat.edu.pe
• [6] EW360, «Elementos de una página web efectiva,» 13 Diciembre 2017. [En línea]. Available:
https://www.estrategiaweb360.com/diseno-pagina-web-efectiva/. [Último acceso: 23 Marzo 2019].
• [7] M. Acibeiro, «11 elementos que no pueden faltar en tu página web,» Setiembre 2017. [En
línea]. Available: https://www.hosteurope.es/blog/elementos-que-no-pueden-faltar-en-tu-pagina-
web. [Último acceso: 23 Marzo 2019].
• [8] D. Gil, «Para trabajar en diseño web, ¿es mejor un IDE o un editor de código?,» 17 Mayo 2017.
[En línea]. Available: https://es.quora.com/Para-trabajar-en-dise%C3%B1o-web-es-mejor-un-IDE-o-
un-editor-de-c%C3%B3digo. [Último acceso: 25 Marzo 2019].
• [9] L. Mas, «IDES - Herramientas Libres Para Desarrollo Web,» 12 Diciembre 2016. [En línea].
Available: https://luismasdev.com/ides-herramientas-libres-para-desarrollo-web/. [Último acceso: 25
Marzo 2019].
• [10] L. Del Valle, «Consejos sobre IDEs de desarrollo web,» 2016. [En línea]. Available:
https://programarfacil.com/blog/programacion/consejos-sobre-ides-de-desarrollo-web/. [Último
acceso: 25 Marzo 2019].
Referencias 02
16