Como criar um HTML Mapa de local no Dreamweaver
Quando você cria um mapa do site visual, você cria um diagrama de todas as páginas de um site, incluindo a interligação das principais páginas através de navegação e sub-navegação. Você, então, usar essa informação para ajudar a reunir e definir o conteúdo do site, bem como servir como um guia útil ao gerar o mock-up do design do site.
Após o seu site tiver sido integralmente, você pode usar este mapa do site Visual novamente para ajudá-lo a criar uma página HTML Mapa do Site, que serão adicionados ao site no servidor host remoto como uma ferramenta para ajudar os visitantes navegar pelo site usando um lista de links de hipertexto.
O que incluir na página HTML Mapa do Site
Na sua forma mais básica, a página HTML Mapa do Site contém uma lista de links de hipertexto padrão para todas as páginas em um site. Esta lista deve incluir links para a página inicial, a todas as páginas principais e sub-páginas do site, e quaisquer outras páginas do site que podem não estar acessíveis através da navegação principal, como uma política de privacidade ou página Atendimento ao Cliente.
Para melhores resultados, guarde a página com o nome do arquivo sitemap.html e apresentar todas as hiperligações para as páginas do site em formato de lista simples.
Para tornar esta página concluída acessíveis, você deve incluir um link para ele no rodapé, bem como adicionar um link para ele dentro da cabeça da página. Estas duas ações vai ajudar a tornar o site mais acessível aos
Os visitantes com deficiência que utilizam programas de leitura de tela ou outros dispositivos
Visitantes com outras preferências de navegação, como navegadores e navegadores somente de texto com javascript desativado
Os visitantes que querem ser capaz de ir diretamente para qualquer página no site com um único clique, em vez de usar sistema de navegação principal do site
Os visitantes que querem ver rapidamente todas as páginas em um determinado site e saber como eles estão praticamente organizada
Criar um mapa do site página
Criando um site página de Mapa em HTML é bastante simples. É apenas uma questão de inserir um conjunto de hiperlinks listados que levam ao resto das páginas do site.
Abra a home page de seu site concluída em Dreamweaver ou em seu HTML preferencial ou editor de código WYSIWYG.
Se você usar o Dreamweaver, certifique-se de que o painel Arquivos lista seu site como o site gerenciado. Se não, escolha Site-Manage Sites para selecionar o seu site a partir da listagem.
Escolha Arquivo-Salvar como e quando a caixa de diálogo Salvar como é aberta, salve uma cópia da página inicial para o nível raiz do seu site gerido com o nome do arquivo sitemap.html.
A nova página parece idêntico ao da página inicial, incluindo todos os elementos do site design, a colocação do logotipo, e navegação.
Na principal área editável da página, selecionar e excluir todo o conteúdo específico da página casa.
agora você tem espaço para inserir uma lista de hiperlinks.
Coloque o cursor no topo da área vazia e escreva os nomes de todas as páginas do site, incluindo a página do Mapa do Site, com um nome por linha, como eles aparecem no mapa do site visual.
Por exemplo, usar os nomes de página inicial, Sobre, produtos, imprensa, lojas, Fale Conosco, e mapa do site.
Selecione todas as palavras e convertê-los em uma lista não ordenada, convertendo assim o nome de cada página em um item da lista.
O código HTML para a página Mapa do site deve usar a lista de marcas não ordenadas, como mostrado no seguinte código de exemplo:
- Casa
- Sobre
- Produtos
- pressione
- Stores
- Nos contate
- Mapa do site
Se você tiver alguma subpages, adicionar essas páginas para a lista como um subconjunto da página principal eles devem ser listados abaixo, como mostrado neste exemplo:
- Casa
- Sobre
- Produtos
- Prata
- Ouro
- pressione
- Stores
- Nos contate
- Mapa do site
(Opcional) Se desejar, digite uma frase descritiva abaixo de cada item de marcador na lista para ajudar os visitantes aprendem sobre o que eles podem esperar encontrar em cada página.
Uma descrição como esta pode ajudar os visitantes visualizar as páginas, bem como ajudar os motores de busca localizar e índice de cada uma das páginas do site.
Por exemplo, se você fosse para adicionar descrições para a página Macaco Sugar Mapa do Site HTML, um dos os itens da lista pode ter esta aparência:
- Sobre
Saiba mais sobre os fundadores do macaco Açúcar e obter a verdadeira história por trás do sucesso do Sugar Macaco. Converter cada um dos nomes de páginas na lista em hiperlinks para suas respectivas páginas do site, certificando-se de que cada link inclui o seu próprio título atributo.
Por exemplo, se o item sobre a lista tornou-se um link para a página Sobre, seu código pode parecer como este:
- Sobre
Saiba mais sobre os fundadores do macaco Açúcar e obter a verdadeira história por trás do sucesso do Sugar Macaco. Salve as alterações, feche a sitemap.html arquivo e fazer upload de uma cópia deste arquivo para o servidor host remoto do site.
Testar a página o mais rapidamente possível e corrigir eventuais erros de digitação ou erros de codificação. Se você fizer qualquer alteração, fazer o upload do arquivo corrigido para o servidor host remoto.
Ninguém vai saber sobre esta página até que você adicione algumas ligações para fazer a página acessível aos visitantes do site.
Quando você criar sua própria página Mapa do site em HTML, não se esqueça de incluir também links nesta lista para todas as páginas do seu site que não podem ser ligados através da navegação principal. Por exemplo, se o seu site inclui Política de Privacidade, Termos de Serviço, e as páginas de Suporte ao Cliente, adicionar links para essas páginas na parte inferior da lista, directamente por cima do link para a página Mapa do Site.
Por exemplo, o site do macaco Sugar não tem subpáginas abaixo de qualquer dos principais links de navegação, assim você pode pular esta etapa.