programacion y diseño web
DESCRIPTION
Programación y Diseño Web, pretende un contenido de programático orientado a la web, encarando el mismo desde un punto de vista creativo, integrador y de alto valor agregado.TRANSCRIPT
![Page 1: Programacion y diseño web](https://reader035.vdocuments.co/reader035/viewer/2022062220/557b611ed8b42a8b078b55b4/html5/thumbnails/1.jpg)
UNIVERSIDAD AUTÓNOMA GABRIEL RENE MORENOFacultad de Ingeniería en Ciencias de la Computación y
Telecomunicaciones
presentación de
Programación y Diseño Web
Ing. Nelson Tordoya Roda
![Page 2: Programacion y diseño web](https://reader035.vdocuments.co/reader035/viewer/2022062220/557b611ed8b42a8b078b55b4/html5/thumbnails/2.jpg)
Prog
ram
ació
n y
Dis
eño
Web Introducción
El correcto diseño gráfico combinados con el manejo optimo de datos es una combinación fundamental para obtener un proyecto web sustentable en Internet.
![Page 3: Programacion y diseño web](https://reader035.vdocuments.co/reader035/viewer/2022062220/557b611ed8b42a8b078b55b4/html5/thumbnails/3.jpg)
Prog
ram
ació
n y
Dis
eño
Web Objetivos
• Dotar al estudiante la capacidad de diseñar y desarrollar correctamente proyectos en un entorno basado en web con una amplia visión creativa, de accesibilidad, diseño y producción gráfica.
• Brindar los conocimientos para el manejo de herramientas digitales especializadas para el diseño y animación de elementos digitales para la web.
![Page 4: Programacion y diseño web](https://reader035.vdocuments.co/reader035/viewer/2022062220/557b611ed8b42a8b078b55b4/html5/thumbnails/4.jpg)
Prog
ram
ació
n y
Dis
eño
Web Al final del curso el estudiante será capaz de:
Conceptualizar, estructurar, diseñar y desarrollar proyectos de pequeña y mediana escala con alto valor a la calidad web de última generación.
![Page 5: Programacion y diseño web](https://reader035.vdocuments.co/reader035/viewer/2022062220/557b611ed8b42a8b078b55b4/html5/thumbnails/5.jpg)
Prog
ram
ació
n y
Dis
eño
Web
Ejemplos…
![Page 6: Programacion y diseño web](https://reader035.vdocuments.co/reader035/viewer/2022062220/557b611ed8b42a8b078b55b4/html5/thumbnails/6.jpg)
![Page 7: Programacion y diseño web](https://reader035.vdocuments.co/reader035/viewer/2022062220/557b611ed8b42a8b078b55b4/html5/thumbnails/7.jpg)
![Page 8: Programacion y diseño web](https://reader035.vdocuments.co/reader035/viewer/2022062220/557b611ed8b42a8b078b55b4/html5/thumbnails/8.jpg)
![Page 9: Programacion y diseño web](https://reader035.vdocuments.co/reader035/viewer/2022062220/557b611ed8b42a8b078b55b4/html5/thumbnails/9.jpg)
![Page 10: Programacion y diseño web](https://reader035.vdocuments.co/reader035/viewer/2022062220/557b611ed8b42a8b078b55b4/html5/thumbnails/10.jpg)
El curso está dividido en 4 módulos
• Diseño gráfico orientado a la Web• Animación digital• Programación y maquetación Web• Publicación y administración de proyecto
Web
Módulos
![Page 11: Programacion y diseño web](https://reader035.vdocuments.co/reader035/viewer/2022062220/557b611ed8b42a8b078b55b4/html5/thumbnails/11.jpg)
Prog
ram
ació
n y
Dis
eño
Web MOD 1:
Diseño gráfico orientado a la Web
Dotar al estudiante los conocimientos básicos sobre el diseño gráfico para la Web.Desarrollar destrezas para la correcta aplicación de recursos digitales en estudios de diseño gráfico como Adobe Photoshop y manejador de imágenes vectoriales.
Herramienta principal: Adobe Photoshop
![Page 12: Programacion y diseño web](https://reader035.vdocuments.co/reader035/viewer/2022062220/557b611ed8b42a8b078b55b4/html5/thumbnails/12.jpg)
Prog
ram
ació
n y
Dis
eño
Web MOD 2:
Animación digital
Dotar al estudiante los conocimientos básicos sobre el diseño y animación digital web. Desarrollar destrezas para la correcta aplicación de recursos digitales en entorno web a través de Adobe Flash
Herramienta principal: Adobe Flash
![Page 13: Programacion y diseño web](https://reader035.vdocuments.co/reader035/viewer/2022062220/557b611ed8b42a8b078b55b4/html5/thumbnails/13.jpg)
Prog
ram
ació
n y
Dis
eño
Web MOD 3:
Programación y Maquetación Web
Dotar al estudiante los conocimientos básicos para el desarrollo web con HTML, PHP, css y sus diferentes elementos (imágenes, scripts, animación) que involucran una correcta integración web
Herramienta principal: Adobe Dreamweaver
![Page 14: Programacion y diseño web](https://reader035.vdocuments.co/reader035/viewer/2022062220/557b611ed8b42a8b078b55b4/html5/thumbnails/14.jpg)
Prog
ram
ació
n y
Dis
eño
Web MOD 4:
Publicación y administración de proyectos Web
Dotar al estudiante los conocimientos básicos para desarrollar destrezas para la correcta configuración y administración de sitios web con Dreamweaver y CPanel. Desarrollar habilidades creativas y de interpretación para la gestión optima de un proyecto web.
Herramienta principal: Adobe Dreamweaver, Photoshop, Cpanel, EasyPhp
![Page 15: Programacion y diseño web](https://reader035.vdocuments.co/reader035/viewer/2022062220/557b611ed8b42a8b078b55b4/html5/thumbnails/15.jpg)
Prog
ram
ació
n y
Dis
eño
Web Evaluación
Conceptualizar, estructurar, diseñar y desarrollar proyectos de pequeña y mediana escala con alto valor a la calidad web de última generación.
Primer Módulo 15 pts sobre evalución práctica
Segundo Módulo 15 pts sobre evalución práctica
Tercer Módulo 15 pts sobre evalución práctica
Cuarto Módulo 55 pts sobre proyecto de Integración Web de los tres Módulos. Comprende: Diseño, Desarrollo de aplición y Publicación web en servidor remoto.
100 pts.
![Page 16: Programacion y diseño web](https://reader035.vdocuments.co/reader035/viewer/2022062220/557b611ed8b42a8b078b55b4/html5/thumbnails/16.jpg)
Prog
ram
ació
n y
Dis
eño
Web Bibliografía
Introducing Web 2.0 (J Can Health Lib)Integración de la Web Semántica (Diego A. Godoy)Beyond human-computer interaction (Helen Sharp )Designing with web standards (Jeffrey Zeldman)Cascading Style Sheets. (Eric A. Meyer)
![Page 17: Programacion y diseño web](https://reader035.vdocuments.co/reader035/viewer/2022062220/557b611ed8b42a8b078b55b4/html5/thumbnails/17.jpg)
¿Cuál es el mensajeGracias!