Adicionar uma figura, como um botão Submeter, a um formulário

Transcrição

1 PPaaggi innaa 1 Parte 2 Adicionar uma figura, como um botão Submeter, a um formulário Adicione uma figura a um formulário para usá-la no lugar de um botão Submeter. Após preencher o formulário, o visitante do site clica na figura para submeter o formulário e, em seguida, os dados do formulário, incluindo o nome do campo de figura, são enviados ao manipulador de formulários. Você pode usar o campo de figura para compilar um utilitário mapa de imagens personalizado. Quando um visitante do site clica no campo de figura para submeter o formulário, as coordenadas x e y do indicador são passadas para o manipulador de formulários, usando o sistema de coordenadas do campo de figura. Embora os manipuladores de formulários do Microsoft FrontPage não usem as informações sobre coordenadas, você pode criar um script personalizado que processe o formulário de acordo com essas coordenadas. (caso você já tem curso ou noções de programação) 1. Clique no formulário onde deseja colocar o botão Submeter. Você pode inserir uma nova linha pressionando ENTER. Observação Por padrão, se você colocar um campo fora de um formulário, será criada uma nova área de formulário com os botões Submeter e Redefinir e o campo será inserido no formulário. Você pode desativar este recurso se desejar usar campos com scripts em vez de dentro dos formulários. 2. No menu Inserir, aponte para Formulário e, em seguida, clique em Figura. Selecione a figura: 3. Clique com o botão direito do mouse na figura para definir suas propriedades e, em seguida, clique em Propriedades do campo do formulário no menu de atalho. 4. Na caixa Nome, digite um nome para identificar a figura. Este nome interno estará visível para o visitante do site na página de confirmação padrão, que é exibida quando você usa um manipulador de formulários em vez de um script personalizado. Dica Para testar o formulário, visualize-o em seu navegador da Web clicando em Visualizar no navegador.

2 PPaaggi innaa 2 Sobre hyperlinks Um hyperlink é uma conexão de uma página para outro destino, tal como uma outra página ou um local diferente na mesma página. O destino geralmente é uma outra página da Web, mas pode ser também uma figura, um endereço de correio eletrônico, um arquivo (tal como um arquivo de multimídia ou documento do Microsoft Office) ou um programa. Um hyperlink pode ser texto ou figura. Quando um visitante do site clica no hyperlink, o destino é exibido em um navegador da Web, aberto ou executado, dependendo do tipo de destino. Por exemplo, um hyperlink para um arquivo de vídeo abre o arquivo em uma mídia player e um hyperlink para uma página exibe a página no navegador da Web. No exemplo a seguir, a palavra "serviços" é um hyperlink; quando o visitante do site clica nela, a página Serviços é exibida. Criar um hyperlink para uma página ou arquivo em uma Web Você pode criar um hyperlink para um destino como uma página ou arquivo em uma Web. Quando um visitante do site clica no hyperlink, o destino é exibido no navegador da Web. Por exemplo, você pode criar hyperlinks de sua home page para outras páginas na Web. Ou criar um hyperlink para uma figura GIF. 1. Digite o texto que deseja usar como um hyperlink e, em seguida, selecione-o. 2. Clique em Inserir Hyperlink ou 3. Navegue para a Web na qual está localizada a página ou arquivo de destino e, em seguida, selecione a página ou arquivo. Dica: Se a página ou arquivo de destino estiverem na Web atual, clique na página ou arquivo na Lista de pastas e, em seguida, arraste-a para a página aberta onde deseja o hyperlink. Criar um hyperlink para uma página ou arquivo na World Wide Web No modo de exibição Página, digite o texto que deseja usar como um hyperlink e, em seguida, selecione-o. Por exemplo, digite e selecione "Home page da Microsoft". 1. Clique em Hyperlink. 2. Clique em World Wide Web.

