1 Arquitectura de navegación (Etapa de diseño de la aplicación) Diseño Gráfico de la IU – ENCARAR UN PROYETO DESDE LA IU 2. Definir resolución de pantalla.

Slides:



Advertisements
Presentaciones similares
¿Cuan preparado estoy para trabajar en este proyecto?
Advertisements

Desenlaces Primera Pantalla ÁTICO Opciones para diferentes desenlaces Baúl Ratón Madre Puerta Niños.
Estrategias para diseminación de datos por la Internet Ian M. Nunes – 06/06/2013.
Webquest Diseño IU: Wix.com permite un control total del diseño de la web, pudiendo elegir en cualquier momento que punto modificar o que.
Nueva Web Corporativa everis.com
La sede Web Sede de un sitio Web En todos los proyectos en los que el diseño es parte fundamental, es importante tener las ideas claras desde el principio.
Maestro. ISI Jéber G. Martínez Ríos. Universo Web ¿Qué es Internet? Nace en la Guerra Fría, en los 60s. ARPANET Hello World! Surgimiento de ISPs en los.
Todos los Derechos Reservados. Prohibida la reproducción por cualquier medio. Agosto Breve tutorial para conocer el programa de procesamiento de.
PROCEDIMIENTO DE RESOLUCIÓN GRÁFICA PARA EL PROBLEMA DE PROGRAMACIÓN LINEAL EN DOS VARIABLES EJEMPLO 2 _________________________________ Resolución Gráfica.
Webquest Diseño IU: Wix.com permite un control total del diseño de la web, pudiendo elegir en cualquier momento que punto modificar o que.
Diseño Gráfico de la IU – IMAGENES
1 5. La Búsqueda (I) Los ordenadores almacenan gran cantidad de información…  Hay que clasificarla y ordenarla para encontrarla con facilidad. ¿Y si no.
¿Cómo puedes insertar un texto dentro de una diapositiva? a. Con un click en un modelo en la ventana de AutoperfilCon un click en un modelo en la ventana.
Módulo instruccional Adaptación del módulo:
Por principio un DIV, aunque su contenido sea muy pequeño ocupa todo el ancho de su padre generalmente el body, ya que son elementos de bloque. Recordar.
Tipos de imágenes Bitmap (rasterizada, matricial) Vectoriales
1 Arquitectura de navegación (Etapa de diseño de la aplicación) Diseño Gráfico de la IU – ENCARAR UN PROYETO DESDE LA IU 7. Planificar el formato de acceso.
Entorno de Windows 7 Personalizar la apariencia de nuestro sistema es un aspecto a tener en cuenta si vamos a pasar mucho tiempo delante del ordenador.
Accesibilidad y Usabilidad Web Mayo ¿Quiénes usan la web? Personas: Con computadoras de bajos recursos tecnológicos, que no poseen un mouse, parlantes.
III UNIDAD “DISEÑO GRAFICO” TERCER GRADO DE SECUNDARIA.
Patrones de diseño Web Pierre Sergei Zuppa Azúa.
Miguel melgarejo EL MONITOR. ES UN DISPOSITIVO DE SALIDA PARA EL ORDENADOR QUE MUESTRA EN SU PANTALLA LOS RESULTADO DE LASOPERACIONES REALISADAS EN EL.
D U R A Z N O PROYECTO DE LA ESCUELA:
LA IMAGEN DIGITAL: TIPOS Y FORMATOS DE IMÁGENES DIGITALES.
Julián Jiménez Diseñador industrial
Diagrama de Clases ACI 570.
Etapas de desarrollo de un medio de comunicación en soporte web.
O3 Report. 2 El O3 Report  El O3 Report es una herramienta que permite crear informes que incluyen una o más vistas del mismo cubo, con la posibilidad.
Diseño de Combinacionales. Diseño Combinacional El diseño consiste en crear un sistema que cumpla con unos requerimientos establecidos, siempre tratando.
Powerpoint. No sufres de “Powerpointitis” Decidir lo que quieres decir Powerpoint es solo para apoyar sobre lo que quieres hablar Igualmente, conocer.
 Una página web es el nombre de un documento o información electrónica adaptada para la World Wide Web y que puede ser accedida mediante un navegador.
