Como criar um Slide Show Spry no Dreamweaver CS4

Apresentações de slides podem ser criados no Dreamweaver em apenas alguns minutos usando CS4 widgets do Spry . Em CS4 , você pode fazer uma apresentação de slides com painéis com guias , painéis flexíveis ou acordeão widget do Spry . A seleção de qual widget para usar vai depender do que a apresentação de layout melhor se adapta às suas necessidades. A painéis com guias widget do Spry faz um bom trabalho que irá preencher as necessidades de most.Things Você vai precisar de

GIF ou arquivos de imagem JPEG

Mostrar Mais instruções

1

Iniciar Adobe Dreamweaver CS4. Selecione “HTML” localizado abaixo da categoria “Criar Novo ” na tela inicial que aparece . Selecione “Arquivo Salvar como. ” Salve o arquivo como ” slideshow “.

2

Posicione o cursor na página onde você deseja que os seus painéis com guias widget apareça . Pressione Enter para mover o local para baixo. Selecione “Inserir Spry Panels Spry com guias ” no menu principal. Observe que um widget Painéis com aba está na tela com duas abas com o nome ” tab1 ” e ” tab2 ” e dois painéis de conteúdo chamado ” Content1 ” e ” Content2 . ”

3

Insira o cursor no painel Content1 . Remover o texto Content1 . Selecione “Insert Imagem” no menu principal. Procure os seus diretórios para um arquivo de imagem para inserir . Selecione um arquivo de imagem que tenha sido formatado como um arquivo GIF ou JPEG . Selecione “OK”. Pressione OK novamente quando o ” Tag Imagem Atributos de acesso ” é exibida. Repita o processo de inserção de imagem para o painel de Content2 .

4

Selecione a guia 1 Posicione o cursor no separador separador 1 , exclua o título separador 1 e digitar na guia um novo nome. Use o nome , ” Deslize One” , para este exemplo. Repita o procedimento para a guia restante. Nomeie o outro guia “Slide Dois”.

5

Teste seu slide show. Posicione o cursor sobre a aba Um slide. Clique no ícone ” olho ” quando ela aparece. Verifique se a imagem parece que você colocou no deslize uma caixa de conteúdo aparece . Faça o mesmo com a guia slide dois . Selecione “Arquivo Visualizar no navegador IExplore ” . Selecione o slide e um slide dois guias , por sua vez e verifique se a imagem associada que você colocou aparece quando cada guia é selecionado.

Deixe um comentário