Para exibir a caixa de diálogoCaixa de diálogo Configurações de saída, siga um destes procedimentos:
Definição de opções de saída
As configurações de saída controlam a formatação dos arquivos HTML, como os arquivos e fatias são nomeados e como as imagens do fundo são controladas quando se salva uma imagem otimizada. Essas opções podem ser definidas na caixa de diálogoCaixa de diálogo Configurações de saída.
Você pode salvar as configurações de saída e aplicá-las a outros arquivos.
-
Ao salvar uma imagem otimizada, escolha a opção Outros no menu pop-up Configurações, na caixa de diálogo Salvar otimizado ou Salvar otimizado como.
Escolha Editar configurações de saída no menu pop-up Otimizar (à direita do menu Predefinição) na caixa de diálogo Salvar para a Web e dispositivos.
-
(Opcional) Para exibir opções predefinidas de saída, escolha uma opção no menu pop-up Configurações.
-
Edite cada conjunto de opções conforme necessário. Para alternar para outro conjunto de opções, escolha um conjunto no menu pop-up abaixo do menu Configurações. Ou clique em Próximo para exibir o próximo conjunto na lista de menus e em Anterior para exibir o conjunto anterior.
-
(Opcional) Para salvar configurações de saída, defina as opções conforme o desejado e clique em Salvar. Digite um nome de arquivo, escolha um local para o arquivo salvo e clique em Salvar.
As configurações de saída podem ser salvas em qualquer lugar. Contudo, se você inserir o arquivo na pasta Configurações de saída personalizadas dentro da pasta do Animate, o arquivo aparecerá no menu pop-up Configurações.
-
(Opcional) Para carregar configurações de saída, clique em Carregar, selecione um arquivo e clique em Abrir.
Opções de saída HTML
É possível definir as seguintes opções no conjunto HTML:
Saída XHTML
Cria páginas da Web que atendem ao padrão XHTML na exportação. Escolher Saída XHTML torna indisponíveis outras opções de saída que talvez entrem em conflito com esse padrão. Ao selecionar essa opção, as opçõesOpções Maiúsculas/minúsculas de tags e de Atributos.
Marcadores
Especifica a definição de maiúsculas/minúsculas nas tags.
Atributo de maiúscula/minúscula
Especifica a definição de maiúsculas/minúsculas dos atributos.
Recuo
Especifica um método de recuo para linhas de código: com as configurações de tabulação do applicativo de criação, com um número especificado de espaços ou sem recuo.
Finais de linha
Especifica uma plataforma para a compatibilidade de finais de linha.
Codificação
Especifica uma codificação de caractere padrão para a página da Web. (Essa opção está disponível apenas no Illustrator; o Photoshop sempre usa a codificação UTF-8.)
Incluir comentários
Adiciona comentários de explicação ao código HTML.
Sempre adicionar atributo Alt
Adiciona o atributo ALT a elementos IMG para cumprir os padrões governamentais de acessibilidade para a Web.
Atributos sempre com aspas
Serve para colocar aspas em todos os atributos de marcas (tags). É necessário inserir aspas nos atributos para compatibilidade com certos navegadores antigos e rigorosa conformidade com HTML. No entanto, colocar os atributos entre aspas não é sempre recomendável. As aspas são usadas quando é necessário estar compatível com a maioria dos navegadores, caso essa opção seja desmarcada.
Fechar todas as marcas
Fecha as marcas (tags) de todos os elementos HTML do arquivo para conformidade com XHTML.
Incluir margens zero na tag Body
Remove margens internas padrão dentro de uma janela do navegador. Adiciona marcas de largura de margem, altura de margem, margem esquerda e margem superior com valores de zero para a marca do corpo.
Opções de saída de fatias
É possível definir as seguintes opções no Conjunto de fatias:
Criar tabela
Alinha as fatias usando uma tabela HTML em vez de usar uma folha de estilos em cascata (CSS).
Células vazias
Especifica como fatias vazias são convertidas em células da tabela. Selecione GIF, IMG W&H para usar um GIF de um pixel com valores de largura e altura especificados na tag IMG. Selecione GIF, TD W&H para usar um GIF de um pixel com valores de largura e altura especificados na tag TD. Selecione NoWrap, TD W&H para inserir um atributo NoWrap não padrão nos dados da tabela e também para inserir valores de altura e largura especificados nas tags TD.
TD W&H
Especifica quando incluir atributos de largura e altura para dados da tabela: Sempre, Nunca ou Automático (configuração recomendada).
Células do espaçador
Especifica quando adicionar uma linha e uma coluna de células vazias do espaçador em torno da tabela gerada: Automático (configuração recomendada), Automático (Inferior), Sempre, Sempre (Inferior) ou Nunca. Para layouts de tabela nos quais os limites da fatia não são alinhados, adicionar células do espaçador pode impedir que a tabela fique dividida em alguns navegadores.
Gerar CSS
Cria uma folha de estilo em cascata em vez de uma tabela HTML.
Referido
Especifica como as posições da fatia são mencionadas no arquivo HTML quando se usa CSS:
Por ID: posiciona cada fatia usando estilos mencionados por uma ID exclusiva.
Inline: inclui elementos de estilo na declaração da tag <DIV> do elemento de bloco.
Por classe: posiciona cada fatia usando classes mencionadas por uma ID exclusiva.
Nomenclatura de fatia padrão
Escolha elementos nos menus pop-up ou digite texto nos campos para criar nomes padrão para as fatias. Os elementos incluem o nome do documento, a palavra fatia, números ou letras designando fatias ou estados de rolagem, data de criação da fatia, pontuação ou nenhum.
Configurações de saída do fundo
As seguintes opções podem ser definidas no conjunto Fundo da caixa de diálogo Configurações de saída:
Exibir documento como
Selecione Imagem, se desejar que a página da Web exiba uma imagem ou uma cor sólida como o fundo atrás da imagem atual. Selecione Fundo, se desejar que a página da Web exiba a imagem otimizada como um fundo em ladrilhos.
Imagem do fundo
Digite o local de um arquivo de imagem ou clique em Escolher e selecione a imagem. O arquivo especificado será colocado lado a lado, atrás da imagem otimizada na página da Web.
Cor
Clique na caixa Cores e selecione uma cor de fundo, usando o seletor de cores, ou escolha uma opção no menu pop-up.
Salvar configurações de saída de arquivos
Defina as seguintes opções no conjunto Salvamento de arquivos da caixa de diálogo Configurações de saída:
Definição do nome de arquivo
Escolha elementos nos menus pop-up ou digite texto nas caixas a serem combinadas aos nomes padrão de todos os arquivos. Os elementos incluem nome do documento, nome da fatia, estado de rolagem, fatia do disparador, data de criação do arquivo, número de fatia, pontuação e extensão de arquivo. Algumas opções só são relevantes se o arquivo contém fatias ou estados de rolagem.
As caixas de texto permitem que você altere a ordem e o formato de partes do nome do arquivo (por exemplo, permitem indicar o estado de rolagem por uma abreviatura em vez de usar a palavra inteira).
Compatibilidade de nome de arquivo
Selecione uma ou várias opções para tornar o nome do arquivo compatível com os sistemas operacionais Windows (permite nomes de arquivos mais longos), Macintosh e UNIX.
Colocar imagens na pasta
Especifica o nome da pasta na qual as imagens otimizadas serão salvas (disponível apenas para documentos com várias fatias).
Copiar imagem do fundo ao salvar
Preserva uma imagem de fundo que foi especificada no conjunto de preferências Fundo.
Inclusão de informações de título e de copyright em uma imagem
É possível adicionar informações sobre título e copyright a uma página da Web, inserindo informações na caixa de diálogoCaixa de diálogo Informações do arquivo. As informações do título são exibidas na barra de título do navegador quando a imagem é exportada com um arquivo HTML. As informações sobre copyright não são exibidas em um navegador, mas são adicionadas ao arquivo HTML como um comentário e ao arquivo de imagem como metadados.
-
Escolha Arquivo > Informações do arquivo.
-
Para inserir um título que será exibido na barra de título do navegador da Web, na seção Descrição da caixa de diálogo Informações do arquivo, digite o texto desejado na caixa de texto Título do documento.
-
Para inserir informações de copyright, na seção Descrição da caixa de diálogo Informações do arquivo, digite o texto desejado na caixa de texto Aviso de Copyright.
-
Clique em OK.