3 PPaaggi innaa 3 3. Em seu navegador da Web, navegue até a página desejada e, em seguida, pressione ALT+TAB para voltar para o Microsoft FrontPage. O local da página visitado será exibido na caixa URL. Criar um hyperlink para uma página ou arquivo em um sistema de arquivos Digite o texto que deseja usar como um hyperlink e, em seguida, selecione-o Clique em Hyperlink. Clique em Arquivo. Criar um hyperlink para uma nova página 1. Digite o texto que deseja usar como um hyperlink e, em seguida, selecione-o. 2. Clique em Hyperlink. 3. Clique em Nova página. 4. Clique no modelo que deseja usar para criar a nova página. 5. Proceda de uma das seguintes maneiras: 6. Para editar a nova página agora, clique em OK. O FrontPage cria o hyperlink e exibe a nova página para você editar. O novo hyperlink criado não funcionará se você não salvar a nova página. Para criar uma tarefa para lembrá-lo de terminar a página mais tarde, clique em Apenas adicionar tarefa da Web e, em seguida, clique em OK. Você será solicitado a salvar a nova página e o título e nome do arquivo da página padrão serão exibidos. Para alterar o título da página, clique em Alterar, digite o novo título da página e, em seguida, clique em OK. Para alterar o nome do arquivo, digite sobre o nome de arquivo padrão na caixa Nome do arquivo. Clique em Salvar. Você pode concluir a tarefa de edição desta página a qualquer momento no modo de exibição Tarefas. Criar um indicador Um indicador é um local ou texto selecionado em uma página que você marcou. Você pode usar indicadores como destino para um hyperlink. Por exemplo, para exibir uma determinada seção de uma página para o visitante do site, adicione um hyperlink com o indicador como seu destino. Quando o visitante do site clica no hyperlink, a parte relacionada da página é exibida, e não a parte superior da página.

4 PPaaggi innaa 4 1. Se um local (em vez de texto) estiver indicado, o indicador será identificado por. Se o texto estiver indicado, ele será exibido com um sublinhado tracejado. 2. No modo de exibição Página, posicione o ponto de inserção onde deseja criar um indicador ou selecione o texto para o qual deseja atribuir o indicador. 3. No menu Inserir, clique em Indicador. 4. Na caixa Nome do indicador, digite o nome do indicador (são permitidos espaços). Criar um hyperlink para um indicador No modo de exibição Página, digite o texto que deseja usar como hyperlink e, em seguida, selecioneo. Ou, para usar o nome de um indicador como o texto de hyperlink, posicione o ponto de inserção onde deseja inserir o hyperlink. 1. Clique em Hyperlink. 2. Selecione a página que contenha o indicador. 3. Na caixa Indicador, clique no indicador que deseja usar como destino. Criar um hyperlink para submeter uma mensagem de correio eletrônico Observação Nem todos os navegadores da Web oferecem suporte a hyperlinks para endereços de correio eletrônico. 1. digite o texto que deseja usar como um hyperlink e, em seguida, selecione-o. 2. Clique no botão Hyperlink. 3. Clique no botão Correio eletrônico. 4. Digite o endereço de correio eletrônico para o qual deseja que a mensagem seja enviada. Ir para um indicador em uma página Você pode ir para um indicador que foi adicionado a uma página. Por exemplo, você indica cada título de seção em uma página extensa e, em seguida, quando quiser trabalhar em uma determinada seção, vai para o indicador correspondente. 1. Clique em Indicador no menu Inserir. 2. Na caixa Outros indicadores nesta página, clique no indicador que deseja localizar. 3. Clique em Ir para. Definir cores do hyperlink Você pode escolher as cores que um navegador da Web usará para exibir hyperlinks. É possível selecionar três cores para usar para um hyperlink, dependendo de seu status: Hyperlink: um hyperlink não selecionado.

5 PPaaggi innaa 5 Hyperlink ativo: um hyperlink atualmente selecionado. Hyperlink visitado: um hyperlink já visitado. 1. Clique com o botão direito do mouse na página, clique em Propriedades da página no menu de atalho e, em seguida, clique na guia Plano de fundo. 2. Nas caixas Hyperlink, Hyperlink visitado e Hyperlink ativo, selecione as cores que deseja usar. Adicionar efeitos de fonte a um hyperlink 1. Clique com o botão direito do mouse na página, clique em Propriedades da página no menu de atalho e, em seguida, clique na guia Plano de fundo. 2. Em Formatação, selecione a caixa de seleção Ativar efeitos de sobreposição de hyperlink. 3. Clique em Estilo de sobreposição. 4. Defina as propriedades de fonte para hyperlinks da página atual. Excluir um hyperlink Você pode excluir um hyperlink de uma página. 1. Selecione o hyperlink. 2. Proceda de uma das seguintes maneiras: Para excluir completamente o hyperlink, incluindo o texto de hyperlink, pressione DELETE. Para preservar o texto de hyperlink, mas excluir o hyperlink associado a ele, selecione o hyperlink e, em seguida, clique em Hyperlink. 1. Selecione o conteúdo da caixa URL e, em seguida, pressione DELETE. Excluir um indicador Você pode excluir um indicador. 2. Clique em Indicador no menu Inserir. 3. Na caixa Outros indicadores desta página, clique no indicador que deseja excluir. 4. Clique em Ir para. 5. Clique em Limpar. Definir um hyperlink padrão para um gráfico Você pode definir um hyperlink padrão para um gráfico, tal como uma figura, GIF animado ou vídeo. Quando um visitante do site clica no gráfico, o navegador da Web exibe o destino do hyperlink. Por

