Adobe Photoshop permite que você crie um layout dinâmico , enquanto o Dreamweaver traz à vida em código HTML. O processo de exportação não é difícil, mas pode ser um pouco metódico , pois requer preparação detalhada antes de exportar . Documentos do Photoshop , comumente referido como arquivos PSD , deve ser editado e configurado como dispositivos web e imagens cortadas para a transferência para o Dreamweaver . Em seguida, o arquivo tem que ser importado para DreamWeaver para código HTML. Em geral, o processo demora cerca de 10 a 15 minutos para ser concluído , dependendo da sua familiaridade com as ferramentas do Photoshop , funções e componentes. Coisas que você precisa
arquivo PSD Adobe PhotoShop
Adobe DreamWeaver
Mostrar Mais instruções
PhotoShop PSD corte e Prep
1
Acesse o aplicativo Adobe Photoshop clicando em seu ícone no desktop.
2
Clique na guia do menu " arquivo" no topo da tela e selecione a opção " Abrir" ação para carregar o arquivo PSD do Photoshop para a aplicação .
3
Selecione o botão da barra de ferramentas de corte , que exibe uma imagem de uma faca . ( Esta é a ferramenta fatia como o layout deve ser cortada para fins de codificação HTML.)
4
traçar sobre as seções dos layouts para separar os elementos e criar peças individuais do layout.
5
Clique na guia "Arquivo" , mais uma vez , e selecione a ação "Salvar para web e Dispositivos " na lista drop-down.
6
Clique no botão " salvar " na " Web e dispositivos de janela "para criar uma versão atualizada do documento PSD que será usado para a codificação HTML no Dreamweaver.
importar para o Dreamweaver
7
Abra o aplicativo Adobe Dreamweaver a partir da tela do seu computador
8
Clique na opção "HTML" , na seção "Criar Novo ", que é exibido no "New Document Setup " . janela.
9
Localize a aba "Arquivos " , no canto inferior direito da tela e clique na guia da pasta "Itens da área de trabalho " para ver suas opções de menu colapso e subpasta .
10
Clique na pasta " Imagens ", que será listada sob os itens de mesa , pois este é o local da pasta de arquivo que foi criado quando você salva o arquivo PSD do Photoshop com as atualizações fatiado. Esta ação irá importar o documento Photoshop cortado na plataforma de design do Dreamweaver.