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.

  1. Para exibir a caixa de diálogoCaixa de diálogo Configurações de saída, siga um destes procedimentos:

    • 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.

  2. (Opcional) Para exibir opções predefinidas de saída, escolha uma opção no menu pop-up Configurações.

  3. 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.

  4. (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.

  5. (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.

  1. Escolha Arquivo > Informações do arquivo.

  2. 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.

  3. 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.

  4. Clique em OK.

Esta obra está licenciada sob uma licença não adaptada da Creative Commons Attribution-Noncommercial-Share Alike 3.0  As publicações do Twitter™ e do Facebook não são cobertas pelos termos do Creative Commons.

Avisos legais   |   Política de privacidade online