As apresentações de slides são uma interface comum de um site usada para destacar o conteúdo recente.
Crédito da imagem: Miriam2009 / iStock / Getty Images
Dreamweaver é o software profissional de desenvolvimento da Web da Adobe e fornece uma variedade de funções para a construçã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 em JavaScript que alteram imagens em intervalos fixos. O JavaScript padronizado do Dreamweaver permite que os desenvolvedores de sites criem apresentações de slides sem ter que se aprofundar no código diretamente. Embora o elemento da Web denominado "apresentação de slides" compartilhe o mesmo nome de uma apresentação de slides do PowerPoint, a saída do Dreamweaver é HTML padrão visualizável em qualquer navegador da web.
Passo 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.
Vídeo do dia
Passo 2
Clique em “Inserir” e depois “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 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; esta é uma forma de integrar texto e links clicáveis na apresentação de slides do seu site.
Passo 4
Repita as duas etapas anteriores, adicionando uma nova camada e conteúdo apropriado para cada slide que você deseja exibir. Como o JavaScript usado para exibir a apresentação de slides no navegador da Web irá pré-buscar todo o conteúdo, você provavelmente deseja manter as apresentações de slides com não mais do que seis ou sete elementos para que a página da Web carregue em um razoável Tempo.
Etapa 5
Clique em “Janela” e depois “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 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 você deseja em sua linha do tempo.
Etapa 7
Clique em "OK" para salvar suas configurações.
