*   >> Leitura Educação Artigos >> tech >> desenvolvimento web

Criar uma apresentação de slides imagem panorâmica em Dreamweaver

O resultado

Primeiro, vamos dizer que já tem um trabalho website, e nós queremos adicionar um slideshow no conteúdo. Para este tutorial, vamos começar a partir de um modelo de site fornecido por www.justdreamweaver.com

Digamos que queremos substituir o título H2 e texto com uma bela apresentação de slides:

< h2> Tutorial Iniciar

Para tornar este tutorial você vai precisar Dreamweaver (8, CS3 ou CS4), a extensão criativa DW ImageShowPro a partir do site Estender Studio e um conjunto de imagens.

Você pode baixar uma versão de avaliação gratuita a partir daqui e tudo que você precisa fazer é instalá-lo usando o Adobe Extension Manager que vem com o Dreamweaver. Para localizar a extensão no Dreamweaver, siga este link.

  • Abra o mainpage.html (se você estiver usando o modelo fornecido pelo JustDreamweaver) ou a sua própria página HTML

  • Clique na página onde deseja aplicar o slideshow (no meu caso, eu tenha apagado o título h2 eo conteúdo abaixo e clicar no espaço vazio criado)

  • Vá até a aba ImageShow Pro e clique em Insert New Image Show Pro botão

  • Isto irá abrir o show interface Imagem Pro Dreamweaver, foram nós deve fazer as definições para o Slideshow.




  • Agora, as imagens que estou usando para a apresentação de slides estão 500px de largura e altura é de cerca de 330px. A fim de criar o movimento panorâmico pelas fotos, você deve definir a largura seja igual ou menos do tamanho da imagem, de modo que em vez do padrão 450x450 let colocar 350px de largura e 340 px height:


  • < li>

  • O passo seguinte é fazer upload de fotos.

    DICA: para tempos de slideshow de carregamento rápido, você deve abrir as imagens no Photoshop e "Guarde-as para a Web" Para fazer o upload de imagens, clique no botão "Inserir item de"

  • Vamos definir a apresentação para. loop. Clique na caixa de seleção.

    Criando os efeitos Slides

    Neste ponto você enviou as fotos e podemos jogar com os efeitos. Na área efeito do slide você pode definir a transição entre as imagens, ajustar a velocidade de movimento panorâmico e direção panorama.


  • Defina os efeitos de slides a desaparecer (entrada e saída) e efeitos de atraso Deslize para 100 ( você pode jogar com atraso de como você deseja dependendo das fotos).

  • O próximo passo é definir as configurações mottion da área de efeitos de slides.

  • Vamos colocar o posição para a direita

    Page   <<       [1] [2] >>
  • Copyright © 2008 - 2016 Leitura Educação Artigos,https://artigos.nmjjxx.com All rights reserved.