>> Tecnologia Eletrônica >  >> Casa Inteligente >> Vida Inteligente

Como Criar Apresentação de Slides com Dreamweaver

Dreamweaver é software profissional de desenvolvimento web da Adobe e fornece funções para construir páginas web. Estas variam de integração de banco de dados back-end a slideshows JavaScript que trocam imagens em intervalos fixos. O JavaScript padronizado do Dreamweaver permite criar slideshows sem mexer diretamente no código. Embora o elemento web "slideshow" compartilhe nome com deck de slides do PowerPoint, a saída do Dreamweaver é HTML padrão visualizável em qualquer navegador.

Passo 1

Inicie o Dreamweaver e abra o projeto do site no menu "Arquivo". Navegue até a página do projeto onde o slideshow será integrado.

Passo 2

Clique "Inserir", depois "Camada" no menu superior. Abrirá uma caixa de diálogo; clique "Imagem" para tipo de camada.

Passo 3

Clique "Procurar" e navegue até seu diretório de imagens. Selecione a imagem da primeira camada — será o primeiro slide exibido. Também pode apontar para outras páginas HTML em vez de imagens; esta é uma forma de integrar texto e links clicáveis no slideshow.

Passo 4

Repita os dois passos anteriores, adicionando nova camada e conteúdo apropriado para cada slide desejado. Como o JavaScript pré-carrega todo conteúdo, provavelmente quererá limitar slideshows a no máximo seis ou sete elementos para carregamento razoável.

Passo 5

Clique "Janela", depois "Linha do Tempo" no menu superior. Um editor de linha do tempo aparecerá. Insira duração para cada imagem no conjunto de camadas criado. Selecione a primeira imagem a ser mostrada, clique com botão direito na entrada da linha do tempo para ela e selecione "Adicionar Quadro-chave".

Passo 6

Selecione combinação de camada/imagem para o quadro-chave selecionado e repita para cada camada e imagem desejada na linha do tempo.

Passo 7

Clique "OK" para salvar configurações.