Colocando um scroller no seu site utilizando uma extension do Dreamweaver MX

Muitas pessoas não usam algumas das ferramentas mais versáteis do Dreamweaver que são chamadas Extensions: elas são pacotes de funções pré programadas que facilitam a vida do usuário dos programas da Macromedia.
Conseguindo a Extension para fazer o Scroller
Para colocar um scroller controlado (Ver exemplo funcionando) em nossa página, usaremos uma Extension - e para isso precisamos aprender como conseguir acesso às extensions. Para ter acesso a essas extensions você tem duas opções: entrar direto pelo site da Macromedia e procurar pelo link Extensions dentro dos Downloads ou então usar o atalho que vem no programa (toda vez que nos referirmos a programas nesse tutorial estaremos falando do Dreamweaver) que fica dentro da aba Behaviors conforme mostra a figura abaixo. Para acessar a página das extensions clique no item Get More Behaviors.



Bem, daqui pra frente faremos o processo de como obter a extension para o nosso scroller e como aplicar o mesmo à nossa página. O seu Internet Explorer abrirá em uma tela semelhante a essa:

Clique no botão Search Exchanges indicado pelo retângulo vermelho e uma página de busca será aberta. Procure por dHTML Scrollable Area. DICA: para economizar tempo na busca, selecione a opção para fazer a busca somente dentro de Dreamweaver Exchange
O resultado da busca deve trazer uma Extension exatamente com o nome que você procurou conforme mostra a foto abaixo.

Clique no botão Download indicado pelo retângulo vermelho acima para iniciar o download da Extension. Nesse ponto você será obrigado a fazer o login na comunidade exchange da Macromedia. Se você já usou Extensions antes, faça seu login e continue o processo e se você nunca usou, crie seu cadastro pois sem ele é impossível baixar o arquivo. Salve a extension no seu desktop, ou crie um pasta para guardar esse arquivo.

Instalando a Extension
Agora vamos instalar a sua Extension para que seu Dreamweaver assimile as novas capacidades que ela traz ao programa. Execute a Extension clicando duas vezes sobre ela e clique em Agree para instalá-la.

Utilizando a Extension
Daqui pra frente irermos demonstrar como aplicar a extension a um documento web. Vamos por etapas:
1. Abra o seu Dreamweaver (se ele estava aberto antes da instalação da extension você deve fechar e abrir o programa novamente)
2. Abra o documento no qual você deseja aplicar o scroller
3. Na tela de edição da página vá até o item Command no topo do programa e procure pelo comando DHTML AP Scrollabel Area conforme mostra a foto abaixo:

- a janela abaixo aparecerá:

- Pixel Top significa quantos pixels você quer deixar de margem do topo até onde começa a ser mostrado o conteúdo
- Pixel Left funciona com um parágrafo. A distância do texto e o limite esquerdo de onde será mostrado o conteúdo
- Pixel Width é a largura que você quer o scroller
- Pixel Hight é a altura que você deseja o Scroller.
- Scroll Speed é a velocidade que o texto vai correr
- A aba Content é onde você deve colocar o conteúdo do Scroler
Coloque suas configurações e aperte Create. Pronto ! O seu scroller está criado: agora é só posicionar onde você quer que ele apareça na sua página e ele já está funcionando. Se você quiser colocar figuras de setinhas no scroller, basta você substituir o texto Scroll UP e Scroll Down pelas imagens da sua preferência mantendo os links originais presentes nos textos ;) ...

0 comentários: