Como usar o dreamweaver cs 3 barras de menus do spry

instruções

1. Você provavelmente já tem um site começou e saber o que os links que você precisa em seu menu. Os exemplos aqui usar uma base built-in página de layout Dreamweaver CSS. Se você usar um layout de duas colunas como as mostradas na imagem, você iria querer na barra de menu na barra lateral à esquerda.

   

2. Posicione o cursor onde deseja que a barra de menus para ir. Em seguida, clique no ícone da barra de menu na barra de inserção Spry. Uma caixa de diálogo é aberta perguntando se deseja fazer o menu horizontal ou vertical.

   

3. A barra de menus aparece no seu local especificado. Ele usa texto fictício como Link 1 e Link 2 que você pode personalizar.

   

4. 
   
   
   

   Enquanto a barra de menu é selecionado na janela do documento (veja a imagem no Passo 3, onde o azul realçado indica a barra de menu é selecionado), você pode alterar as propriedades usando o Inspetor de propriedades. Ao destacar os vários itens na barra de menu, você pode mudar o texto, mover itens para cima e para baixo na ordem em que aparecem, adicionar mais links ou remover links desnecessários.

   

5. Você pode visualizar o menu do navegador para ver como o menu funciona e para verificar o esquema de cores.

   

6. Olhe para a visualização de código no Dreamweaver e você verá que o menu é uma lista de estilo para o navegador com CSS.

   

7. Um novo estilo para o widget do Spry foi adicionado ao seu site quando você adicionou o widget. Para alterar o esquema de cores ou quaisquer outras regras de apresentação, vá para o painel CSS e modificar todas as cores, tamanhos ou estilos que não combinam com o seu site. Encontrar o estilo que deseja alterar e clique no ícone do lápis para editar o estilo. Faça as alterações desejadas e clique em OK.

   

8. Quando você terminar de personalizar a barra de menu, lembre-se de fazer upload de todo o HTML, CSS e javascript que o Dreamweaver gerada para o widget do Spry para o servidor.