Galerías HTML

La característica de exportación Galería HTML genera un catálogo de Microsoft Expression Media como una galería web en formato HTML. En Expression Media, una galería HTML tiene un aspecto muy parecido a un catálogo. La galería puede incluir un índice de imágenes en miniatura. Al hacer clic en dichas imágenes en un explorador, la imagen se abrirá en una vista de mayor tamaño o la película o el archivo de audio se reproducirán. Esta opción se puede usar para crear un sitio web de álbumes con su material.

Expression Media también incluye plantillas de Silverlight que permiten crear rápidamente galerías web dinámicas que muestran las imágenes en diseños dinámicos creativos que aprovechan al máximo la excelente experiencia de Silverlight en varias plataformas. Puede usar las plantillas en su estado actual o personalizarlas.

Tras crear la galería, los archivos se pueden cargar con cualquier software de FTP o Expression Media puede cargar las galerías web exportadas.

Importante:

Expression Media no cifra la información de inicio de sesión de FTP; por lo tanto, no proporciona un método de inicio de sesión seguro. Para asegurarse de que la carga es segura, cargue los archivos con una aplicación FTP de terceros compatible con las tecnologías de carga seguras, como SFTP (FTP seguro). Si no sabe qué tecnología usar, solicite información al proveedor del sitio FTP acerca de las tecnologías compatibles.

Galería HTML

Expression Media crea todos los archivos necesarios para una galería de fotografías web. Una página de índice HTML contiene imágenes en miniatura. Al hacer clic en una imagen, ésta se mostrará a tamaño completo y se visualizarán sus metadatos.

Expression Media dispone de dos métodos para crear galerías HTML:

• Es posible usar un tema predeterminado para crear un sitio web basado en las Opciones de vista de la Vista en miniatura y la Vista de elementos multimedia del catálogo. Otra posibilidad es usar cualquiera de los temas visuales incluidos en el programa.

• Puede crear sus propios temas. Expression Media usa una plantilla distinta para las vistas de índice y de elementos multimedia de la galería y ofrece un amplio vocabulario que puede servir para extraer información del catálogo (por ejemplo, campos y vistas en miniatura) y etiquetas de nivel superior para la navegación, la fecha, la hora, etc. La creación de temas requiere conocimientos de edición de HTML. Para obtener información acerca de cómo crear temas y plantillas, vea Galerías HTML personalizadas.

Crear una galería

Para crear una galería

1. Abra un catálogo de Expression Media de fotografías, ilustraciones, películas o cualquier archivo multimedia que se pueda distribuir en Web.

   Expression Media sólo exporta los elementos visibles del catálogo. Antes de crear la galería, asegúrese de que los elementos que desea exportar aparecen en el catálogo. A continuación, en el menú Crear, haga clic en Galería HTML.

2. En el menú Tema, elija un tipo de tema.

3. Haga clic en la ficha Tema y establezca estas opciones:

   • Título del sitio: escriba el texto que debe aparecer en la parte superior de la página de índice de la galería. Si no desea incluir un título, deje este campo vacío. Algunos temas no necesitan un título de sitio.

   • Tema: elija entre una selección de temas predefinidos o use Predeterminado para crear el sitio web mediante las Opciones de vista configuradas para Vista en miniatura y Vista de elementos multimedia en el catálogo. Si selecciona Predeterminado, asegúrese de elegir la tabla de índice correspondiente y las opciones de tamaño de miniatura y elementos multimedia. El resto de las tablas tienen tamaños predefinidos de tablas y elementos multimedia diseñados para obtener una salida óptima. Estas opciones se pueden cambiar, aunque algunos temas están diseñados para funcionar con valores predeterminados concretos, por lo que, al cambiar estas opciones, se pueden obtener resultados imprevisibles. Si una galería HTML creada no tiene la apariencia esperada, pruebe a crearla de nuevo con la configuración predeterminada.

   • Tabla de índice: personalice la cantidad de miniaturas que aparecerán a lo largo y ancho de la página Índice de la galería.

   • Miniaturas: configure las opciones de tamaño y posición de las miniaturas de la galería.

   • Multimedia: configure las opciones de tamaño y posición de los elementos multimedia de la galería.

4. Haga clic en la ficha Configuración y, a continuación, establezca las opciones según las descripciones siguientes:

   • Extensión HTML: defina la extensión de los nombres de archivo HTML. Las opciones disponibles son .htm, .html, .shtml, .asp, .php y .xml.

   • Salida: seleccione la opción Usar números para nombres de archivo HTML de forma que se usen incrementos numéricos (por ejemplo, 1, 2 y 3) para el nombre de archivo multimedia.

     Seleccione la opción Tratar títulos como HTML sin procesar para usar código HTML, como <b></b>, en el campo de anotaciones Descripción.

   • Calidad JPEG: seleccione el nivel de compresión aplicado a las miniaturas e imágenes multimedia.

   • Marca de agua: exporte las imágenes con una marca de agua visual; es decir, una imagen secundaria superpuesta a la imagen principal.

     Seleccione la opción Enmarcar imágenes para colocar un borde negro de 1 píxel alrededor de cada miniatura e imagen multimedia exportada.

     Seleccione la opción Incrustar anotaciones para incrustar todas las anotaciones IPTC/XMP Core en cada imagen exportada.

     Seleccione la opción Mantener perfiles de color para incrustar los perfiles de color ICC en cada miniatura e imagen multimedia exportada.

     Seleccione la opción Mantener metadatos EXIF/GPS para incrustar los metadatos de cámara digital EXIF y GPS en todas las imágenes exportadas.

   • Películas: ajuste las propiedades de las películas QuickTime en las páginas de elementos multimedia:

     Reproducción automática reproduce automáticamente una película en cuanto se carga en un explorador.

     Continua reproduce la película repetidamente.

     Mostrarcontroladorde QuickTime activa o desactiva los controles de reproducción estándar para una película.

     Pantalla completa oculta las opciones para guardar las películas y cambiar la configuración de QuickTime en una ventana del explorador.

