Aplica-se a
Microsoft Office FrontPage® 2003

Você não precisa ser um especialista em imagens ou em escrever código para adicionar botões funcionais às páginas da Web — com o FrontPage 2003, você pode usar os botões interativos.

Esses botões são coloridos e têm aparência profissional, igual aos botões criados com uma ferramenta de edição gráfica avançada. Diferentemente dos botões padrão, a sua aparência muda quando você move o ponteiro do mouse sobre eles ou quando clica com o mouse neles.

Adicionar um botão interativo à página da Web

Para adicionar um botão interativo, clique no local em uma página da Web em que deseja colocar o botão. No menu Inserir, clique em Botão Interativo. Quando a caixa de diálogo Botão Interativo for exibida, selecione um estilo e escolha a aparência e o comportamento do botão.

Como obter a aparência desejada para o botão interativo

Ao adicionar um botão interativo, você pode escolher a forma, a cor, o acabamento, a borda, o estilo e o tamanho da fonte. As formas incluem círculos, retângulos, cápsulas e guias. Elas também podem ser brilhantes ou opacas e ter bordas chanfradas.

Usando a guia Botão na caixa de diálogo Botões Interativos, você pode selecionar um estilo de botão, adicionar texto ao botão, bem como criar um link do botão para outra página no site atual, para um site na World Wide Web ou para um endereço de email.

Usando a guia Fonte, além de escolher o estilo e o tamanho da fonte, você pode definir o alinhamento do texto do botão e selecionar cores de fontes para cada estado do botão: não pressionado, em foco (quando você move o ponteiro sobre um botão) e pressionado.

Usando a guia Imagem, você pode redimensionar a imagem do botão. Essa é uma observação importante porque você não pode redimensionar esses botões no modo Design da mesma maneira como o faria com outros tipos de imagens. Além disso, é aqui que você escolhe o formato de arquivo da imagem de um botão.

Escolher o formato de arquivo da imagem de um botão

Para determinar se deve salvar as imagens dos botões como arquivos JPEG ou GIF, observe o seguinte:

JPEG

• Uma vantagem do formato de arquivo JPEG é permitir que o FrontPage forneça variações graduais de cores e efeitos para estilos de botão mais complexos, como, por exemplo, chanfrados, alto-relevo e brilhante.
• Uma desvantagem é que os arquivos JPEGs têm um plano de fundo de cor sólida. Se o plano de fundo da página for de cor sólida, você pode usar a mesma cor no plano de fundo do botão que a da página. Mas se o plano de fundo da página não for de cor sólida, o botão formatado em JPEG não será exibido adequadamente.

GIF

• Uma vantagem do formato de arquivo GIF é fornecer um plano de fundo transparente. Assim, se o botão tiver bordas arredondadas, o plano de fundo da página poderá ser exibido.
• Uma desvantagem é que um arquivo GIF só pode exibir 256 cores, o que pode ser, às vezes, insuficiente para para exibir variações graduais de cores e efeitos em estilos de botão mais complexos. As bordas do botão e parte dos gradientes de cor dentro do botão podem exibir listras se comparados com o formato de arquivo JPEG.

Estados da imagem de um botão interativo

Ao inserir um botão interativo, o FrontPage cria automaticamente três imagens separadas que representam as três maneiras em que os visitantes do site interagem com esses botões: o estado não pressionado, o estado em foco e o estado pressionado. Ao salvar as páginas da Web, o FrontPage solicitará que você também salve esses arquivos de imagem de botão.

Na primeira vez em que salvar, o FrontPage fornecerá automaticamente três nomes de arquivo padrão de imagem de botão. Os nomes de arquivo começam com a palavra "botão" e terminam com um valor exclusivo, como um número ou uma letra.

Recomendamos que você renomeie de maneira conveniente os nomes de arquivos padrão de imagens para ajudá-lo a diferenciá-los posteriormente em uma lista de nomes de arquivos de imagens de botões.

