O FrontPage está aberto mostrando a home page de uma empresa de produtos veterinários no modo de exibição de Visualização.

Suponha que você administre uma pequena empresa de produtos veterinários e que os clientes de outros estados estejam pedindo um endereço da Web para ver sua linha de produtos. Você quer aprender um jeito rápido de criar páginas com uma aparência profissional.

O ponteiro se move para o painel de navegação da esquerda e aponta para três botões interativos que ali existem. A cor de fundo de cada botão se altera quando o ponteiro se move até ele e o texto do terceiro botão muda de cor quando o ponteiro o pressiona.

O ponteiro se move até o botão Design e o pressiona. O modo de exibição Design se abre. O ponteiro se move para a direita do botão Produtos Alimentícios e o menu de atalho se abre. O ponteiro clica em Inserir linhas e o menu se fecha. Uma nova célula em branco aparece acima dos botões interativos. O ponteiro se move para essa célula. No menu Inserir, o ponteiro clica em Botão Interativo.

Insira botões interativos. Novos no FrontPage 2003, aqui estão alguns deles, do lado esquerdo da página. Eles ficam realçados e você pode alterar a cor do texto. Esses botões eram conhecidos como "sobreposições".

Você pode escolher entre vários estilos e cores de botões. Agora, você vai adicionar um para mostrar a sua linha de Vitaminas.

A caixa de diálogo Botões Interativos se abre. Na guia Botão, o ponteiro clica em Coluna de Corrente 3 na caixa Visualização. A imagem do botão se altera. O ponteiro rola para baixo na lista da caixa Botões e seleciona Associado 5. A imagem na caixa Visualização se altera.

Você pode visualizar um botão interativo ou experimentar os efeitos. Observe que quando você aponta ou pressiona a imagem, ela se altera.

Para combinar com o seu site, eu vou escolher o estilo de botão Associado 5.

Para adicionar um rótulo ao novo botão, o ponteiro se move para a caixa Texto. O texto Vitaminas é inserido. Este texto aparece no botão da caixa Visualização.

Para transformar o botão Vitaminas em um hyperlink, o ponteiro se move para o botão Procurar e clica nele. A caixa de diálogo Editar hyperlink se abre e mostra uma lista dos links possíveis. O ponteiro rola para baixo na lista, seleciona Vitaminas e clica em OK. A cena volta para a caixa de diálogo Botões Interativos.

Em seguida, você coloca um rótulo no botão Vitaminas e um link para a página de destino.

Com esses links, você pode adicionar uma atraente interatividade sem precisar aprender design gráfico ou técnicas de codificação.

O ponteiro clica na guia Fonte e a aparência da caixa de diálogo muda. O ponteiro abre a lista Cor ao Clicar e seleciona Azul-petróleo na grade de amostras de cor. A barra da caixa Cor ao Clicar muda para azul-petróleo. O ponteiro se move para a caixa Visualização e clica na imagem do botão, no qual a cor do texto muda para azul-petróleo.

Nas guias Fonte e Imagem, você pode começar a alterar o botão. Por exemplo, você pode alterar a cor da fonte da fonte pressionada para azul-petróleo e ver como ficou. Isso mostrará aos clientes que o seu site sabe quando uma ação está prestes a ocorrer.

O ponteiro clica na guia Imagem e a aparência da caixa de diálogo muda. O ponteiro se move para a caixa Largura e o valor de 200 é inserido. A imagem do botão muda na caixa Visualização. O ponteiro desmarca a caixa de seleção Manter proporções. Um valor de 110 aparece na caixa Largura, e um valor de 26 aparece na caixa Altura. A imagem do botão muda na caixa Visualização.

O ponteiro se move para a caixa Tornar o botão uma imagem JPEG e usar esta cor de plano de fundo: e abre uma grade de amostras de cor. A grade se fecha novamente. O ponteiro clica em OK e a caixa de diálogo se fecha.

Você também pode alterar o tamanho do botão. Se aumentar a largura para 200, será demais. Em vez disso, simplesmente remova as proporções e escolha 110 por 26. Não altere as outras opções.

Uma imagem JPEG realçará melhor os botões porque pode exibir milhares de cores contra um plano de fundo de uma só cor.

No modo de exibição Design, no menu Arquivo, o ponteiro clica em Salvar. A caixa de diálogo Salvar arquivos incorporados aparece com vários nomes selecionados. O ponteiro clica no novo botão OK, e a caixa de diálogo se fecha.

A cena muda do FrontPage para o Microsoft Internet Explorer, que mostra a home page, agora com novo botão Vitaminas.

Agora, salve as alterações e exiba o site em um navegador.

Os botões interativos ajudam os clientes a navegar de duas maneiras: com hyperlinks e alterando a cor dos botões.

O ponteiro vai até o botão Vitaminas. A cor do botão e a cor do texto mudam. O ponteiro clica no botão Vitaminas e uma outra página da Web aparece.

Aqui está o seu novo botão interativo. Este é o efeito da passagem do mouse sobre o texto e, quando você pressiona, a cor do texto muda.

Nesta página Vitaminas, o botão Vitamina é marrom. O ponteiro se move para a seção de título de página, que mostra o nome da empresa.

Agora, na página de Vitaminas, você nota que o botão é marrom? Com a mudança de cores, os botões interativos podem mostrar o contexto de navegação do site. Isso significa que você pode manter o mesmo título em todas as páginas.

O ponteiro se move para a esquerda e clica no ícone Home para voltar para a home page, onde o botão Vitaminas não é marrom, mas azul, como os outros botões da página. Em seguida, o texto animado Crie seus grandes momentos aparece. Abaixo dele, aparece o texto estático Para obter mais informações, seguido de uma URL: http://www.office.microsoft.com.

Usando os botões interativos do FrontPage 2003, você pode criar um site rapidamente e dedicar mais tempo aos seus clientes.