Dicas de HTML5 \ 22 de junho de 2012

Dicas de HTML5: Como Adicionar um Menu Drop Down Ao Seu Site

Não há nada como anunciar um novo recurso, especialmente quando sabemos que um grande número de usuários Wix espera por isso ansiosamente.

Estamos felizes em informar a todos vocês que agora já é possível criar um menu “drop down” nos seus sites em HTML5!

Os menus “drop down” são uma ótima maneira de melhorar a navegação no site, dividindo o conteúdo em seu site de forma inteligente e organizada. Eles também deixam o site com uma aparência elegante, pois reduzem o número de botões no menu de navegação principal.

Sites que possuem um grande número de páginas, ou que exigem uma divisão de conteúdo de acordo com temas específicos, poderão se beneficiar muito ao usar estes menus, melhorando a experiência de navegação do usuário.

Adicionando um Menu Drop Down Ao Seu Site HTML5

Aviso importante: como os menus “drop down” usam uma nova tecnologia, se você quiser usá-los é preciso que você delete o menu existente no seu site e crie um novo menu. Só assim os menus “drop down” irão funcionar corretamente.

  • No Editor HTML5, clique em “Pages”
  • A janela “Pages” que irá abrir mostra todas as páginas existentes no seu site (Home, Contato, Agenda, etc). Se você quiser adicionar uma sub-página à página Contato, por exemplo:
  • Na janela “Pages”, selecione a página Contato
  • Agora clique em “Add Page”

  • Agora escolha o design da sua nova sub-página e dê um nome pra ela

 

  • Marque a opção “Add as sub page” e clique em OK
  • Clique em “Preview” e confira se a sua nova sub-página foi adicionada ao menu Contato
  • Pronto!

 

Agora é só salvar o seu site e aproveitar o seu novo meu “drop down”!

E se você tem um site em Flash, também é possível inserir um menu desses – veja aqui como fazer isso.