Redes

Disponível somente no TrabalhosFeitos
  • Páginas : 3 (729 palavras )
  • Download(s) : 0
  • Publicado : 30 de maio de 2012
Ler documento completo
Amostra do texto
Criando Menu Vertical em Tableless
Aprenda a criar menus com o uso de listas
Publicado em: 07/01/2008  |  Autor: Silvio Araujo  |  Categoria: CSS
Olá pessoal! Hoje estou aqui para falar um poucosobre a técnica que é usada para se construir menus. Antigamente eram usadas as tabelas, mas o Tableless veio com o objetivo de redefinir o uso das tabelas, porque afinal, as tabelas são apenasmatrizes de linhas e colunas que armazenam dados, tendo seu uso especificamente para isso.

Podemos entender um menu como um agrupado de links organizados de alguma forma. Se é um agrupado de links,podemos usar as listas para construir um menu.

Então vamos lá.

vamos criar uma lista com o id = "menu"
<ul id="menu">

<li><a href="#" title="Conheçanossa agência">Agência</a></li>  

<li><a href="#" title="Conheça nossa equipe" >Equipe</a></li>

<li><a href="#"title="Saiba mais sobre nossos serviços">Serviços</a></li>

<li><a href="#" title="Veja nossos trabalhos de sucesso">Portfólio</a></li><li><a href="#" title="Entre em contato conosco">Contato</a></li>

</ul>

Uma dica importante: Para a melhor compreensão dos usuáriospodemos usar a propriedade TITLE que define um equivalente textual para o link. Usem o TITLE para definir uma frase sobre o link.. Para a questão da acessibilidade podem ser usadas outras propriedades, masisso será nosso objeto de estudo na próxima matéria.

Pronto, temos a lista criada..

Outra dica importante: Não usem Home ou Início no Menu. Usem o menu de forma objetiva, exibindo apenas onecessário. Se quiserem colocar um link para o início da página é só colocar um link na logotipo do site.

Agora é que está a grande jogada... Vamos tirar os marcadores:
<style...
tracking img