O Dreamweaver é o software profissional de desenvolvimento da Web da Adobe e fornece uma variedade de funções para a criação de páginas da Web. Essas funções variam de integração de banco de dados de back-end a apresentações de slides JavaScript que alteram imagens em intervalos fixos. O JavaScript padronizado do Dreamweaver permite que os desenvolvedores de sites criem apresentações de slides sem precisar acessar o código diretamente. Enquanto o elemento da Web chamado "apresentação de slides" compartilha o mesmo nome de um conjunto de slides do PowerPoint, a saída do Dreamweaver é HTML padrão visível em qualquer navegador da Web.
Etapa 1
Inicie o Dreamweaver e abra o projeto do site no menu "Arquivo". Navegue até a página do projeto do seu site onde a apresentação de slides será integrada.
Etapa 2
Clique em “Inserir”, depois em “Camada” no menu da camada superior. Isso abrirá uma caixa de diálogo; clique em "Imagem" para o tipo de camada nessa caixa.
Etapa 3
Clique em "Procurar" e navegue até o diretório de imagens. Selecione a imagem da sua primeira camada -- este será o primeiro slide exibido na apresentação de slides. Você também pode apontar para outras páginas HTML em vez de imagens; essa é uma maneira de integrar texto e links clicáveis na apresentação de slides do seu site.
Etapa 4
Repita as duas etapas anteriores, adicionando uma nova camada e conteúdo apropriado para cada slide que deseja exibir. Como o JavaScript usado para exibir a apresentação de slides no navegador da Web pré-busca todo o conteúdo, você provavelmente desejará manter as apresentações de slides com no máximo seis ou sete elementos para que a página da Web seja carregada em um tempo razoável.
Etapa 5
Clique em “Janela” e depois em “Linha do tempo” no menu da camada superior. Um editor de linha do tempo aparecerá. Insira uma duração para cada imagem no conjunto de camadas que você criou. Selecione a primeira imagem que deseja mostrar, clique com o botão direito do mouse na entrada da linha do tempo e selecione "Adicionar quadro-chave".
Etapa 6
Selecione uma combinação de camada/imagem para o quadro-chave selecionado e repita este procedimento para cada camada e imagem que deseja em sua linha do tempo.
Etapa 7
Clique em "OK" para salvar suas configurações.
