Prefiro usar links de texto nos menus, em especial nos menus dinâmicos: a página carrega mais depressa, o utilizador pode mudar o tamanho da letra para satisfazer a sua preferência e os motores de busca conseguem ler e indexar o contéudo.

Como os leitores podem ter uma opinião contrária, incluo nesta secção a explicação do uso de menus com imagens.

Sou o primeiro a admitir que as imagens deste exemplo não sao apelativas mas o seu único propósito é ilustrar o código.

O uso das imagens nos menus dinâmicos é imediato: basta substituir o texto dos links (por exemplo, "Como usar imagens") por uma imagem de significado equivalente (por exemplo, ).

Se o leitor pretender incluir o efeito de roll-over, não se esqueça de adicionar os event handlers imgOver e imgOut. O roll-over com o texto obtém-se através da StyleSheet (ver StyleSheet: DM.css)

As diferenças entre os códigos estão resumidas abaixo, referidas ao exemplo "Como usar imagnes":

Qual das duas amostras de código prefere ?

Se o uso das imagens tem os problemas atrás citados, também tem vantagens. Os benefícios do uso das imagens são reconhecidos principalmente pela comunidade de Web designers que pretendem desenhar menus mais apelativos do que aquilo que é possível obter com texto. Usando imagens obtém:

Melhor controlo de fontes

Os designers fazem esforços significativos para melhorar a apresentação da páginas, por isso é natural que queiram que os utilizadores vejam as páginas tal como elas foram concebidas. Por isso valorizam a possibilidade de ter um controlo total sobre a escolha do tipo de letra (fonte), o seu tamanho e aparência.
Com menus de texto, os tipos de letra variam de browser para browser e só há três ou quatro tipos de letra comuns às várias plataformas. Quando uma fonte não está disponível, o browser substitui-a por outra diferente.

Fontes mais legíveis

Através do uso de imagens é possível suavizar as arestas das letras tornando a leitura mais agradável. Este melhoramento é mais visível nos tipos de letra "serif", tal como neste exemplo: .

Botões gráficos

Neste guia, apresento apenas menus simples com texto. Todavia, se se recorrer às imagens é possível desenhar qualquer espécie de menu recorrendo a sinais gráficos ou efeitos visuais.

Melhor controlo de paginação

Ao usar imagens, garante-se que o utilizador não pode alterar a paginação e/ou os efeitos visuais por aumento do tamanho das letras ou variação do tamanho da janela.

Nete exemplo apresentei menus com fundos transparentes. Não é um requisito dos menus com imagens. Pelo contrário, deve ser usado com prudência pois pode confundir o texto do menu com o conteúdo do fundo.

Ponderando as vantagens e os inconvenientes, prefiro inquestionavelmente os menus com texto. Penso que servem melhor o utilizador e são mais simples de codificar e manter.

No entanto, usar links com texto em sítios com design web mais sofisiticado, pode não parecer sóbrio mas tão-só pobre.

Apresento ao leitor os dois códigos para que possa fazer uma escolha mais informada.