6 PPaaggi innaa 6 exemplo, para criar um botão que exibe a sua home page, adicione um gráfico de botão a uma página e, em seguida, defina o hyperlink padrão que o levará até a sua home page. Se você colocar áreas interativas em um gráfico, o hyperlink padrão será usado para as áreas que não possuem uma área interativa. 1. Clique com o botão direito do mouse no gráfico, clique em Propriedades da figura no menu de atalho e, em seguida, na guia Geral. 2. Na caixa Local, em Hyperlink padrão, digite o destino que deseja usar como hyperlink padrão ou clique em Procurar para localizar o destino: 3. Se o destino estiver em uma Web, procure a Web e a pasta que contém a página, selecionea e, em seguida, clique em OK. 4. Se o destino estiver na sua rede local, clique em Arquivo, procure a página desejada da sua rede local e, em seguida, clique em OK. 5. Se o destino estiver na World Wide Web, clique em World Wide Web. No navegador da Web, procure a página desejada e, em seguida, pressione ALT+TAB para voltar ao Microsoft FrontPage. O local da página visitada será exibido na caixa URL. Clique em OK. 6. Se desejar criar uma mensagem de correio eletrônico quando um visitante do site clicar no gráfico, clique em Correio eletrônico. Digite o endereço de correio eletrônico para o qual deseja enviar a mensagem, clique em OK e, em seguida, em OK novamente. 7. Se desejar que o destino do hyperlink apareça em um quadro específico, clique em Alterar o quadro de destino e especifique o quadro. Adicionar uma área interativa a um elemento gráfico Você pode adicionar aos elementos gráficos áreas interativas tais como figuras e GIFs animados. Uma área interativa é uma região invisível de um elemento gráfico, à qual você atribuiu um hyperlink. Quando um visitante do site clica na região, o destino do hyperlink é exibido no navegador da Web. No Microsoft FrontPage, as áreas interativas podem ter o formato de retângulos, círculos ou polígonos. Um elemento gráfico com uma ou mais áreas interativas chama-se mapa de imagens. Ele geralmente fornece dicas sobre onde se deve clicar. Por exemplo, o site de um fabricante de carros na Web pode usar um mapa de imagens dos novos carros: quando um visitante do site clica em um carro, uma página com a descrição detalhada do carro é exibida.

7 PPaaggi innaa 7 1. Clique na figura. 2. Na barra de ferramentas Figuras, clique no botão Área interativa correspondente à forma desejada: Área interativa em forma de retângulo Área interativa circular Área interativa em forma de polígono 3. No elemento gráfico, desenhe um retângulo, círculo ou polígono, dependendo da forma escolhida. Para desenhar um polígono, clique no local onde deverá ficar o primeiro canto do polígono, clique para posicionar cada canto do polígono e, em seguida, clique duas vezes para concluí-lo. 4. Quando você liberar o botão do mouse, a caixa de diálogo Criar hyperlink será aberta. 5. Especifique o destino da área interativa: 6. Se o destino estiver em uma Web, procure a Web e a pasta que contém a página, selecionea e, em seguida, clique em OK. 7. Se o destino estiver na sua rede local, clique em Arquivo, procure a página desejada da sua rede local e, em seguida, clique em OK. 8. Se o destino estiver na World Wide Web, clique em World Wide Web. No navegador da Web, procure a página desejada e, em seguida, pressione ALT+TAB para voltar ao Microsoft FrontPage. O local da página visitada será exibido na caixa URL. Clique em OK. 9. Se desejar criar uma mensagem de correio eletrônico quando um visitante do site clicar no elemento gráfico, clique em Correio eletrônico. Digite o endereço de correio eletrônico ao qual deseja enviar a mensagem e, em seguida, clique em OK. Adicionar uma área interativa de texto a um gráfico Você pode adicionar aos gráficos áreas interativas de texto tais como figuras, GIFs animados e vídeos. Uma área interativa de texto é uma seqüência de texto que você colocou em um gráfico e à qual foi atribuído um hyperlink. Quando um visitante do site clica no texto, o destino do hyperlink é exibido no navegador da Web.

