Diseñar aplicaciones en Blend (HTML)

Las aplicaciones de la Tienda Windows pueden usar dos tipos diferentes de marcado: el lenguaje XAML, un lenguaje de marcado basado en XML desarrollado por Microsoft, o el lenguaje de marcado de hipertexto (HTML), el lenguaje de marcado que se emplea generalmente para estructurar las páginas de World Wide Web (WWW). Junto con HTML, las hojas de estilos en cascada (CSS) proporcionan características de diseño de páginas HTML.

Para obtener más información sobre la creación de aplicaciones con XAML, vea Diseñar aplicaciones en Blend (XAML).

Si decide desarrollar aplicaciones de Tienda Windows mediante HTML, puede compilar interfaces de usuario atractivas en el marcado HTML en lugar de en un lenguaje de programación como JavaScript. Puede crear documentos de UI complejos con HTML y CSS mediante la definición de elementos tales como controles, texto, imágenes, formas, animación y mucho más.

Nota Nota

Las aplicaciones deTienda Windows solo funcionan en dispositivos con Windows 8.

Para obtener más información sobre HTML y Desarrollo de aplicaciones de la Tienda Windows, vea el tema para Desarrollar aplicaciones (JavaScript y HTML5) en el Centro de desarrollo de Windows.

El código HTML de cualquier documento de Blend se almacena en un archivo .html. Cuando se crea un nuevo proyecto, Blend crea tres archivos: default.html, que contiene el marcado que define la estructura de la aplicación, default.css, que define la apariencia de los diferentes componentes de la aplicación y default.js, que contiene el código JavaScript que proporciona la lógica y la interactividad de la aplicación.

Para obtener información acerca de cómo crear documentos HTML con o sin archivos JavaScript, vea Crear un proyecto nuevo (Blend para Visual Studio).

Como HTML es declarativo, se requerirá la adición de código si fuera necesario agregar lógica en tiempo de ejecución a la aplicación. Por ejemplo, si la aplicación sólo usa HTML, se pueden crear y animar elementos de la interfaz de usuario y configurarlos para que respondan de un modo limitado a los datos proporcionados por el usuario (mediante desencadenadores de eventos), pero la aplicación no podrá realizar cálculos ni responderlos, ni podrá crear espontáneamente nuevos elementos de UI sin la adición de código. El código de una aplicación HTML se almacena en un archivo distinto del documento HTML. El hecho de que el diseño de la interfaz de usuario esté separado del código subyacente permite a programadores y diseñadores trabajar juntos en el mismo proyecto sin interferir mutuamente en su trabajo.

Cuando se compila un proyecto, el analizador de Blend lee los archivos .html, .css y .js del proyecto y genera un informe de los errores que se hayan producido. Del mismo modo, cuando se abre un proyecto existente, el analizador de Blend lee los archivos .html, .css y .js incluidos en la carpeta del proyecto e intenta analizar los elementos y mostrar los documentos en la mesa de trabajo en la vista Diseño. En ambos casos, si el analizador detecta errores, la mesa de trabajo se deshabilita y Blend muestra un mensaje de error con un vínculo para abrir la vista Código, donde podrá resolver los errores. También se informa de los errores detectados por el analizador en la ficha Errores del panel Resultados.

Para obtener más información, vea los temas siguientes:

De sus primeros pasos con ayuda de la guía de la Tienda Windows, que le permitirá conocer los conceptos básicos para escribir la primera aplicación.

También puede obtener información sobre cómo usar Blend si compila su propia aplicación de la Tienda Windows en HTML en Blend.

Para obtener más información, vea Diseñar la primera aplicación de la Tienda Windows (HTML).

JJ155209.collapse_all(es-es,VS.110).gifRecursos adicionales

Obtenga información sobre cómo crear aplicaciones de la Tienda Windows con JavaScript. Desde la nueva pantalla de inicio hasta el diseño y los controles nuevos de la interfaz de usuario, la presentación de la aplicación consiste en mostrar en qué consiste su grandeza.

  • Diseñar una interfaz de usuario Obtenga información sobre cómo crear una interfaz de usuario para su aplicación.

    Para obtener más información, vea Creación de una interfaz de usuario.

  • Definir los recursos de la aplicación Obtenga información sobre cómo definir los recursos de la aplicación para mejorar el mantenimiento y la localización.

    Para obtener más información, vea Definición de recursos de la aplicación.

  • Responder a la interacción del usuario Obtenga información sobre cómo responder a la entrada táctil, el teclado, el mouse y el lápiz.

    Para obtener más información, vea Responder a la interacción del usuario.

  • Trabajar con datos y archivos Obtenga información sobre cómo enlazar datos, leer, escribir y guardar archivos, así como el modo de manipular datos XML.

    Para obtener más información, vea Trabajar con datos y archivos.

  • Conectarse a servicios del mismo nivel, servicios Web y de red Obtenga información sobre cómo crear aplicaciones conectadas. Una aplicación conectada o una aplicación de red puede utilizar la red para diversos propósitos, como fuentes RSS, juegos e interactuar con dispositivos próximos.

    Para obtener más información, vea Conectarse a servicios del mismo nivel, servicios web y de red.

  • Administrar la información del usuario Obtenga información sobre cómo usar credenciales de movilidad, cómo autenticar a los usuarios con Servicios Live y cómo configurar el inicio de sesión único.

    Para obtener más información, vea Administración de la información del usuario.

  • Iniciar y reanudar aplicaciones LObtenga información sobre cómo iniciar, suspender y reanudar la aplicación sin dejar de mantener los datos de la aplicación seguros y actualizados.

    Para obtener más información, vea Iniciar y reanudar aplicaciones.

  • Agregar recursos multimedia Obtenga información sobre cómo capturar archivos multimedia, reproducir audio y vídeo, procesar archivos de imagen, compartir o transmitir medios y transcodificar multimedia.

    Para obtener más información, vea Agregar recursos multimedia.

  • Integrate devices, printers, and screens Obtenga información sobre cómo admitir dispositivos tales como impresoras, cámaras, sensores, medios de almacenamiento extraíbles, etc. También puede obtener información sobre cómo elegir el sensor de movimiento y orientación correcto para el juego, cómo usar un sensor de iluminación para ajustar la luminosidad de la pantalla y cómo detectar la ubicación geográfica de un usuario.

    Para obtener más información, vea Integración de dispositivos, impresoras y sensores.

  • Crear componentes de Windows en tiempo de ejecución Obtenga información sobre cómo crear componentes (básicamente archivos DLL) en C++, C# o Visual Basic, y realizar llamadas de una forma sencilla y natural desde una aplicación de la Tienda Windows mediante JavaScript.

    Para obtener más información, vea Creación de componentes de Windows en tiempo de ejecución.

  • Globalizar la aplicación Obtenga información sobre cómo usar herramientas para depurar y probar la aplicación.

    Para obtener más información, vea Globalizar la aplicación.

  • Crear una aplicación accesible Obtenga información sobre cómo crear aplicaciones accesibles para el mayor número de personas posible, incluidas aquellas con impedimentos o discapacidades.

    Para obtener más información, vea el tema sobre cómo Mejorar la accesibilidad de una aplicación.

Mostrar:
© 2015 Microsoft