Vínculos para o menu
O menu assim como foi deixado não parece ser um menu. Vamos inserir alguns vínculos (fictícios, pois ainda não temos páginas que entrelaçar) e assim também você verá como ficará estruturado.
Se for um listado, use lista
Pode imaginar o menu como uma série de vínculos uns debaixo de outros. Podíamos pensar em colocar um div para cada um deles, isto é, incluir tantos pequenos divs, dentro da capa menu, como vínculos que queiramos colocar, todavia parece ser muitas capas ou não ou sim ou não ou sim...?
Para programar, independente da linguagem que você possa estar usando, existem mil formas para conseguir o mesmo resultado, é como um probleminha de matemática, você pode ir para um lado, ir para o outro, dar mil voltas e chegar no resultado correto ou pode fazer da forma mais curta e rápida possível, sem perder tanto tempo e conseguir o mesmo resultado, ambas formas estão corretas, a questão aqui é ter, mais ou menos trabalho. Os cursos de Informática, nas faculdades, lecionam uma matéria chamada: Lógica que na verdade tem a função de fazer o aluno buscar um caminho matemático para resolver as questões propostas, desenvolvendo o raciocínio lógico, claro que isso é...na teoria...tudo muito bonito...que na prática...vai como vai, sem dizer que grande parte cola mesmo e bola pra frente, que atrás vem gente...e depois o Mercado acaba selecionando os bons e os maus, e em uma situação normal, porque as peixadas e o Q.I. (Quem Indique) tem em todo lugar mas numa situação normal quem sabe acaba trabalhando em grandes ou médias empresas ou partem para um projeto seu como empreendedores e os mala sabem onde estão??? Dando aulas nas faculdades, tirando raras exceções que sim existem de gente que gosta de dar aulas, mesmo ganhando menos porém se realiza nisso. A maioria dos professores é a sobra do Mercado e o mais engraçado é que esses carinhas ainda chegam cheios de graça com um ar de gênio, louco ou de hacker e são uns lammer, sempre vendendo o que não são, é...falta humildade para muita gente que deveria reconhecer que não fizeram o tinham que fazer quando eram estudantes, isto é, estudar e aprender, eu já vi muita gente formada em Informática que não tem idéia de nada, incrível, mas é verdade... Acha que estou falando besteira ou exagerando??? Se esse é o seu caminho, espero e desejo que consiga ter condições de fazer um curso superior, e comprovará você mesmo...
Bom, vamos voltar na explicação: na verdade um menu não é nada mais que uma lista e o melhor para introduzir uma lista é usar o elemento..lista..e pronto.
Como fazemos uma lista
As listas são definidas em Html com duas etiquetas, a primeira indicará o começo da lista e é <ul> enquanto que a segunda indicará o início de um elemento da lista e é <li>.
Claro que por sua vez ao terminar a lista introduzirá suas etiquetas de fechamento: </ul> e da mesma forma, quando terminar um elemento da lista (o vínculo, neste caso) sua etiqueta de fechamento será </li>, de modo que o código Html de uma lista completa seria assim:
E dando uma vista prévia fica desta maneira:
· Elemento de lista, 1
· Elemento de lista, 2
· Elemento de lista, 3
Aparece um ponto na frente de cada “Elemento” da lista, esses pontos podem ser retirados, você imagina como??? Pois...como sempre, somente colocar uma coisinha na Folha de Estilos porém primeiro vamos escrever o código dentro da capa “menu”:
<body>
<div id=”global”>
<div id=”cabeceira”>Bem-vindos ao meu site</div>
<div id=”navegaçao”>Barra de Navegação</div>
<div id=”conteúdo”>
<div id=”menu”>
<ul>
<li>Elemento de lista, 1</li>
<li>Elemento de lista, 2</li>
<li>Elemento de lista, 3</li>
</ul>
</div>
Esta será a zona principal do site
</div>
<div id=”pe”>Este é o pé da página</div>
</div>
</body>
Dando uma vista prévia, verá coisas que seguramente não esperava ver, como que o menu desvia um pouco por debaixo da web, mas calma... que a pressa é inimiga da perfeição...ajeitaremos tudo nas seguintes lições.
Relax
Final da Copa do Mundo de 1958
Menu
