Ajustes de salida Guardar para Web

Definición de las opciones de salida

Los ajustes de salida controlan el formato de los archivos HTML, la asignación de nombres de archivos y sectores, y la gestión de imágenes de fondo al guardar una imagen optimizada. Estas opciones se definen en el cuadro de diálogo Ajustes de salida.

Es posible guardar los ajustes de salida y aplicarlos a otros archivos.

  1. Para ver el cuadro de diálogo Ajustes de salida, realice una de las siguientes acciones:

    • Cuando guarde una imagen optimizada, seleccione Otro en el menú emergente Configuración del cuadro de diálogo Guardar optimizada o Guardar optimizada como.

    • Seleccione Editar ajustes de salida en el menú emergente Optimizar (a la derecha del menú Ajustes preestablecidos) del cuadro de diálogo Guardar para Web y dispositivos.

  2. (Opcional) Para visualizar opciones de salida predefinidas, seleccione una opción en el menú emergente Configuración.

  3. Edite cada conjunto de opciones como precise. Para cambiar a otro conjunto de opciones, seleccione uno en el menú emergente situado debajo del menú Configuración. También puede hacer clic en Siguiente para visualizar el siguiente conjunto de la lista del menú; haga clic en Anterior para visualizar el conjunto anterior.

  4. (Opcional) Para guardar los ajustes de salida, defina las opciones como prefiera y haga clic en Guardar. Escriba un nombre de archivo, elija una ubicación para el archivo guardado y haga clic en Guardar.

    Puede guardar los ajustes de salida en cualquier ubicación. Sin embargo, si coloca el archivo en la carpeta Ajustes de salida optimizada dentro de la carpeta Animate, el archivo se mostrará en el menú emergente Configuración.

  5. (Opcional) Para cargar los ajustes de salida, haga clic en Cargar, seleccione un archivo y haga clic en Abrir.

Opciones de salida HTML

Es posible definir las siguientes opciones en el conjunto HTML:

XHTML de salida

Crea páginas Web que cumplen el estándar XHTML al exportar. Si selecciona XHTML de salida, se desactivan otras opciones de salida que podrían entrar en conflicto con este estándar. Si selecciona esta opción, se establecen automáticamente las opciones Etiquetas y Atributos.

Etiquetas

Especifica si las etiquetas van a escribirse con mayúsculas.

Atributos

Especifica si los atributos van a escribirse con mayúsculas.

Sangría

Especifica el método para sangrar líneas de código: la configuración de tabulación de la aplicación utilizada, un número determinado de espacios o ninguna sangría.

Fin de línea

Especifica una plataforma para la compatibilidad de los fines de línea.

Codificación

Especifica una codificación de caracteres por defecto para la página Web. (Esta opción solo está disponible en Illustrator; Photoshop siempre utiliza la codificación UTF-8).

Incluir comentarios

Añade comentarios explicativos al código HTML.

Añadir el atributo Alt siempre

Añade el atributo ALT a elementos IMG para cumplir los estándares gubernamentales de accesibilidad Web.

Colocar atributos entre comillas siempre

Pone entre comillas todos los atributos de etiquetas. Poner los atributos entre comillas es necesario para la compatibilidad con ciertos navegadores anteriores o para una estricta compatibilidad HTML. Sin embargo, no se recomienda utilizar esta opción. Las comillas se utilizan cuando es necesario mantener la compatibilidad con la mayoría de los navegadores, si se ha deseleccionado esta opción.

Cerrar todas las etiquetas

Añade etiquetas cerradas a todos los elementos HTML del archivo para la compatibilidad con XHTML.

Incluir márgenes cero en la etiqueta de cuerpo

Elimina los márgenes internos por defecto en la ventana del navegador. Añade a la etiqueta BODY las etiquetas marginwidth, marginheight, leftmargin y topmargin con valores de cero.

Opciones de salida de sectores

Es posible definir las siguientes opciones en el grupo Sectores:

Generar tabla

Alinea los sectores mediante una tabla HTML, en lugar de una hoja de estilos en cascada.

Celdas vacías

Especifica cómo se convierten los sectores vacíos en celdas de la tabla. Seleccione GIF, IMG W&H para utilizar un GIF de 1 píxel con valores de anchura y altura especificados en la etiqueta IMG. Seleccione GIF, TD W&H para utilizar un GIF de 1 píxel con valores de anchura y altura especificados en la etiqueta TD. Seleccione NoWrap, TD W&H para colocar un atributo NoWrap no estándar en los datos de la tabla y colocar también los valores de anchura y altura especificados en las etiquetas TD.

TD W&H

Especifica cuándo hay que incluir atributos de anchura y altura para los datos de la tabla: Siempre, Nunca o Automático (ajuste recomendado).

