// material de apoyo de clase

Gráfica Interactiva

Aquí tienes los apuntes de cada tema, listos para consultar en clase o imprimir en PDF antes del examen. Antes de nada, guárdate esta página en marcadores.

Classroom ↗︎ Aula → 
$ Recursos
  esquema-html-css/
  leyes-del-diseno/
  composicion/
  interfaces/
  figma-al-codigo/
  ux-proceso/
  herramientas/
  glosario/

Temario

Los apuntes de las asignaturas del aula, organizados por temas y listos para descargar en PDF.

P1

Programación I

HTML y CSS: estructura, maquetación y estilos responsive.

8 temas P2

Programación II

HTML y CSS avanzado, responsive, JavaScript para interfaces, animación, WordPress y accesibilidad.

8 unidades M1

Medios Informáticos I

El ordenador, la imagen digital, teoría del color, Photoshop e Illustrator.

5 temas M2

Medios Informáticos II

WordPress y Elementor: crear, maquetar y publicar un sitio web.

8 temas

Recursos

Material de consulta común a todas las asignaturas: diseño, interfaces, UX y un esquema para repasar.

ESQ

Esquema de HTML y CSS

Lo imprescindible de Programación I en fichas de consulta rápida.

6 apartados LEY

Leyes del diseño

Gestalt y leyes de UX, con ejemplos que puedes probar.

2 apartados COMP

Composición en pantalla

Jerarquía visual, retículas en web y patrones de lectura.

3 apartados UI

Interfaces

Patrones, estados de los componentes, formularios y accesibilidad.

4 apartados FIG

De Figma al código

Cómo traducir a HTML y CSS lo que diseñas en Figma.

4 apartados UX

UX: el proceso

De conocer a las personas usuarias a probar el diseño con ellas.

4 apartados HERR

Herramientas e inspiración

Webs para aprender, consultar e inspirarte: código, diseño, UX, tipografías, imágenes y color.

8 apartados GLO

Glosario

Los términos de los apuntes, con buscador.

81 términos

Aula

Classroom, la escuela y cómo pedir una tutoría.

GC

Google Classroom

Entrega de prácticas, avisos y materiales de cada asignatura.

externo ↗ EAZ

Escuela de Arte de Zaragoza

Normativa académica, calendario oficial y secretaría.

externo ↗ @

Contacto y tutorías

Pide una tutoría a través del formulario o pregúntame directamente en clase.

formulario ↗

Consejos

Tres ideas para aprender más y atascarte menos.

01

Experimenta, no sólo leas

Edita los ejemplos de código, inspecciona las webs que te gustan (en Recursos tienes muchas para inspirarte), prototipa tus ideas antes de darlas por buenas. Prueba, equivócate y vuelve a probar: en diseño y en código se aprende haciendo.

02

Tu portfolio crece contigo

Prácticas, proyectos, diseños de interfaces… todo lo que haces en el ciclo acaba en tu portfolio. Trátalo como tu mejor proyecto: es lo que enseñarás cuando busques prácticas o trabajo.

03

Atascarse también es aprender

Es normal y forma parte del proceso. Antes de rendirte, revisa la lista «Cuando algo no funciona», consulta el esquema y el glosario, y si sigues sin verlo, pregunta en clase.

Nada grande se produce de repente.

— Epicteto