A janela Link

Passo 3 - Criação da página > Recursos em comum >

A janela Link

Previous pageReturn to chapter overviewNext page
Exibir/Ocultar o texto oculto

Além dos menus de navegação fixos, criados automaticamente pelo Mapa do site, o WebSite X5 permite que você aplique links a textos, fotos e outros elementos. Esses links podem abrir páginas internas/externas, abrir arquivos, exibir imagens, adicionar um produto ao carrinho de compras, e assim por diante.

Quando você aplica um link, você define sua ação, e você também pode definir e personalizar uma Tooltip associada a ele: uma Tooltip explica de forma curta o que acontecerá quando um visitante clicar em um link.

As opções para se configurar um link ficam disponíveis nas abas Ação e Descrição.

Clique para expandir/recolherReferência: Comandos na aba Ação

Você pode usar os comandos nesta seção para indicar a ação a ser associada com o link:

Página do site

Você pode criar um link para uma outra página do site. Clique no botão para ver o Mapa do site e selecionar a Página do site para a qual será criado o link. Se você precisar, também poderá especificar a Âncora interna na página para a qual será criado o link, selecionando uma âncora ou mais de uma lista na página. Você também pode especificar se a página linkada será aberta na mesma janela, em uma nova janela do navegador ou em uma janela popup. No último caso, uma nova janela do navegador será aberta e você poderá configurar a Largura e a Altura.

As Âncoras já devem ter sido previamente associadas a objetos antes que elas possam aparecer na lista Âncora interna na página.

Você pode associar âncoras a objetos clicando no botão , no Passo 3 - Criação da página.

Arquivo ou URL

Você pode criar um link para um recurso, um arquivo ou uma página HTML externos, quer estejam no seu computador ou na Internet. Para especificar para qual arquivo você deseja criar o link, selecione a opção Arquivo local e clique no botão para pesquisar e localizar seu arquivo, ou clique na opção Arquivo na internet e digite o endereço de URL que fornece a posição do arquivo na Internet.

Novamente, você pode especificar se o recurso deverá ser aberto na mesma janela, em nova janela do navegador ou em uma janela popup e, neste caso, forneça a Largura e a Altura para ela.

Arquivo ou URL com ShowBox

Você pode criar um link para exibir um arquivo, presente no seu computador ou na Internet, em uma ShowBox. Ao contrário da janela popup, o arquivo na ShowBox é exibido em primeiro plano na página original, a qual é automaticamente sombreada (ficando mais clara ou mais escura).

Para especificar o arquivo para o qual será criado o link, selecione a opção Arquivo local e clique em para procurar o recurso no seu computador, ou selecione a opção Arquivo na internet  e digite o endereço de URL que fornece a posição do arquivo na Internet. Use as opções disponíveis para definir a Largura e a Altura da janela ShowBox, e uma Legenda que será exibida logo abaixo.

Links com uma janela ShowBox são úteis para exibir coisas como fotos e documentos em .PDF.

Galeria com ShowBox

Você pode criar um link para exibir uma galeria de fotos dentro de uma janela ShowBox. Para criar a lista de fotos, você pode usar Adicionar..., Remover, Para cima e Para baixo. Vocè também pode definir o tamanho da janela ShowBox com as opções Largura e Altura).

Você pode personalizar o estilo da Showbox: use as opções na seção Estilo da Showbox do Passo 1 - Estilo do Modelo, você pode definir cores, sombras, opacidade, efeitos de entrada, etc.

Endereço de email

Você pode criar um link para abrir o programa de email padrão e enviar um email. Para configurar um link deste tipo, digite o endereço de email do destinatário, o assunto e o conteúdo da mensagem (opcional).

Se você selecionar Habilitar proteção de endereço de email, o endereço de email especificado será criptografado no código HTML da página, para que não possa ser reconhecido por programas de spyware que buscam endereços de email pela Internet para usar em campanhas de spam.

Chamada via Internet

Você pode criar um link para abrir um programa de chamada telefônica via Internet (por exemplo, o Skype) e conversar com a pessoa indicada no campo específico. Você também pode especificar o Tipo de ação, escolhendo entre Chamar, Adicionar contato, Chat, Mostrar perfil, VoiceMail Skype e Enviar arquivo.

Som

Você pode criar um link para gerar som. Para escolher o arquivo de áudio para o qual será gerado o link, selecione Arquivo local e clique em para pesquisar entre os arquivos do seu computador, ou selecione Arquivo na internet e digite o endereço da URL que localiza o arquivo na Internet. Você pode criar links para arquivos no formato .MP3.

