Dreamweaver Spry Tutorial

Com Spry do Dreamweaver com abas Widget painel, você pode condensar consideravelmente websites. Por exemplo , um sítio de 10 páginas pode ser condensado com apenas uma página , tornando-o não só muito portátil , mas menos complicado . Mais do que isso , no entanto, esta ferramenta pode eliminar a necessidade de fazer links e marcadores . Isto significa que os visitantes podem encontrar informações do site mais rápido e você não precisa se preocupar com links quebrados .

Inicie o programa Dreamweaver e selecione a opção Criar HTML a partir da tela inicial. Salve o arquivo depois que se abre . Salve o arquivo como firstSprite.Things que você precisa

Adobe Dreamweaver, CS3, CS4 ou CS5 versão

PC

Mostrar Mais instruções

Introduza o Spry Widget

1 Adicionar conteúdo a cada uma aba de conteúdo e caixas do painel com guias.

Posicione o cursor onde deseja que os painéis com guias para ser colocado. Selecione Insert Spry painéis com guias na barra de ferramentas do menu principal

2 Teste o painel com guias Spry

Posicione o mouse dentro do rótulo da guia . “. Tab1 . ” Selecione o texto ” Tab1 ” , apague-a com a tecla backspace e substituí-lo com um nome mais relevante. Use ” Anexo 1 ” para este exemplo. Posicione o cursor do mouse dentro da caixa de conteúdo associado a “Lista 1″ É a caixa que tem ” Content1 ” pré- digitado nele. Delete ” Content1 ” e digite seu próprio conteúdo de texto. Digite ou cole o conteúdo do texto , tanto quanto você gostaria .

Posicione o cursor sobre a caixa ” Tab 2 ” até o ícone de olho aparece . Clique no ícone de olho para selecionar o ” Tab 2 ” texto eo ” Tab 2 ” caixa de conteúdo associado . Substitua o ” Tab 2 ” texto com o nome que você precisa. Use ” Anexo 2 ” para este exemplo. Posicione o cursor de texto com o mouse na caixa ” Content2 ” . Substitua o texto ” Content2 ” com seu próprio texto .

3

Posicione o cursor do mouse sobre a aba ” Anexo 1 ” . Clique no ícone de olho quando ela aparece na aba ” Anexo 1 ” . Faça o mesmo para a aba ” Anexo 2 ” . Certifique-se de que o conteúdo que você digitou na aba ” Content1 ” aparece quando você seleciona a aba ” Anexo 1 ” . Também garantir que o conteúdo que você colocou no ” Anexo 2 ” caixa de conteúdo aparece quando você seleciona a aba ” Anexo 2 ”

Selecione Arquivo . Teste no navegador iexplore a partir da janela principal do Dreamweaver . Selecione “Sim” quando o Dreamweaver solicita que você salve o arquivo . Selecione a aba ” Anexo 1 ” na visualização e verifique se o conteúdo que você digitou no ” Anexo 1 ” caixa de conteúdo aparece quando a guia ” Anexo 1 ” é selecionado. Faça o mesmo para a aba ” Anexo 2 ” .