5. ?Haga clic en la ficha Servidor y configure las opciones de FTP:

   • Servidor: escriba la dirección FTP del servidor (por ejemplo, ftp.ourmedia.org). Expression Media almacena en un menú todos los servidores que se definen para facilitar el acceso en futuras ocasiones.

   • Nombre de usuario: escriba el nombre de usuario para el servidor FTP.

   • Contraseña: escriba la contraseña para el servidor FTP.

   • Directorio remoto: escriba la ruta de acceso de la carpeta raíz web de la cuenta en el servidor. Si una carpeta de la galería aún no existe, asegúrese de definir la nueva carpeta en esta ruta de acceso.

   • Omitir archivos de imagen existentes: active esta casilla si ya ha cargado las imágenes de la galería y simplemente está volviendo a cargar el código HTML.

   • Vista previa de la configuración: escriba la dirección URL completa para la galería exportada. Asegúrese de escribir el mismo nombre de carpeta de carga que ha designado en el campo Carpeta.

6. Haga clic en la ficha Campos de tema. Algunos temas contienen variables que se pueden escribir en este panel. Por ejemplo, puede usar un tema genérico para sus encargos profesionales. Este tema puede incluir campos de tema especiales en los que debe escribir el nombre del cliente, el número de proyecto y los detalles del encargo. Esta información se mostrará en las páginas web exportadas.

7. Una vez creada la galería, quedan dos opciones finales por revisar. Para que Expression Media cargue una galería exportada, debe seleccionar la casilla Cargar al servidor. Seleccione la opción Iniciar explorador al terminar para que Expression Media inicie la galería web exportada en el explorador web predeterminado del sistema.

8. Después de definir la configuración, haga clic en Crear. El tiempo que Expression Media tarda en crear una galería depende del número de imágenes, su tamaño original y el tamaño de exportación. Después de la exportación, la galería se abrirá en el explorador web si dicha opción está seleccionada.

9. Opcional. Cuando Expression Media haya exportado la galería, aparecerá un cuadro de diálogo que indica que se completó la creación de la galería y se le preguntará si desea cargar (X) archivos en el servidor, donde X es el número de archivos de la galería. Si hace clic en Aceptar, la barra de progreso mostrará el progreso de cada archivo mientras se carga en el servidor.

Imágenes HTML con marca de agua

Expression Media exporta las imágenes HTML con una marca de agua visual (es decir, una imagen secundaria superpuesta a la imagen principal que proporciona un medio para identificar el origen de la imagen y protege sus derechos de autor).

[!NOTA]

Las marcas de agua visuales no son como las marcas de agua digitales que se implementan de forma algorítmica y que están diseñadas para no ser detectadas.

Para aplicar una marca de agua a una imagen

1. Inicie Adobe Photoshop o un programa que pueda un archivo .tif con un fondo transparente. Expression Media acepta los formatos de archivo .tif, .psd, .jpg, .pict, .png, .bmp y .gif.

   [!NOTA]

   El formato .jpg no admite transparencias. Para obtener un resultado óptimo, se recomienda usar .tif.

2. Cree un archivo nuevo.

   El archivo usado en este ejemplo tiene 200 píxeles de ancho por 50 de alto. Conviértalo a RGB con la opción Fondo establecida en Transparente.

3. Haga clic en la herramienta Escribir y escriba algo con el color establecido en Negro.

4. Haga clic en Guardar. Seleccione el formato .tif. No es necesario guardar el canal alfa ni la información de capa.

5. En el siguiente cuadro de diálogo, seleccione la compresión que desee y, a continuación, elija GuardarTransparencia.

6. Vuelva al panel Configuración HTML de Expression Media y, en el cuadro de diálogo Establecer marca de agua, seleccione el archivo .tif haciendo clic en el botón Nueva imagen.

Opciones de marca de agua

Las instrucciones anteriores crean una superposición en la que el color de la marca de agua es opaco (como en el caso de 100% blanco o negro).

Para cambiar la opacidad del color de la marca de agua y asignarle una calidad transparente, ajuste las capas entre el 50 y el 90 por ciento. Para agregar una sombra paralela de forma que la marca de agua sea un poco más interesante, agregue los pasos siguientes después del paso 3:

1. Agregue un filtro Sombra paralela.

2. Establezca el color del filtro en blanco o negro, o el color que prefiera.

3. Para aplicar a la marca de agua una calidad transparente, ajuste la opacidad al 75% en el cuadro de diálogo del filtro.

El uso de una sombra paralela garantiza que la marca de agua se pueda leer, aunque quede tapada por una parte oscura o clara de una imagen.

Vea también

Conceptos

Expression Media Reader