lunes, 7 de octubre de 2013

Diseñar una aplicación en Blend - Diseño de aplicaciones de Windows 8 en HTML 5 - Microsoft Virtual Academy - MVA - Módulo 16 de 18





Nota:
  • La solución de las siguientes preguntas pueden ayudarte a aprobar el módulo, siempre y cuando sean las mismas que me mostraron.
  • Dos asteriscos (**) significa Alternativa Correcta.
  • Alternativas sin marcar significa que me equivoque en la respuesta, por consiguiente depende únicamente de tu conocimiento. Si logras identificar la alternativa correcta compártela en este Sitio Web y si te tocan nuevas preguntas también. Gracias!


Diseñar una aplicación en Blend 


1. Para qué se establece un punto de inserción (Set insertion point) sobre un archivo o grupo de reglas CSS en el panel de Reglas de Estilo?
 
Para confirmar la ubicación del archivo o grupo de reglas dentro del panel DOM dinámico (Live DOM)
Para definir cuales reglas de estilo se podrán crear a partir de ese momento
Para evitar que las propiedades se inserten en el archivo o grupo seleccionado
**Para que las nuevas reglas de estilo que se vayan a crear se inserten al final del archivo o del grupo seleccionado


2. Estos son los destinos posibles para probar la aplicación:
 
**Simulador y Equipo Local (Según el aporte de Anónimo)
Simulador y Equipo Remoto
Simulador, Equipo Local y Equipo Remoto
Simulador y Dispositivo Externo


3. Para que se usa la regla: @ all and (-ms-view-state: snapped)
 
Establecer una consulta de medios que evalúe si la aplicación esta en modo de pantalla completa
Establecer una consulta de medios que evalúe si la aplicación esta en modo de vista acoplada
Cambia la aplicación al modo vista acoplada
Todas las anteriores


4. En el Live DOM, para identificar los objetos creados dinámicamente en la pantalla, estos objetos tienen el icóno de un
 
candado
ojo
**rayo
llave
flecha


5. Cual es el mejor formato para utilizar imágenes vectoriales en aplicaciones de HTML5 para Windows RT
 
Illustrator CS2
Windows Meta File
**Scalable Vector Graphics
CSS primitives


6. Este archivo de estilos css no se crea automáticamente cuando se inicia un nuevo proyecto:
 
ui-dark.css
default.css
ui-light.css
**estilos.css


7. Para establer la aceleración de una transición CSS de una propiedad, cuales opciones se pueden usar?
 
ease, ease-in, ease-out, radial, centric
**linear, ease, step-start
clockWise, linear, ease-in-out
accelerate, fade-in, ease-out, linear


8. El panel Live DOM o DOM Dinámico el disenador puede
 
Ver cuales objetos son creados dinámicamente en la pantalla de la aplicación
Ver el listado de elementos que componen la interfaz y su estructura de organización.
Bloquear, seleccionar u ocultar los elementos que  tengo en la pantalla de la aplicación.
Todas las anteriores


9. Cuál es el panel que establece el destino para probar la aplicación?
 
Dispositivo
**Plataforma
Destino
Pantalla


10. El valor de un color se especifica según el siguiente orden de valores:
 
RRGGBBAA
**AARRGGBB
ARGBARGB
TTRRGGBB


Espero haber ayudado en algo. Hasta la próxima oportunidad!


