Como fazer um site no Adobe InDesign

Escrito por aubrey kerr | Traduzido por mailson belarmino de souza
  • Compartilhar
  • Tweetar
  • Compartilhar
  • Pin
  • E-mail
Como fazer um site no Adobe InDesign
Além de ajustar design, Adobe InDesign também pode criar páginas para a Web (website layout image by 6922Designer from Fotolia.com)

Se você está acostumado a fazer layouts de páginas no Adobe InDesign, poderá se surpreender ao saber que há uma opção de exportação que permite que você publique seus projetos na Web. Você também pode enviar layouts do InDesign para o Dreamweaver ou Flash para formatar e ajustar para a internet. O método mais fácil é exportar seu projeto para XHTML. Os elementos dele serão então convertidos para esse formato, podendo ser abertos no Dreamweaver ou qualquer editor de HTML que usa CSS.

Nível de dificuldade:
Moderado

Outras pessoas estão lendo

Instruções

    Etapas

  1. 1

    Modele seu site no Adobe InDesign. Crie o seu layout usando texto, cores e gráficos. Arquive os hiperlinks para depois exportar os documentos, porque alguns desses links não são exportados.

  2. 2

    Verifique se o seu projeto está dentro dos limites da página. Quaisquer objetos fora da área de transferência não serão exportados para o site final.

  3. 3

    Selecione apenas alguns elementos da página para exportar, se você desejar uma exportação parcial. Caso contrário, todos os elementos de design da página serão exportados.

  4. 4

    Vá em "Arquivo" e depois "Export For" (Exportar Para), em seguida "Dreamweaver".

  5. 5

    Navegue até a pasta onde você gostaria de salvar o documento exportado. É possível criar uma nova pasta clicando no sinal de mais ou no botão "New Folder" (Exportar Para) na caixa de diálogo. Clique em "Salvar".

  6. 6

    Especifique as opções de exportação na caixa de XHTML Export Options. Você pode alterar a ordem dos objetos da página, o formato de suas imagens ou permanecer com as configurações padrões.

  7. 7

    Clique em "Exportar" e aguarde pelos arquivos produzidos na pasta selecionada. Você pode, então, abrir o arquivo XHTML no Dreamweaver ou qualquer editor HTML para adicionar os hiperlinks.

  8. 8

    Faça o upload do site e imagens para o seu servidor Web de acordo com as instruções fornecidas pelo seu host (servidor).

Dicas & Advertências

  • Você pode definir as opções avançadas de CSS e JavaScript durante o processo de exportação se você se sentir à vontade trabalhando com códigos e deseja mais controle sobre a aparência do seu site criado.
  • Formatação de tabelas e objetos desenhados como polígonos não serão exportados. Objetos que são colados e um texto que é convertido em contornos também não se exportará. Adicione esses elementos no Dreamweaver ou Flash, se desejado.

Não perca

Filtro:
  • Geral
  • Artigos
  • Slides
  • Vídeos
Mostrar:
  • Mais relevantes
  • Mais lidos
  • Mais recentes

Nenhum artigo disponível

Nenhum slide disponível

Nenhum vídeo disponível