Observação  Quando você exclui um botão interativo da página da Web, os três arquivos de imagens associados ao botão não são excluídos. Para excluir esses arquivos de imagens permanentemente, você deve excluir cada um manualmente.

Cenário: Vinícola Coho

Bruno, um dos sócios da Vinícola Coho, pede a José, o diretor de TI, que sua equipe de Web designers e desenvolvedores crie uma página Promoções Especiais de Vinhos para o Outono que inclua links de imagens de botões para a página Vendas de Vinhos. A equipe de José está muito ocupada fazendo a revisão da aparência do site, assim, José decide fazer isso sozinho.

José sabe que o FrontPage 2003 inclui botões pré-projetados que ele pode usar e cujas propriedades ele pode definir. Isso torna a tarefa muito mais simples.

Para adicionar o botão interativo, José clica em um local na página Promoções Especiais de Vinhos para o Outono na Web. No menu Inserir, ele clica em Botão Interativo. Quando a página Botões Interativos é exibida, ele seleciona o estilo de botão Cápsula em Alto-Relevo 1, digita o texto do botão "Pinot" e especifica um link na página Vendas de Vinhos que lista o vinho e o preço da seleção Pinot.

Em seguida, José clica na guia Fonte e define as propriedades da fonte. Na guia Imagem, José deixa as configurações de tamanho e estado e verifica se a imagem do botão será salva como um arquivo JPEG. O plano de fundo dessa página é branco, tornando a aparência do botão excelente. Ao clicar em OK, José vê o botão com o texto correto.

No menu Arquivo, José clica em Salvar. É exibida a caixa de diálogo Salvar Arquivos Incorporados. José renomeia os três arquivos de imagens padrão como EmFocoPinot.jpg, LivrePinot.jpg e PressionadoPinot.jpg.

Usando o mesmo processo, José cria botões interativos para todas as promoções de vinho da Coho.

Bruno fica satisfeito com os resultados e José fica contente porque a tarefa demorou pouco tempo.

Como José, você também pode criar botões com aparência profissional na sua página da Web ao adicionar botões interativos.

Trabalhando com botões interativos

Os procedimentos a seguir permitem-lhe adicionar, definir propriedades e excluir um botão interativo.

Adicionar um botão interativo

1. No modo Página, na parte inferior da janela do documento, clique em Design.
2. Coloque o ponto de inserção no local em que deseja adicionar o botão.
3. No menu Inserir, clique em Botão Interativo.
4. Na guia Botão, na lista Botões, clique em um estilo de botão.
5. Na caixa Texto, digite o texto que deseja exibir no botão.
6. Ao lado da caixa Link, clique em Procurar.
7. Localize e selecione o arquivo, a URL (URL: um endereço que especifica um protocolo (como HTTP ou FTP) e a localização de um objeto, documento, página da World Wide Web ou outro destino na Internet ou em uma intranet. Por exemplo: http://www.microsoft.com/brasil.) ou o endereço de email a que deseja vincular o botão e, em seguida, clique em OK.

Observação  Quando salvar a página da Web, o FrontPage solicitará que você salve as imagens associadas ao botão.

Definir as propriedades de um botão interativo

1. Clique com o botão direito do mouse no botão interativo para o qual deseja definir as propriedades e, em seguida, clique em Propriedades do Botão no menu de atalho.
2. Siga um ou mais destes procedimentos:

Excluir um botão interativo

1. No modo Página, na parte inferior da janela do documento, clique em Design.
2. Clique no botão e, em seguida, pressione EXCLUIR.

Observação  Quando você exclui um botão, os arquivos associados a esse botão não são excluídos. Você deve excluir os arquivos de botão a partir da Lista de Pastas.

Botões em foco

É possível que, em versões anteriores do FrontPage, você tenha usado botões em foco para adicionar links de botão às páginas da Web. Apesar de a funcionalidade do botão em foco ainda estar disponível no FrontPage 2003, os botões interativos agora substituem os botões em foco.

< Voltar ao início >