Quando um visitante clicar no link, abre-se uma Tooltip que mostra o botão Play/Pause para começar/parar o arquivo de som. Quando o cursor do mouse é movido para fora da Tooltip, a janela popup é fechada e o som para.

A Tooltip sobre um link de áudio é criada automaticamente pelo Programa: o estilo depende das configurações fornecidas na janela Estilo da Tooltip do Passo 1 - Estilo do Modelo.

Imprimir a página

Você pode criar um link para imprimir a página em exibição.

Mensagem de alerta

Cria um link para uma mensagem de alerta. Para criar um link deste tipo, digite o Texto da mensagem no campo. Se você selecionar Mostrar como janela pop-up, a mensagem de alerta é exibida em uma caixa de diálogo no estilo Windows.

RSS Feed

Você pode exibir o RSS feed do site: o link só fica ativo se um RSS feed tiver sido criado no Passo 4 - Configurações Avançadas.

Quando você testa seu website, aparece uma mensagem para lembrar você que os RSS feeds só serão exibidos quando o website tiver sido publicado na Internet.

Blog

Você pode criar um link para abrir o Blog associado ao seu site. Você já deverá ter criado o Blog no Passo 4 - Configurações Avançadas.

Use as opções para especificar se o Blog para o qual se criou o link deverá ser exibido na mesma janela ou em uma nova janela do navegador que será aberta.

Aplicativo Móvel

Você pode criar um link para baixar o aplicativo FeedReady para dispositivos móveis a partir da App Store ou do Google Play. Para que o link funcione corretamente, é preciso antes habilitar a distribuição do conteúdo do blog e/ou do RSS Feed através de aplicativos na seção Aplicativo Móvel do Passo 4 - Configurações Avançadas.

Mapa do site

Você pode criar um link para o Mapa do site, para que seja exibido em uma nova página. Os itens no Mapa, que é criado automaticamente, são links ativos para cada página, então o Mapa é útil para se mover pelo site. Use os controles Expandir todos e Recolher todos para exibir/ocultar os elementos do Mapa.

Ver o carrinho de compras

Você pode usar esta opção para criar um link para a página do carrinho de compras, com uma lista de todos os produtos incluídos até agora.

Adicionar ao carrinho

Você pode criar um link para o carrinho de compras da loja virtual, para que o visitante possa fazer um pedido ou adicionar produtos ao carrinho de compras.

No primeiro caso, selecione Mostrar a Lista de produtos da categoria selecionada e depois a categoria na tabela Categoria de Produtos.

No segundo caso, selecione Adicionar este produto ao carrinho de compras e então escolha um porduto da lista. Você também pode especificar a Opção e a Quantidade do produto que deseja adicionar ao carrinho de compras. Se você selecionar a opção Adicionar o produto sem mostrar o carrinho, o visitante poderá adicionar produtos, mas ele não verá o carrinho de compras.

Os links Ver o carrinho de compras e Adicionar ao carrinho só vão funcionar corretamente se você já tiver criado o carrinho de compras na seção Carrinho de compras do Passo 4 - Configurações Avançadas.

Clique para expandir/recolherReferência: Comandos na aba Descrição

Você pode usar as opções nesta aba para adicionar uma descrição ao link. Esta descrição é usada como texto para uma nota explicativa, chamada  "Tooltip" (ou simplesmente "tip"). A tip é exibida ao lado do cursor do mouse quando ele se move sobre o link, e deveria explicar o que acontecerá se o visitante clicar no link: "você irá para outra página", "você irá para outro website", "um arquivo será baixado", etc.

Os comandos para escrever uma Tooltip são:

Texto: digita a descrição do link.
Arquivo de imagem: adiciona uma imagem que será exibida na Tooltip junto à descrição ou no lugar dela.
Largura da Tooltip: especifica a largura, em pixels, da Tooltip.
Largura da imagem (%): especifica a largura da imagem como uma porcentagem da largura da Tooltip.
Posição da imagem: especifica como a imagem será alinhada com o texto na Tooltip.

Texto, Arquivo de imagem e Largura da Tooltip variam para cada tipo de link, então eles deverão ser definidos a cada vez. Outros estilos gráficos das Tooltips são verdadeiros para todo o projeto, e são definidos na janela Estilo da Tooltip do Passo 1 - Estilo do Modelo.