elementos de la interfaces graficas de usuario

23
Acerca de Nos da la ayuda para saber del programa.

description

trabajo practico de los elementos que se encuentran en los programas. creado por Lucia Giarocco.

Transcript of elementos de la interfaces graficas de usuario

Page 1: elementos de la interfaces graficas de usuario

Acerca de Nos da la ayuda para saber del programa.

Page 2: elementos de la interfaces graficas de usuario

Barra de desplazamiento (scroball)Elemento que consta de una barra horizontal

o vertical con dos extremos con flechas que apuntan en sentido contrario.

Page 3: elementos de la interfaces graficas de usuario

Barra de estado Muestra información acerca del archivo

modificado, como el tamaño del archivo, el esquema HTML y el esquema CSS.

Page 4: elementos de la interfaces graficas de usuario

Barra de herramientasIconos con los cuales es posible acceder a

determinadas herramientas o funciones de una aplicación.

Page 5: elementos de la interfaces graficas de usuario

Barra de progreso Es un recurso muy utilizado en interfaces

graficas en las que se muestra el avance determinada tarea y según el porcentaje de completitud, medir en que punto de la operación nos encontramos

Page 6: elementos de la interfaces graficas de usuario

Barra de titulo Aparece como una barra horizontal en la

parte superior de la ventana.

Page 7: elementos de la interfaces graficas de usuario

Botón Son rectangulares y tienen una descripción o

imagen en el centro que resume la acción.

Page 8: elementos de la interfaces graficas de usuario

Botón de opción Permite al usuario elegir entre diferentes

opciones dentro de un grupo de opciones.

Page 9: elementos de la interfaces graficas de usuario

Casillero de verificación Son aquellos que permiten tildar o destilar

una opción.

Page 10: elementos de la interfaces graficas de usuario

Cuadro de dialogo Suelen abrirse como automáticamente con

alguna acción del usuario, prohibiendo acceder a la ventana principal del programa y seguir trabajando.

Page 11: elementos de la interfaces graficas de usuario

Cuadro de texto Suelen ser rectangulares, generalmente

tienen un fondo blanco y están vacios de texto, para que el usuario pueda escribir en este.

Page 12: elementos de la interfaces graficas de usuario

Icono Imagen grafica que suele ser pequeña que

representa un acceso directo, un programa, un archivo, un enlace, o cualquier otro recurso. El icono suele ser una buena forma de identificación para lo representado.

Page 13: elementos de la interfaces graficas de usuario

listaElemento que permite al usuario seleccionar

una o mas opciones de la lista estática

Page 14: elementos de la interfaces graficas de usuario

Lista desplegable Son una combinación entre un cuadro de

texto y un menú desplegable

Page 15: elementos de la interfaces graficas de usuario

Menú Es una herramienta grafica en la interfaz de

paginas web y aplicaciones que consiste en una lista de opciones que puede desplegarse para mostrar mas opciones o funciones.

Page 16: elementos de la interfaces graficas de usuario

Menú contextualEl Windows y otros sistemas, el menú

contextual se accedo con el clic derecho sobre sobre el elemento en la pantalla.

Page 17: elementos de la interfaces graficas de usuario

Menú desplegablepermite a un usuario seleccionar de una lista

desplegable una opción. Se distingue de una simple lista en el hecho de que el usuario debe presionar sobre el menú para que se muestren las opciones disponibles.

Page 18: elementos de la interfaces graficas de usuario

Panel lateral Permite mostrar diferentes formas de

información en un lado de la aplicación o el escritorio.

Page 19: elementos de la interfaces graficas de usuario

Pestaña (tab)Permite cambiar entre distintos documentos

o secciones de forma rápido.

Page 20: elementos de la interfaces graficas de usuario

Slider Permite seleccionar un valor moviendo un

indicador o, en algunos casos, el usuario puede hacer clic sobre algún punto del slider para cambiar hacia ese valor.

Page 21: elementos de la interfaces graficas de usuario

Spinner Permite al usuario ajustar un valor dentro de

un cuadro de texto adjunto a dos flechas que apuntan en direcciones opuestas.

Page 22: elementos de la interfaces graficas de usuario

tooltipSe emplea junto con el cursor del mouse.

Cuando el usuario posiciona el cursor sobre un elemento aparece un pequeño rectángulo para brindar información de ese elemento.

Page 23: elementos de la interfaces graficas de usuario

Ventana Parte delimitada de la pantalla en un sistema

operativo que suele ser rectangular y que contiene elementos a fines entre si ellas.