Sobre vinculação e navegação

Depois de configurar um site do Dreamweaver para armazenar os documentos do site e ter criado páginas HTML, você desejará criar conexões entre os documentos.

Dreamweaver oferece várias maneiras de criar vínculos para documentos, imagens, arquivos multimídia ou software para download.Você pode estabelecer vínculos para qualquer texto ou imagem em qualquer parte de um documento, incluindo texto ou imagens em um título, lista, tabela, elemento posicionado absolutamente (elemento AP) ou quadro.

Existem diversas maneiras de criar e gerenciar links. Alguns web designers preferem criar vínculos para páginas ou arquivos inexistentes conforme trabalham, enquanto outros preferem criar todos os arquivos e páginas primeiro e depois adicionar os vínculos. Outra maneira de gerenciar vínculos é criar páginas de espaço reservado, nas quais você adiciona e testa vínculos antes de concluir todas as páginas do site.

Caminhos absolutos, relativos ao documento e relativos à raiz do site

Compreender o caminho do arquivo entre o documento do qual você está vincular e o documento ou ativo ao qual você está vinculando é essencial para criar vínculos.

Cada página da Web tem um endereço exclusivo, chamado de Localizador Uniforme de Recursos (URL). No entanto, ao criar um vínculo local (um vínculo de um documento para outro no mesmo site), geralmente você não especifica a URL completa do documento ao qual está vinculando; em vez disso, você especifica um caminho relativo do documento atual ou da pasta raiz do site.

Existem três tipos de caminhos de link:

• Caminhos absolutos (como http://www.adobe.com/br/support/dreamweaver/contents.html).

• Caminhos relativos a documentos (como dreamweaver/contents.html).

• Caminhos relativos à raiz do site (como /support/dreamweaver/contents.html).

  Usando o Dreamweaver, você pode selecionar com facilidade o tipo de caminho de documento a ser criado para seus links.

Caminhos absolutos

Caminhos absolutos fornecem a URL completa do documento vinculado, incluindo o protocolo a ser usado (geralmente http:// para páginas da Web), por exemplo, http://www.adobe.com/support/dreamweaver/contents.html. Para um ativo de imagem, o URL completo deve ter a seguinte aparência: http://www.adobe.com/br/support/dreamweaver/images/image1.jpg.

Você deve usar um caminho absoluto para vincular a um documento ou ativo em outro servidor. Você também pode usar caminhos absolutos para vínculos locais (para documentos no mesmo site), mas essa abordagem não é recomendada—se você mover o site para outro domínio, todos os seus vínculos locais de caminho absoluto serão interrompidos. Usar caminhos relativos para vínculos locais também oferece maior flexibilidade se você precisar mover arquivos dentro do site.

Caminhos relativos a documentos

Caminhos relativos ao documento geralmente são melhores para vínculos locais na maioria dos sites. Eles são particularmente úteis quando o documento atual e o documento ou ativo vinculado estão na mesma pasta e provavelmente permanecerão juntos. Você também pode usar um caminho relativo ao documento para vincular a um documento ou ativo em outra pasta, especificando o caminho pela hierarquia de pastas do documento atual até o documento vinculado.

A ideia básica dos caminhos relativos ao documento é omitir a parte do caminho absoluto que é a mesma tanto para o documento atual quanto para o documento ou ativo vinculado, fornecendo apenas a parte do caminho que difere.

Por exemplo, imagine que você tenha um site com a seguinte estrutura:

• Para vincular de contents.html a hours.html (ambos na mesma pasta), use o caminho relativo hours.html.

• Para vincular de contents.html a tips.html (na subpasta resources), use o caminho relativo resources/tips.html. A cada barra (/), você desce um nível na hierarquia de pastas.

• Para vincular de contents.html a index.html (na pasta pai, um nível acima de contents.html), use o caminho relativo ../index.html.Dois pontos e uma barra (../) fazem você subir um nível na hierarquia de pastas.

• Para vincular de contents.html para catalog.html (em uma subpasta diferente da pasta pai), use o caminho relativo ../products/catalog.html.Aqui, ../ move você para a pasta pai, e products/ move você para a subpasta products.

  Quando você move arquivos como um grupo — por exemplo, quando move uma pasta inteira, de modo que todos os arquivos dentro dessa pasta mantenham os mesmos caminhos relativos entre si — não é necessário atualizar links relativos ao documento entre esses arquivos. No entanto, quando você move um arquivo individual que contém links relativos ao documento, ou um arquivo individual que é alvo de um link relativo ao documento, é necessário atualizar esses links. (Se você mover ou renomear arquivos usando o painel de arquivos, o Dreamweaver atualiza todos os links relevantes automaticamente.)

Caminhos relativos à raiz do site

Caminhos relativos à raiz do site descrevem o caminho da pasta raiz do site para um documento.É recomendável usar esses caminhos se você estiver trabalhando em um site grande que usa vários servidores, ou um servidor que hospeda vários sites. No entanto, se você não estiver familiarizado com esse tipo de caminho, é melhor continuar usando caminhos relativos ao documento.

Um caminho relativo à raiz do site começa com uma barra inclinada inicial, que representa a pasta raiz do site.Por exemplo, /support/tips.html é um caminho relativo à raiz do site para um arquivo (tips.html) na subpasta support da pasta raiz do site.

Um caminho relativo à raiz do local é frequentemente a melhor maneira de especificar links se você move arquivos HTML de uma pasta para outra no site com frequência. Quando você move um documento que contém links relativos à raiz do site, não é necessário alterar os links, pois eles são relativos à raiz do site, e não ao próprio documento; por exemplo, se os arquivos HTML usam links relativos à raiz do site para arquivos dependentes (como imagens), então, se você mover um arquivo HTML, os links dos arquivos dependentes ainda serão válidos.

No entanto, quando você move ou renomeia os documentos que são alvos de links relativos à raiz do local, é necessário atualizar esses links, mesmo que os caminhos dos documentos relativos entre si não tenham mudado. Por exemplo, se você move uma pasta, deve atualizar todos os links relativos à raiz do local para arquivos nessa pasta. (Se você mover ou renomear arquivos usando o painel Arquivos, o Dreamweaver atualizará todos os links relevantes automaticamente.)

Veja também

• Testar links no Dreamweaver
• Definir o caminho relativo de novos links
• Trabalho com sites do Dreamweaver