Criação âncora e ligação em adobe cs5 dreamweaver

Video: Adobe CS5 - DreamWeaver and Illustrator integration - CS5.org

Adobe Creative Suite 5 (Adobe CS5) Dreamweaver suporta a criação de âncoras em sua página web. âncoras são um link para uma seção específica de uma página, em ambos na mesma página que o link ou outra página inteiramente. Você provavelmente já viu e usado âncoras, por exemplo, ao clicar em um botão Voltar à Top. Âncoras são extremamente úteis para os espectadores e devem ser implementadas sempre que possível.

Para criar uma âncora simples no Dreamweaver, siga estes passos:

  1. Insira o cursor em um local na página que você deseja vincular.

    A âncora pode ser colocado antes de uma linha de texto ou em sua própria linha.

  2. Clique no botão Âncora com nome na categoria Comum do painel Inserir.

    Você pode evitar clicar no botão Âncora usando o atalho de teclado Ctrl + Alt + A (Windows) ou Command + Option + A (Mac).

  3. Digite um nome curto que é relevante para o conteúdo ou localização na página (por exemplo, TopOfPage).

    Âncoras são sensíveis, de modo a manter isso em mente ao decidir sobre um nome.

  4. Clique em OK.

    A nova âncora aparece em sua página.

    Top: Crie um nome de âncora simples na caixa de diálogo Named Anchor. Resumindo: A âncora concluída.
    Top: Crie um nome de âncora simples na caixa de diálogo Named Anchor. Resumindo: A âncora concluída.

Você criou a âncora, mas não têm ligações dirigidas a ele ainda. Você pode definir uma âncora como um link manualmente, através de inspetor de propriedades ou usando o Ponto a ferramenta de arquivo

linking âncora manual

Ao ligar manualmente a uma âncora, você pode ligar dentro da página que você está trabalhando ou direcionar o link para uma âncora em uma página completamente diferente.



  1. Selecione o texto que se tornará o link.

  2. Se o inspetor Property não estiver aberto, escolha Janela → Propriedades.

  3. Selecione o texto que deseja conectar-se a sua nova âncora com nome e clique no botão Hyperlink localizado no painel Inserir.

  4. Na caixa de diálogo Hyperlink, localize o campo Link e clique na lista drop-down diretamente ao lado dele.

    Sua âncora com nome aparece como uma seleção.

  5. Selecione sua âncora para aplicá-la e clique em OK.

    Selecione o nome da âncora na caixa de diálogo Hyperlink.
    Selecione o nome da âncora na caixa de diálogo Hyperlink.

Propriedade inspetor âncora ligando

Você também pode conectar-se a uma página e adicionar uma referência âncora para ele a partir do Inspetor de propriedades. Por exemplo, se você deseja vincular a este lugar de outra página, você seleciona um elemento nessa página e na caixa de texto Link (na vista HTML) digite o nome da página, um sinal de libra (#) eo nome da âncora - por exemplo, # Canário birds.html.

Video: Adobe CS5 Dreamweaver Joomla Tutorial Part 1

Esta ação direciona o navegador para a página de aves e, em seguida, para a âncora canário dentro dessa página.

Frequentemente, você vê âncoras separadas pelo sinal de pipe (|). Você pode criar esse tipo de personagem, pressionando Shift +. A chave barra invertida é diretamente acima da tecla Enter (Windows) ou Return (Mac).

Video: Dreamweaver CS5 - Adding Video

Apontar para arquivo âncora ligando

Você pode usar o mesmo ponto legal para o ícone que você usou anteriormente para criar hiperlinks para a criação de âncoras arquivo. O Ponto de arquivo de ícone no Inspetor de propriedades também pode direcionar âncoras que você criou na sua página.

  1. Selecione o texto que deseja usar como um link em sua página.

  2. No Inspetor de propriedades, encontrar o ponto de arquivo de ícone localizado ao lado do campo Link, clique e arraste sobre o ícone, e soltar a flecha diretamente sobre um ícone de âncora em sua página.

    O texto está agora ligada à âncora, eo nome da âncora aparece no campo de texto Fazer a ligação do inspetor de propriedades precedido por um sinal de libra (como #canário).


Publicações relacionadas