Índice:
- Ligação de âncora manual
- Inspeção de propriedades âncora vinculando
- Aponte para Ligação de âncora de arquivo
Vídeo: Dreamweaver Criando sub-páginas e âncoras de links 2024
Adobe Creative Suite 5 (Adobe CS5) O Dreamweaver suporta a criação de âncoras na sua página da Web. Âncoras são um link para uma seção específica de uma página, na mesma página que o link ou outra página inteira. Você provavelmente já viu e usou âncoras, por exemplo, ao clicar em um botão Voltar ao topo. As âncoras são extremamente úteis para os espectadores e devem ser implementadas sempre que possível.
Para criar uma âncora simples no Dreamweaver, siga estas etapas:
-
Insira o cursor em um local na página à qual deseja vincular.
A âncora pode ser colocada antes de uma linha de texto ou em sua própria linha.
-
Clique no botão Âncora nomeada na categoria comum do painel Inserir.
Você pode evitar clicar no botão Âncora usando o atalho do teclado Ctrl + Alt + A (Windows) ou Comando + Opção + A (Mac).
-
Digite um nome curto que seja relevante para o conteúdo ou a localização na página (por exemplo, TopOfPage).
As âncoras são sensíveis a maiúsculas e minúsculas, por isso tenha isso em mente ao decidir sobre um nome.
-
Clique em OK.
A nova âncora aparece em sua página.
Topo: Crie um nome de âncora simples na caixa de diálogo Nomeado da âncora. Parte inferior: a âncora completa.
Você criou a âncora, mas ainda não possui links para ela. Você pode definir uma âncora como um link manualmente, por meio do inspetor de propriedades ou usando a ferramenta de Ponto para Arquivo
Ligação de âncora manual
Ao ligar manualmente a uma âncora, você pode vincular dentro da página em que está trabalhando ou direcionar o link para uma âncora em uma página completamente diferente.
-
Selecione o texto que se tornará o link.
-
Se o inspetor de propriedades não estiver aberto, escolha Janela → Propriedades.
-
Selecione o texto que deseja vincular à sua nova âncora nomeada e clique no botão Hiperlink localizado no painel Inserir.
-
Na caixa de diálogo Hyperlink, localize o campo Link e clique na lista suspensa diretamente ao lado.
Sua âncora nomeada aparece como uma seleção.
-
Selecione sua âncora para aplicá-la e clique em OK.
Selecione o nome da âncora na caixa de diálogo Hiperlink.
Inspeção de propriedades âncora vinculando
Você também pode vincular a uma página e adicionar uma referência de âncora a partir do inspetor de propriedades. Por exemplo, se você quiser vincular a este ponto de outra página, você seleciona um elemento nessa página e, na caixa de texto do link (na visualização HTML), digite o nome da página, um sinal de libra (#) e o nome da âncora - por exemplo, aves. html # canary .
Esta ação direciona o navegador para a página dos pássaros e, em seguida, para a âncora do canário dentro dessa página.
Freqüentemente, você vê âncoras separadas pelo sinal de pipe (|). Você pode criar esse tipo de caractere pressionando Shift +. A tecla de barra invertida está diretamente acima da tecla Enter (Windows) ou Return (Mac).
Aponte para Ligação de âncora de arquivo
Você pode usar o mesmo ícone de Ponto fácil para Arquivo que você usou anteriormente para criar hiperlinks para criar âncoras. O ícone Apontar para arquivo no Inspetor de propriedades também pode segmentar âncoras que você criou na sua página.
-
Selecione o texto que deseja usar como um link na sua página.
-
No inspetor de propriedades, localize o ícone do ponto para arquivo localizado ao lado do campo de link, clique e arraste o ícone e solte a seta diretamente através de um ícone de âncora na sua página.
O texto agora está vinculado à âncora e o nome da âncora aparece no campo de texto Link do inspetor de propriedades precedido por um sinal de libra (como #canary ).