8 PPaaggi innaa 8 1. Clique na figura. 2. Na barra de ferramentas Figuras, clique em Texto. 3. Na caixa de texto agora exibida no gráfico, digite o texto. 4. Você pode: Redimensionar a caixa de texto clicando e arrastando as alças. Mover a caixa de texto clicando e arrastando uma borda. (use setas, Tab ou enter) 5. Para definir o hyperlink do texto, clique duas vezes em uma borda da caixa de texto. 6. Especifique o destino da área interativa: Se o destino estiver em uma Web, procure a Web e a pasta que contém a página selecione-a e, em seguida, clique em OK. Se o destino estiver na sua rede local, clique em Arquivo, procure a página desejada da sua rede local e, em seguida, clique em OK. Se o destino estiver na World Wide Web, clique em World Wide Web. No navegador da Web, procure a página desejada e, em seguida, pressione ALT+TAB para voltar ao Microsoft FrontPage. O local da página visitada será exibido na caixa URL. Clique em OK. Se desejar criar uma mensagem de correio eletrônico quando um visitante do site clicar no gráfico, clique em Correio eletrônico. Digite o endereço de correio eletrônico ao qual deseja enviar a mensagem e, em seguida, clique em OK. Editar, mover, redimensionar ou excluir uma área interativa de um gráfico Você pode editar o URL de uma área interativa ou mover, redimensionar ou excluir a mesma. No modo de exibição Página, clique no gráfico para exibir as áreas interativas. 1. Clique em uma área interativa. 2. Para editar o URL de uma área interativa, clique duas vezes sobre o mesmo. 3. Para mover a área interativa, clique sobre ela e arraste-a para uma nova posição. 4. Para redimensionar a área interativa, clique e arraste as alças de seleção ou pressione as teclas de setas. 5. Para excluir uma área interativa, pressione DELETE. Dica Ao mover uma área interativa, você pode retorná-la à sua posição original pressionando ESC enquanto clica na mesma. Realçar as áreas interativas em um gráfico Você pode realçar as áreas interativas em um gráfico, por exemplo, se for difícil para você ver o contorno da área interativa sobreposto no gráfico. 1. Clique no gráfico. 2. Na barra de ferramentas Figuras, clique em Realçar áreas interativas. Clique nesse botão novamente para exibir o gráfico sem o realce. Organizar sua intranet usando subwebs

9 PPaaggi innaa 9 Uma subweb é uma Web aninhada dentro de uma outra Web. A Web que contém uma subweb é chamada de Web pai, porque está acima da subweb em uma estrutura hierárquica parecida com uma árvore genealógica: No diagrama acima, Northwind é a Web raiz; Marketing e Recursos humanos são subwebs da Web raiz Northwind; e Repartições de trabalho e Benefícios dos funcionários são subwebs de Recursos humanos. Criar uma Web No menu Arquivo, aponte para Novo e, em seguida, clique em Web. Na lista Sites da Web, selecione o modelo ou assistente que deseja usar para criar a nova Web. Na caixa Especifique o local da nova Web, digite ou selecione um nome para a nova Web. Se desejar usar Secure Sockets Layer (SSL, camada de soquetes de segurança) para proteger as transações de sua nova Web, marque a caixa de seleção Requer conexão segura (SSL). Criar uma pasta Crie uma pasta na sua Web para organizar suas páginas e arquivos. Por exemplo, você pode criar uma pasta chamada Multimídia para armazenar efeitos sonoros, vídeos, etc. Para criar uma pasta dentro de uma pasta existente, selecione a pasta existente antes de usar este procedimento. Clique com o botão direito do mouse na Lista de pastas e, em seguida, clique em Nova pasta, no menu de atalho. Digite o nome da nova pasta e, em seguida, pressione ENTER. Dica Para ocultar arquivos dos visitantes do site, você poderá criar uma pasta oculta para os arquivos. Renomear uma Web Quando você renomeia uma Web, o Microsoft FrontPage automaticamente atualiza todos os hyperlinks internos e outras configurações da Web com o novo nome da Web. No menu Ferramentas, clique em Configurações da Web e, em seguida, clique na guia Geral. Na caixa Nome da Web, digite um novo nome para a Web. Abrir uma Web No menu Arquivo, clique em Abrir Web e, em seguida, proceda de uma das seguintes maneiras:

10 PPaaggi innaa 10 Para abrir uma Web baseada em disco no seu computador local, na caixa Nome da pasta, digite o caminho para a pasta que contém a Web e, em seguida, clique em Abrir. Por exemplo, para abrir uma Web chamada Northwind, localizada na sua unidade C:, na pasta Minhas Webs, digite C:\Minhas Webs\Northwind. Ou então, use a caixa Examinar para navegar até a pasta Minhas Webs (ou qualquer outra pasta que contenha Webs). Na lista de Webs, selecione a Web desejada e, em seguida, clique em Abrir. Para abrir uma Web baseada em disco em um computador de rede, use a caixa Examinar para navegar até a unidade de rede e pasta que contêm a Web que você deseja abrir. Na lista de Webs, selecione a Web desejada e, em seguida, clique em Abrir. Dica Para mapear uma unidade de rede sem sair da caixa de diálogo Abrir Web, clique em Ferramentas e, em seguida, em Mapear unidade de rede. Para abrir uma Web em um servidor, na caixa Nome da pasta, digite o URL (Uniform Resource Locator, localizador de recursos uniforme) dessa Web e, em seguida, clique em Abrir. Por exemplo, para abrir uma Web chamada Northwind em um servidor chamado Meu servidor, digite servidor/northwind. Salvar uma página em uma Web diferente Você pode salvar uma página em uma Web diferente. 1. Clique em Salvar como, no menu Arquivo. 2. Navegue até a Web na qual deseja salvar a página. 3. Na caixa Nome do arquivo, digite o nome do arquivo. 4. Para alterar o título da página, clique em Alterar, digite o novo título e, em seguida, clique em OK. 5. Clique em Salvar. Salvar uma página em um sistema de arquivos Você pode salvar uma página como um arquivo html em um sistema de arquivos, como em uma unidade local ou rede. Se a página contiver elementos gráficos, controles ActiveX, arquivos de som ou outros objetos, você será solicitado a salvá-los no mesmo local da página. 1. Clique em Salvar como, no menu Arquivo. 2. Navegue até o local no sistema de arquivos onde deseja salvar a página. 3. Na caixa Nome do arquivo, digite o nome do arquivo. 4. Clique em Salvar. Excluir páginas da Web atual Você pode excluir páginas indesejáveis da Web atual. 1. No modo de exibição Pastas, selecione as páginas e, em seguida, pressione DELETE.

11 PPaaggi innaa 11 Dica Você também pode selecionar e excluir arquivos da Lista de pastas na maioria dos modos de exibição. Excluir uma Web Aviso Tenha cuidado ao excluir uma Web! Uma vez excluída, a Web é permanentemente destruída e sua exclusão não pode ser cancelada. Para excluir uma Web ou subweb que você está editando atualmente no Microsoft FrontPage, clique com o botão direito do mouse na Web ou subweb da Lista de pastas e, em seguida, clique em Excluir no menu de atalho. Modificar o título de um arquivo 1. Em qualquer modo de exibição, exceto o modo de exibição Tarefas, clique com o botão direito do mouse no arquivo, clique em Propriedades, no menu de atalho e, em seguida, na guia Geral. 2. Na caixa Título, digite o título do arquivo que você deseja que apareça nas faixas de página e barras de navegação. Entendendo quadros e páginas de quadros - FRAMES Uma página de quadros é um tipo especial de página HTML que divide a janela do navegador em diferentes áreas denominadas quadros, cada qual podendo exibir uma página diferente. Por exemplo, uma página de quadros criada usando o modelo de página de quadros Faixa e Conteúdo contém três quadros: Faixa, Conteúdo e Principal.

12 PPaaggi innaa 12 Criar uma página de quadros 1. No menu Arquivo, aponte para Novo, clique em Página e, em seguida, clique na guia Páginas de quadros. 2. Clique em um modelo de página de quadros. Dica Quando você clica em um modelo, o FrontPage exibe uma miniatura mostrando o layout dos quadros desse modelo na área Visualização. Também exibe um resumo e a sugestão de uso do modelo na área Descrição. Nasa Informática