8 comentarios:

  1. Respuestas
    1. Hola Anónimo, gracias por la visita y el aporte de tus conocimientos!!
      Citaré la respuesta en la pregunta!!
      Los mejores deseos!! Hasta cualquier momento!

      Eliminar
  2. Si asignamos estos valores: 40px 185px 20px 1fr 40px a la propiedad -ms-grid-columns, estamos creando:

    ** 5 columnas: la primera de 40 pixeles, la tercera de 20 pixeles, la quinta de 40 pixeles, la segunda de 185 pixeles y la cuarta ancho automático

    5 columnas: la primera de 40 pixeles, la tercera de 20 pixeles, la quinta de 40 pixeles, la segunda de 185 pixeles y la cuarta del ancho restante dividido en 1 fracción

    4 columnas: la primera de 40 pixeles, la tercera de 20 pixeles, la quinta de 40 pixeles, la segunda de 185 pixeles y la tercera de 1 fracción del ancho restante

    5 columnas: la primera de 4 pixeles, la tercera de 20 pixeles, la quinta de 40 pixeles, la segunda de 185 pixeles y la cuarta de 1 franco horizontal



    Si JavaScript genera el elemento dinámicamente en una pantalla

    Blend no puede almacenar las propiedades del estilo en línea.

    Los elementos se comportarán exactamente igual al objeto creado, pero serán visualmente diferentes.

    Los elementos serán visualmente iguales, pero se comportarán diferentes

    Blend guardará las propiedades del estilo en línea



    La propiedad -ms-flex-wrap de un FlexBox con valor en wrap se asigna para

    Organizar automáticamente la distribución de los elementos en columnas y filas.

    Adaptar la dimensión del FlexBox al ancho y alto de los elementos contenidos

    Separar equitativamente los elementos dentro de un flexBox

    Todas las anteriores



    Se puede usar un FlexBox para:

    Construir un diseño fluido—incluso cuando uses tamaños de pantalla y de ventana del explorador diferentes—pero que contenga elementos (como imágenes o controles) que mantengan su posición y su tamaño relativos.

    Especificar cómo se puede asignar de manera proporcionada el espacio sobrante a lo largo del eje de diseño (horizontal o vertical) de una serie de elementos para aumentar el tamaño de algunos elementos concretos.

    Especificar cómo se puede asignar el espacio sobrante a lo largo del eje de diseño de una serie de elementos para colocarlo antes, después o entre las series de elementos.

    Especificar cómo se puede ajustar el espacio sobrante perpendicular al eje de diseño de un elemento alrededor del elemento; por ejemplo, el espacio extra encima o debajo de botones que se han diseñado en paralelo.

    Controlar la dirección en la que los elementos se disponen en la página—por ejemplo, de arriba a abajo, de izquierda a derecha, de derecha a izquierda o de abajo a arriba.

    Reordenar los elementos de la pantalla con un orden diferente al que especifica el Document Object Model (DOM).

    Todas las anteriores

    ResponderEliminar
    Respuestas
    1. Hola Anónimo, gracias por la visita y el aporte de tus conocimientos.
      Los mejores deseos!! Hasta cualquier momento!

      Eliminar

  3. El simulador no permite utilizar esta opción:

    Modo mouse

    Modo táctil

    Captura de pantallas

    **Geolocalizador

    ResponderEliminar
    Respuestas
    1. Hola Anónimo, gracias por la visita y el aporte de tus conocimientos.
      Éxitos!! Hasta cualquier instante!

      Eliminar
  4. Dejare algunas con solo la respuesta, otras son las que me quedaron mal y las descarte Se puede usar un FlexBox para:
    ******* Todas las anteriores

    Estos son los destinos posibles para probar la aplicación:
    **** Simulador y Equipo Local

    El panel Live DOM o DOM Dinámico el disenador puede
    **** Todas las anteriores

    Si JavaScript genera el elemento dinámicamente en una pantalla
    ***** Blend no puede almacenar las propiedades del estilo en línea.

    Para que se usa la regla: @ all and (-ms-view-state: snapped)
    **** Establecer una consulta de medios que evalúe si la aplicación esta en modo de pantalla completa

    El simulador no permite utilizar esta opción:
    **** Geolocalizador

    Si asignamos estos valores: 40px 185px 20px 1fr 40px a la propiedad -ms-grid-columns, estamos creando:
    ****** 5 columnas: la primera de 40 pixeles, la tercera de 20 pixeles, la quinta de 40 pixeles, la segunda de 185 pixeles y la cuarta del ancho restante dividido en 1 fracción

    Para que un objeto se ajuste horizontalmente a la medida de su contenedor se debe usar:
    ****** width: 100%;

    El panel Live DOM o DOM Dinámico el disenador puede
    ********* Todas las anteriores

    La propiedad -ms-flex-wrap de un FlexBox con valor en wrap se asigna para
    A.
    Separar equitativamente los elementos dentro de un flexBox
    C.
    Todas las anteriores
    D.
    Organizar automáticamente la distribución de los elementos en columnas y filas.

    ResponderEliminar
    Respuestas
    1. Hola Andres Florez, gracias por la visita y el aporte de tus conocimientos!
      Es grato saber que tomaste algo de tu tiempo para publicar las preguntas!
      Los mejores deseos! Hasta cualquier momento!

      Eliminar