3.4 Ligando as páginas
Para inserir um link numa página, comece por escrever o texto ou a imagem onde pretende que os visitantes cliquem. Seleccione esse texto ou imagem com o rato ou usando o SHIFT e as setas do teclado e prima o botão de hipeligações 
na barra de ferramentas do editor.
Irá abrir a janela de propriedades da hiperligação:
Existem 3 tipos de links:
- URL
Este é o tipo mais comum de hiperligação, uma vez que permite fazer a ligação a outras páginas ou ficheiros.
Existem 5 protocolos listados na janela de propriedades da hiperligação acima:
http://
É o protocolo mais comum. É usado pelos sevidores web para enviar páginas ou outros ficheiros aos utilizadores.
https://
Semelhante ao http://, mas com codificação da comunicação. É utilizado quando se pretende trocar informação sensível entre os servidores e os utilizadores, como por exemplo números de cartão de crédito ou dados pessoais.
ftp://
Pode ser usado para receber ou enviar ficheiros ao servidor. news://
Utilizado para participar em grupos de discussão (newsgroups). <other>
Nenhum protocolo especificado - utilizado apenas para links relativos (hiperligações entre páginas de um mesmo site). Se desejar introduzir um link para outro site web, escreva o URL completo excluindo o protocolo na caixa de texto 'URL' da janela de propriedades da hiperligação e seleccione o protocolo correspondente a partir da lista:
Se pretende colocar um link para uma página do mesmo site, poderá usar o URL completo, mas recomenda-se que use um link relativo.
Imagine que esta a construir uma páfina chamada index.php com o seguinte URL:
http://www.meudominio.com/index.php
e pretende introduzir um link para outra página chamada novidades.php:
http://www.meudominio.com/novidades.php
em vez de escrever http://www.meudominio.com/novidades.php no campo URL da janela de propriedades do link, poderá escrever apenas novidades.php e escolher <outro> da lista de potocolos.
O browser do visitante da página irá interpretar este link como um link relativo, e irá navegar para a página com URL http://www.meudominio.com/novidades.php quando se clicar no link.
Este tipo de links é cahamado de link relativo.
Usando este yipo de links poderá mudar as suas páginas de um domínio para outro ou movê-las entre pastas de um mesmo servidor, mantendo as hiperligações entre elas a funcionar.
Por outro lado, se usasse links absolutos teria de editá-los a todos para manter a consistênia entre as páginas.
- Âncoras numa mesma página
Uma âncora é um link que permite ao visitante saltar para outra zona de uma mesma página. Isto é especialmente útil ao trabalhar com páginas longas.
É usado, por exemplo, nos links do tipo 'voltar ao topo".
Antes de inserir um link do tipo âncora deverá inserir a âncora: coloque o cursor no início da linha paa onde quer que o link leve o visitante da sua página e prima o botão de âncoras
. Na janela de propriedades da âncora escreva um nome relacionado com o assunto dessa linha ou parágrafo: 
O icon do tipo:
irá aparecer no sítio onde colocou a âncora.Em seguida selccione o texto onde pretende colocar o link e carregue no botão de links. Na janela que aparece seleccione 'Referência a esta página' e seleccione o nome da âncora que escreveu no passo anterior a partir da lista Seleccionar uma referência Por Nome de Referência.
- Email
Um link para email é um link que automaticamente abro o programa de email do visitante da página pronto para escrever uma nova mensagem de email para o endereço que pretender.
Poderá adicionalmente especificar o assunto e texto para o email:
Após um clique no link, o visitante do site poderá editar o email e enviá-lo.
Tenha em atenção que hoje em dia, uma vez que o webmail se tornou muito popular, muitas pessoas não possuem programa de email configurado com uma conta de email válida. Para essas pessoas, um link para email poderá ser inútil, se õ link não apresentar o endereço de email visível na página.
Recomendamos que escreva sempre o endereço de email directamente na página e pressione a tecla ENTER ou a barra de espaços. Desta forma os utilizadores de webmail podem copiar o endereço de email da página, enquando os visitantes que possuam programa de email configurdo podem clicar no link.
Se pretender escrever um endereço de email sem link associado, deixeo editor colocar o link, seleccione-o e prima o botão de remover links
a partir da barra de ferramentas.
Exemplos
Neste momento estamos prontos para colocar alguns links no modelo de web site que criámos na secção 3.2 usando tabelas. A próxima figura mostra o modelo como o deixámos nessa secção.
|
Vamos substituir o texto 'Página Inicial' e 'Procura Google' pelos links correspondentes.
Os URLs para os links são:
http://www.meudominio.com/index.php
http://www.google.com.
Substitua meudomio.com pelo seu domínio verdadeiro.
Primeiro temos de escrever o texto para os links, o que neste caso já está feito:
|
A seguir seleccione o texto 'Página Inicial' e prima o botão de links: .
Na página de propriedades do link, seleccione <outro> da lista de protocolos e escreva index.php no campo URL:
Como estamos a colocar um link para outra página do mesmo site, usamos um link relativo. Basta colocar o caminho relativo da página de destino em relação à localização da página actual. Como ambas as páginas estão na mesma pasta (o Easy Web Site Creator guarda todas as páginas numa só pasta), basta escrever o nome da página adicionando .php no fim.
Em alternativa, poderá introduzir o URL completo http://www.meudominio.com/index.php no campo URL e seleccionar http:// como o protocol. Neste caso estará a criar um link absoluto.
As 2 opções funcionam correctamente, mas quando se criam links entre páginas dentro de um mesmo site web, é preferível usar links relativos porque:
-
Basta escrever endereços mais curtos
-
Se mais tarde mudar de domínio ou mudar a pasta one guarda as páginas, não terá de alterar os links.
Agora vamos substituir o texto 'Procura Google' pelo link correspondente. Seleccione o texto e prima o botão de links . Na janela de propriedades seleccione http:// a partir da lista de protocolos e escreva www.google.com no campo URL:
Quando se criam links para páginas de outros sites é sempre necessário usar links absolutos.
Clicke em OK e grave a sua página. Os seus links deverão estar a funcionar.
Abrir um link numa nova janela
A maior parte dos links apenas mudam de página dentro da mesma janela do browser, mas por vezes é conveniente abir uma nova janela para mostrar o destino de um link.
Como exemplo, pense num link para outro site onde os visitantes poderão encontrar informação adicional sobre o assunto que está a escrever no seu site. Para ter a certeza que os visitantes voltam à sua página depois de consultarem o outro site, poderá fazer um link abrir a página do outro site numa nova janela.
A seguir vamos fazer o link para o Google adicionado anteriormente abrir a página do Goolge numa nova janela. Pode testar o efeito nos links abaixo:
|
Para fazer o link do Google abrir uma nova janela, coloque o cursor dentro do texto 'Procura Google' e prima o botão de links . Na janela de propriedades do link, seleccione a página Destino:
Seleccione Nova Janela (_blank) a partir da lista Destino. Feche esta janela com OK e grave a sua página. Clique no link Pré-visualizar e experimente o seu link e verifique que ele abre a página do Google numa nova janela.
Para fazer um link abrir a nova página na mesma janela basta deixar a opção Destino como <Não definido>
ou seleccione Mesma janela (_self):
Anterior
Veja também:
Copyright © AWE Editions, Lda. 2006
This page was created with AWE Easy Web Site Creator