UNIVERSIDAD DE SANTIAGO DE CHILE ESCUELA DE ARQUITECTURA
Diseño Web Adaptativo Responsive Design. Del prototipo al HTML y CSS 1.
Carles sobrevías gonzález. Índice  1-El proceso de textos y la hoja de cálculos  2-Automatización de cálculos y obtención de gráficas  3-Documentos.
WEB Y MULTIMEDIA INTEGRANTES: Piero Álvarez Milena Gómez Cristhian Rodríguez Mónica Pasaca Andrea Deleg Veronica Castillo.
Adobe Ilustrator Creative Suite
MENU FISHEYE. Tipos de menús Scrollbar Arrowbar Hierarchies Fisheye.
Portafolio de Evidencias
1 ¿Qué es Usabilidad? Disciplina que estudia: distintos aspectos de la comunicación los factores humanos la ergonomía, con el objetivo de diseñar productos.
T EMA 4 O FIMATICA AVANZADA Daniel Álvarez Carramiñana.
1 Arquitectura de navegación (Etapa de diseño de la aplicación) Diseño Gráfico de la IU – ENCARAR UN PROYETO DESDE LA IU 1. Ordenación de conceptos Existen.
Iconos Definición Ventajas en el uso de iconos: Características:
Aplicación Prop- OnLine Cliente Arquitectura actual Aplicación Prop- OnLine Servidor Servidor de Paquetes de Actualizaciones Servicio de Web Scraping Inmobiliaria.
Diseño Aplicado a la Web
Departamento de Sistemas Informáticos y Programación Universidad Complutense de Madrid Simulación del patrón … (5)
Layouts adaptables Objetivo: - Probar distintas técnicas para modificar el diseño de una página, según en cuál tamaño de pantalla está siendo visualizada.
Workshop de Responsive Web Design Hernán Beati.
HTML. INTRODUCCIÓN A LOS MARCOS HTML Los marcos HTML permiten presentar documentos con vistas múltiples, que pueden ser ventanas o subventanas independientes.
Imágenes líquidas y navegación adaptable Objetivos: - Incoporar técnicas que permitan entregar distintas imágenes según dispositivo, y volverlas líquidas.
Tecnologías Emergentes y los Negocios Unidad 4 – Diseño de Sites.
El tamaño de una imagen digital es su dimensión real. Se mide en píxeles.
Nombre de la Institución evaluada: MOP. Dirección de Arquitectura URL de su sitio web: spx Evaluador: Rodrigo.
Tema: Cambio del tamaño del texto, las ventanas y la resolución de pantalla. Fecha: 05 /01 /2015 Mejorar la interface entre el usuario y el computador.
DE POBRE POINT A POWER POINT
M APA CONCEPTUAL Documento: Programación Web 1 Por: JUAN RICARDO VILLEGAS.
Windows 8 DEFINICION VIDEO LIBROS DE EXCEL PARTES FUNDAMENTALES
Graficas de control de variables  Aplicación: Todos aquellos estudios que es necesario analizar funcionamiento de procesos Todos aquellos estudios que.
Videoconferencia: La función derivada. 2 Solución: a) Ejercicio 1.
1 Perfilado de Usuarios Diseño Gráfico de la IU – ENCARAR UN PROYETO DESDE LA IU 1. Grupos de usuarios Es un grupo homogéneo o heterogéneo? Para separar.
Programación en Visual Basic Laboratorio #4 Por Antonio F. Huertas Modificado por: Nelliud D. Torres.
Un Método Cuantitativo podría definirse como aquellos modelos matemáticos puesto al servicio de los procesos de resolución de problemas de un modo racional.
Software Comprado vs Software a Medida Software Comprado: son software con un comportamiento definido, que resuelven un problema determinado de una forma.
La programación se puede definir como...
TALLER # 5.  QUE ES UNA PAGINA WEB? Una página web es el nombre de un documento o información electrónica adaptada para la World Wide Web y que puede.
1 Arquitectura de navegación (Etapa de diseño de la aplicación) Diseño Gráfico de la IU – ENCARAR UN PROYETO DESDE LA IU 3. Definir layout Definir estructura.
Lic. Luis West Grant. De Ventana y para Web. Lic. Luis West Grant. Aplicaciones de Software Aplicaciones de Ventana Se ejecutan en un ambiente gráfico.
GUIA PRACTICA DE INFORMATICA CREANDO FORMULARIOS A UNA BASE DE DATOS: Abrir la BD con la que ha estado trabajando.
Etapas de un proyecto.
90 SUR estudio de arquitectura.
Transcripción de la presentación:

1 Arquitectura de navegación (Etapa de diseño de la aplicación) Diseño Gráfico de la IU – ENCARAR UN PROYETO DESDE LA IU 2. Definir resolución de pantalla Definir resolución mínima de pantalla y su comportamiento: Ventana de tamaño fijo, no resizable Ventana resizable pero sólo se estira el fondo Ventana resizable y adaptable

2 Diseño Gráfico de la IU – ENCARAR UN PROYETO DESDE LA IU Ejemplo 1: Ventana de tamaño fijo no resizable

3 Diseño Gráfico de la IU – ENCARAR UN PROYETO DESDE LA IU Ejemplo 2: Ventana resizable pero sólo se estira el fondo 800x600

4 Diseño Gráfico de la IU – ENCARAR UN PROYETO DESDE LA IU Ejemplo 2: Ventana resizable pero sólo se estira el fondo 1024x768

5 Diseño Gráfico de la IU – ENCARAR UN PROYETO DESDE LA IU Ejemplo 3: Ventana resizable y adaptable (liquid layout) 1024x768

6 Diseño Gráfico de la IU – ENCARAR UN PROYETO DESDE LA IU Ejemplo 3: Ventana resizable y adaptable (liquid layout) 1152x864