Para que os visitantes não se percam no site e de qualquer página possam acessar a seção desejada do recurso, é necessário fazer um menu de navegação. Os elementos apontadores devem ser colocados nas páginas web de forma que não interfiram na leitura do texto e, ao mesmo tempo, possam ser facilmente encontrados no site. Os visitantes podem acessar as partes necessárias do recurso clicando nas palavras ou imagens correspondentes. Para suprir o recurso com tal menu, basta inserir um código simples nas partes necessárias do site.
Necessário
- - a presença em seu próprio site de várias páginas ou seções
- - vários pequenos ícones no tema do site
- - saiba como fazer upload de fotos para o site
Instruções
Passo 1
Para transformar uma barra de menu em um link, escreva assim:
PÁGINA PRINCIPAL
Nesta entrada, substitua http: ⁄ ⁄website.ru pelo URL da página desejada.
Passo 2
O código para um menu horizontal que consiste em links de texto é escrito da seguinte forma:
PÁGINA PRINCIPAL
|
GALERIA
|
FÓRUM
|
LIVRO DE VISITAS
etapa 3
Traços verticais servem como delimitadores entre os itens de menu em uma linha. Para definir o caractere "|" no teclado, você precisa pressionar e segurar a tecla Shift com um dedo no layout inglês, e com o outro - selecione o botão "| / ", que está localizado à direita da letra "b". Certifique-se de colocar um espaço antes e depois do traço para que os itens do menu fiquem espaçados uns dos outros.
Passo 4
Você pode criar um menu vertical a partir de links usando a seguinte entrada:
PÁGINA PRINCIPAL
GALERIA
FÓRUM
LIVRO DE VISITAS
Etapa 5
Neste caso, o separador das partes do menu é a tag, que quebra o texto que o segue em uma nova linha.
Etapa 6
Se você deseja fazer itens de menu não na forma de palavras ou frases, mas na forma de imagens que irão atuar como links, então primeiro preencha o site com todas as imagens que serão utilizadas na navegação do recurso.
Etapa 7
Para colocar uma imagem em uma página da web, você precisa colocar este código no lugar certo: Para colocar sua própria imagem, em vez de http: ⁄ ⁄website / images / 1.png, escreva o caminho para a imagem desejada enviada para o seu local.
Etapa 8
Escreva cada item do menu gráfico desta forma:
Neste código, substitua http: ⁄ ⁄website.ru pelo endereço desejado e pelo código da imagem desejada.
Etapa 9
Você pode criar um menu horizontal consistindo em imagens desta forma:
Etapa 10
Neste código, todas as imagens nas células estão localizadas em uma linha da tabela. A largura da tabela, definida não em pixels, mas em porcentagem, permite que o conteúdo da tabela seja esticado até a largura total da janela, independentemente da resolução da tela. Tag:
formar uma linha da tabela, e
- uma das células.
Etapa 11
Para colocar esse menu gráfico no site, substitua links, caminhos para imagens e nomes de seções de recursos no código por seus próprios.