Celdas de espacio

Especifica cuándo hay que añadir una fila y una columna de celdas de espacio vacías alrededor de la tabla generada: Automático (ajuste recomendado), Automático (abajo), Siempre, Siempre (abajo) o Nunca. Para los diseños de tabla en los que los bordes de los sectores no estén alineados, añadir celdas de espacio puede evitar que se rompa la tabla en algunos navegadores.

Generar CSS

Genera una hoja de estilos en cascada, en lugar de una tabla HTML.

De referencia

Especifica cómo se hace referencia a las posiciones de los sectores en el archivo HTML cuando se utiliza una hoja de estilos en cascada:        

Por ID: coloca cada sector utilizando estilos a los que se hace referencia mediante un ID exclusivo.

En línea: incluye elementos de estilo en la declaración de la etiqueta <DIV> del elemento de cuadrado.

Por clase: coloca cada sector utilizando clases a las que se hace referencia mediante un ID exclusivo.

Nombre de sector por defecto

Seleccione elementos de los menús emergentes o introduzca texto en los campos para crear los nombres por defecto de los sectores. Entre los elementos se incluyen el nombre del documento, la palabra sector, los números o las letras que designan los sectores o los estados de rollover, la fecha de creación del sector, la puntuación o ninguno.

Ajustes de salida para fondo

Puede configurar las siguientes opciones en el grupo Fondo del cuadro de diálogo Ajustes de salida:

Ver documento como

Seleccione Imagen si desea que la página Web muestre una imagen o un color uniforme como fondo de la imagen actual. Seleccione Fondo si desea que la página Web muestre la imagen optimizada en forma de fondo segmentado.

Imagen de fondo

Introduzca la ubicación de un archivo de imagen o haga clic en Elegir y seleccione una imagen. El archivo que especifique se segmentará detrás de la imagen optimizada de la página Web.

Color

Haga clic en el cuadro Color y seleccione un color de fondo utilizando el selector de color o elija una opción en el menú emergente.

Ajustes de salida de Guardar archivos

Establezca las opciones siguientes en el grupo Guardar archivos del cuadro de diálogo Ajustes de salida:

Nombres de archivos

Seleccione elementos en los menús emergentes o introduzca texto en los cuadros para combinarlos con los nombres predeterminados de todos los archivos. Los elementos son el nombre del documento, nombre de sector, estado de rollover, sector activador, fecha de creación de archivo, número de sector, puntuación y extensión de archivo. Algunas opciones son importantes solo si el archivo contiene sectores o estados de rollover.

Los cuadros de texto permiten cambiar el orden y el formato de los componentes del nombre del archivo (por ejemplo, permiten indicar el estado de rollover de forma abreviada en lugar de utilizar toda la palabra).

Compatibilidad de nombres de archivo

Seleccione una o varias opciones para que el nombre de archivo sea compatible con Windows (permite nombres de archivo más largos), Mac OS y UNIX.

Colocar imágenes en carpeta

Especifica el nombre de la carpeta en la que se guardan las imágenes optimizadas (disponible solo en los documentos que contienen varios sectores).

Copiar imagen de fondo al guardar

Conserva una imagen de fondo que se ha especificado en el grupo de preferencias Fondo.

Inclusión del título e información de copyright en una imagen

Puede añadir información sobre el título y el copyright a una página web si introduce información en el cuadro de diálogoCuadro de diálogo Información del archivo. La información del título aparece en la barra de título del navegador Web cuando se exporta la imagen con un archivo HTML. La información de copyright no se muestra en un navegador; sin embargo, se añade al archivo HTML como un comentario y al archivo de imagen como metadatos.

  1. Elija Archivo > Información de archivo.

  2. Para introducir un título que aparecerá en la barra de título del navegador Web, en la sección Descripción del cuadro de diálogo Información del archivo, introduzca el texto que desee en el cuadro de texto Título del documento.

  3. Para introducir información sobre el copyright, en la sección Descripción del cuadro de diálogo Información del archivo, introduzca el texto deseado en el cuadro de texto Aviso de copyright.

  4. Haga clic en Aceptar.

 Adobe

Obtén ayuda de forma más rápida y sencilla

¿Nuevo usuario?

Adobe MAX 2024

Adobe MAX
La conferencia de creatividad

Del 14 al 16 de octubre en Miami Beach y en línea

Adobe MAX

La conferencia de creatividad

Del 14 al 16 de octubre en Miami Beach y en línea

Adobe MAX 2024

Adobe MAX
La conferencia de creatividad

Del 14 al 16 de octubre en Miami Beach y en línea

Adobe MAX

La conferencia de creatividad

Del 14 al 16 de octubre en Miami Beach y en línea