FrontPage

Criar um site é muito simples graças às facilidades que o FrontPage oferece. Porém, um site bem elaborado exige paciência, dedicação e conhecimentos de algumas técnicas. Procure lembrar sempre que um bom site, além de ter uma aparência atraente, necessita que a mensagem seja transmitida de forma sucinta e sem demora no aparecimento das informações na tela. Fique atento às seguintes dicas:

- Defina os seus objetivos de forma clara;
- Analise o perfil de quem irá visitar seu site;
- Utilize itens que possam ser exibidos rapidamente na tela;
- Crie um bom layout de forma a torná-lo bastante atraente;
- Evite excesso de informações numa única página;
- De posse dos dados, procure organizá-los de forma inteligente;
- Crie botões que permitam acesso rápido a qualquer parte do site;
- Realize vários testes no seu site antes de torná-lo disponível aos seus visitantes.

TÓPICOS DE AJUDA

Como visualizar páginas na Web	Inserindo um tema
Inserindo figuras	Criação de quadros
Barra de Ferramentas Desenho	Configurando cada quadro
Inserindo Links	Salvando os quadros
Criando um link de e-mail	Criação de uma tabela
Criando uma estrutura	Modificar os atributos da tabela
Bordas Compartilhadas	Incluir e excluir linhas e colunas
Alterando o tamanho da fonte	Mesclar células
Alterando o tipo da fonte	Dividir células
Alterando a cor da fonte e cor padrão	Efeitos de Animação
Alterando o título da página	Como inserir um arquivo de texto
Inserindo linhas horizontais

COMO VISUALIZAR PÁGINAS DA WEB

No FrontPage você poderá visualizar um documento de três maneiras diferentes que poderão ser selecionadas pelas guias inferiores da janela principal do FrontPage.

Normal: Use este modo para editar suas páginas.
HTML: Use este modo para visualizar ou editar manualmente suas páginas por meio de seu código fonte.
Visualização: Use este modo para visualizar como será exibida, na Internet, a página que está sendo editada. Esta guia exibe suas páginas em um formato reduzido, ou seja, o suficiente para caber na área de trabalho do FrontPage.

Caso você queira visualizar por meio de seu navegador, clique sobre o botão Visualizar no Navegador da barra de ferramentas do FrontPage.

INSERINDO FIGURAS

Para incluir uma figura na página posicione o cursor no local que você deseja inserir a figura, clique no botão Inserir figura do arquivo , na barra de ferramentas do FrontPage, para que a caixa de diálogo Figura seja exibida. Através desta caixa, você poderá inserir a figura desejada.

Clicando no botão Clip-art você poderá visualizar várias figuras já prontas que poderão ser inseridas nas páginas do seu site

Clicando no botão Selecione um arquivo de seu computador você poderá escolher uma figura armazenada em seu computador.

BARRA DE FERRAMENTAS DESENHO

Com uma figura selecionada, a barra de ferramentas Figura é exibida (se não aparecer, clique em Exibir, Barra de Ferramentas). Através desta barra você pode aplicar vários recursos e efeitos na figuras utilizando os botões disponíveis.

INSERINDO LINKS

Para inserir um link, selecione o texto ou figura desejada, em seguida, clique no botão Hyperlink localizado na barra de ferramentas do FrontPage. Na janela Criar Hyperlink digite em URL o endereço do site que deseja "linkar", ou clique no botão Criar um hyperlink para um arquivo no seu computador se desejar "linkar" para uma página criada de seu próprio site.

Obs: URL (Uniform Resource Locator) é o endereço completo do site que desejamos acessar.

CRIANDO UM LINK DE E-MAIL

Para inserir um link de e-mail, selecione o texto onde será inserindo o link, depois clique no botão Hyperlink . Ao abrir a caixa de diálogo Criar hyperlink, clique sobre o botão Criar um hyperlink que envia mensagens eletrônicas.

Ao abrir a janela de diálogo Criar hyperlink de endereço eletrônico, digite o endereço correspondente e clique OK.

CRIANDO UMA ESTRUTURA

No menu Arquivo do FrontPage, escolha Novo e selecione a opção Web. Na caixa de diálogo Novo selecione a opção Web de uma página, especifique o local e nome da nova Web e clique OK.

O Site criado será mostrado no modo Página. Mude para o modo Navegação e você poderá notar que só existe o arquivo referente à página principal – index.htm.

Uma maneira prática de inserir uma página normal e já estabelecer os links, é através do modo Navegação. Ative este modo, selecione a página criada (dê um clique sobre ela) e em seguida clique no botão Nova página da barra de ferramentas. Uma nova página é criada no nível abaixo da página inicial. Você pode aproveitar e renomear estas páginas, ou seja, mudar o título, para isso, clique sobre ela para selecioná-la, tecle F2..

BORDAS COMPARTILHADAS

Com a estrutura de navegação pronta (veja tópico anterior), podemos criar os links entre as páginas, através da criação de um barra de navegação. O FrontPage possui um recurso denominado Borda Compartilhada, sendo esta uma região comum a uma ou mais páginas da Web. Dentro da borda compartilhada podemos inserir itens que desejamos que apareçam nas páginas, e depois para cada página em sua Web, você pode definir as bordas a serem compartilhadas: superior, direita, etc.

Exiba a página inicial de seu site (Home Page) e depois selecione a opção Borda Compartilhada do menu Formatar. Na caixa de diálogo selecione as opções desejadas.

Conforme o exemplo acima, incluímos os botões de navegação na borda compartilhada à esquerda. Para editar as propriedades da Barra de navegação, dê um clique duplo ou clique com o botão direito encima da borda e escolha Propriedades da Barra de Navegação. Na caixa de diálogo Propriedades da barra de navegação que aparece, selecione os hyperlinks que serão exibidos na barra. Exemplo:

ALTERANDO O TAMANHO DA FONTE

Se quiser destacar os títulos e subtítulos da sua página, o FrontPage oferece seis tamanhos diferentes, numerados de 1 (o maior) a 6 (o menor).

ALTERANDO O TIPO DA FONTE

Como no Microsoft Word, o FrontPage oferece vários tipos de fontes que poderão ser usadas na sua página. Para alterar o tipo da fonte de um texto, selecione-o e escolha uma outra fonte na lista suspensa da caixa Fonte. Se preferir, você poderá utilizar o Formatar, Fonte.

ALTERANDO A COR DA FONTE E COR PADRÃO

Para alterar a cor de um texto que esteja selecionado na página, utilize o botão Cor da fonte ,localizado na barra de ferramentas. No FrontPage, a cor padrão para o texto é o preto e para o background (fundo), o branco. Os hyperlinks apresentam a cor padrão azul. Podemos modificar esse padrão de cores, para isso, dê um clique com botão direito do mouse em qualquer lugar da página e selecione a opção Propriedades da página. Na caixa de diálogo, ative a guia Plano de fundo. Se preferir, você também pode clicar em Formatar, Plano de fundo.

Nesta caixa de diálogo vemos cinco elementos que podem ter a cor padrão alterada: o plano de fundo, o texto, o hyperlink, o hyperlink que já foi visitado e o hyperlink ativo. Lembre-se que as alterações feitas nesta caixa de diálogo afetarão todos os hypertextos da sua página.

ALTERANDO O TÍTULO DA PÁGINA

Dê um clique com botão direito do mouse em qualquer lugar da página e selecione a opção Propriedades da página. Na caixa de diálogo, ative a guia Geral. Na caixa de diálogo você poderá alterar o título da página.

INSERINDO LINHAS HORIZONTAIS

Para inserir uma linha na sua página, selecione Linha Horizontal no menu Inserir. A linha será inserida na posição do cursor, e para personalizá-la, dê um clique duplo sobre ela. A caixa de diálogo Propriedades da linha horizontal aparece.

INSERINDO UM TEMA

Para inserir um tema clique no menu Formatar, Tema e selecione o tema desejado. É possível personalizar o tema, como trocar as cores dos textos, hyperlinks, plano de fundo, etc. Para realizar estas operações, clique em Tema no menu Formatar, e na caixa de diálogo Temas, clique no botão Modificar, na parte inferior da janela.

Ao clicar no botão Modificar, outros cinco botões são imediatamente exibidos: Cores, Elementos Gráficos, texto, Salvar e Salvar como. Os três primeiros são utilizados para alterar a aparência dos elementos do tema, clique em cada um deles e analise-os cuidadosamente. Quando você altera qualquer elemento do tema, terá que salvá-lo com outro nome, pois um novo tema foi criado. Para isso, utilize o botão Salvar como que aparece quando clica-se no botão Modificar.

CRIAÇÃO DE QUADROS

Quadros são regiões retangulares situadas em uma página da Web, nas quais podemos exibir outras páginas ou imagens. Assim, uma única página do site pode conter vários quadros, cada um podendo exibir uma página diferente. Os quadros são utilizados quando queremos que determinada região do site permaneça estática (apareça o tempo todo) enquanto outras regiões sempre mudam. Clique no menu Arquivo, Novo, Página e na caixa de diálogo Novo, selecione a guia Página de quadros.

O FrontPage dispõe de dez tipos diferentes de quadros. Como exemplo vamos selecionar o tipo Conteúdo. Uma nova página é criada, contendo dois quadros, onde cada um apresenta dois botões.

Botão Definir página inicial: este botão permite que você selecione um arquivo já existente, onde este arquivo será a página inicial do quadro (primeira página a ser exibida quando o usuário abre o quadro).

Botão Nova Página: permite que você crie uma nova página desde o início (ao invés de abrir uma já existente), onde esta página irá ser exibida no quadro.

CONFIGURANDO CADA QUADRO

Como exemplo, iremos construir um site desde o início, vamos ter que criar uma página para cada quadro. Portanto, no quadro da esquerda, clique no botão Nova Página e veja que o quadro transforma-se em uma página em branco.

Obs: O quadro que está selecionado é identificado por uma borda. Para inserir um conteúdo no quadro da direita, clique no botão Nova Página do quadro da direita, para que a página em branco apareça.

SALVANDO OS QUADROS

Definido o conteúdo para os dois quadros, temos que salvá-los. Clique no botão Salvar da barra de ferramentas. Na caixa de diálogo Salvar como, observe que o quadro da esquerda está selecionado (ver A da figura abaixo) ou seja, é este o quadro que irá ser salvo. Em Salvar em, escolha o local onde será salvo os quadros. No exemplo, a pasta será U:\ (ver B). Devemos criar uma pasta para organizar o site, no exemplo será definido com o nome Turismo. Clique no botão Criar nova pasta (ver C e D). É nesta pasta que vamos armazenar todas as páginas, fotos, fundos, etc de nosso site. Na caixa Nome do arquivo (ver E) digite o nome do arquivo. Exemplo: indice.htm

Ainda na caixa de diálogo Salvar como clique no botão Alterar (ver F) para alterar o título da página e digite Índice.

Clique no botão OK na caixa de diálogo Definir título da página e também na caixa Salvar como. Imediatamente outra caixa de diálogo Salvar como é exibida, só que desta vez para você salvar o quadro da direita. Abra a pasta U:\Turismo criada anteriormente e digite introducao.htm na caixa Nome do arquivo (ver E) e deixe Introdução como título da página (ver F).

Clique em Ok. Uma caixa de diálogo Salvar arquivos incorporados aparecerá, perguntando se você deseja salvar as figuras e fundos que foram inseridas na página. Antes de clicar Ok, verifique se está na pasta correta, no exemplo, U:\Turismo. Se acaso não for esta pasta, clique no botão Alterar pasta e selecione a pasta correta.

Outra janela Salvar como é exibida, e desta vez indicando que devemos salvar todo o conjunto dos quadros, onde este conjunto será nossa página principal. Como a página que contém os quadros será a primeira página a ser exibida, digite index.htm na caixa Nome do arquivo e alteramos o título para Bruna’s Turismo.

CRIAÇÃO DE TABELAS

As tabelas que podemos criar no FrontPage tem a mesma estrutura e são usadas de maneira semelhante às tabelas do Microsoft Word. Com tais tabelas você pode exibir e organizar as informações existentes nas suas páginas, mediante o uso de colunas e linhas. Você também pode controlar a cor, a borda, o alinhamento, o espaçamento e o conteúdo de cada célula existente em sua tabela.

Você tem duas opções para criar uma tabela em uma página, uma opção é desenha uma tabela diretamente na página, usando a barra de ferramentas Tabela, Desenhar tabela ou inserir uma tabela já com as linhas e colunas definidas (mas nada impede de você inserir mais linhas e colunas posteriormente) clicando na barra de ferramentas Tabela, Inserir. Vamos utilizar a esta opção por ser mais fácil. Ao clicar em Inserir da barra de ferramentas Tabela, a caixa de diálogo Inserir tabela aparece. Nesta caixa você define, na seção Tamanho, o número de linhas e colunas que sua tabela terá. Na seção Layout são apresentados cinco recursos importantes: Alinhamento, Tamanho da borda, Enchimento da célula, Espaçamento da célula e Especificar largura.

Além de poder criar uma tabela usando as duas opções do menu Tabela descritas anteriormente, você pode usar o botão Inserir Tabela , localizado na barra de ferramentas do FrontPage.

MODIFICAR OS ATRIBUTOS DA TABELA

Depois que você criou sua tabela, é possível fazer alterações nas propriedades dessa tabela. Para isso, dê um clique com o botão direito do mouse sobre a tabela e selecione a opção Propriedades da tabela para que a caixa de diálogo de mesmo nome apareça.

A seção Layout você já conhece. Na seção Bordas, além de alterar o tamanho da borda, é possível também alterar as suas cores (a cor da borda clara especifica a cor em destaque e da borda escura determina a cor da sombra). Em Plano de fundo você tem a opção de inserir uma imagem de fundo, para isso, selecione a opção Usar figura de plano de fundo e localize a imagem a ser inserida através do botão Procurar. Você também pode acrescentar uma cor de fundo, selecionando-a na caixa Cor.

Se for preciso alterar as propriedades de determinadas células (sem afetar a tabela toda), dê um clique com o botão direito do mouse sobre a célula que será alterada e escolha Propriedades da célula. A caixa de diálogo que será exibida é semelhante à caixa de diálogo Propriedades da tabela, mas com uma diferença: todas as alterações feitas serão aplicadas somente à(s) célula(s) selecionada(s), e não à tabela inteira.

INCLUIR E EXCLUIR LINHAS E COLUNAS

Se você precisar inserir mais linhas ou colunas na sua tabela, o FrontPage permite que você faça isso de uma maneira muito fácil. Primeiro clique em uma célula próxima ao local em que a nova linha ou coluna será inserida. Depois, no menu Tabela, aponte para Inserir e clique em Linhas ou colunas.

Na caixa de diálogo Inserir linhas ou colunas você deve selecionar a opção Linhas ou Colunas, e depois definir a quantidade a ser incluída. Informe também, através das opções, se deseja que a linha ou coluna seja inserida acima ou abaixo da célula que você selecionou (ou a direita ou esquerda, se estiver incluindo uma coluna). Clique em Ok e as linhas ou colunas serão automaticamente inseridas na sua tabela.

Para excluir linhas e colunas de sua tabela, você deve clicar em uma célula que pertença à linha ou à coluna que você deseja excluir. Depois, no menu Tabela, aponte Selecionar e clique em Linha ou Coluna. Observe que a linha ou coluna que você deseja remover é destacada. Agora selecione a opção Excluir células do menu Tabela e a área destacada desaparecerá. Você também poderá remover somente uma célula, bastando clicar em Célula na opção Selecionar do menu Tabela e depois excluí-la.

MESCLAR CÉLULAS

Em determinadas situações você pode combinar duas ou mais células da mesma linha em uma única célula, ou seja, você pode mesclar as células. Para realizar esta ação, selecione as células que você deseja mesclar (para selecionar mais de uma célula, pressione as teclas Shift ou Ctrl). Você pode selecionar o número de células que quiser para mesclar, mas no final terá que ter uma área retangular selecionada. Depois escolha a opção Mesclar células no menu Tabela para que a mesclagem das células seja realizada. Na figura a seguir, observe que as quatro células do centro foram mescladas.

DIVIDIR CÉLULAS

O FrontPage permite que uma célula seja dividida em um número de linhas ou colunas. Para dividir uma célula, deixe o cursor posicionado na célula que será dividida e no menu Tabela, clique em Dividir células. Na caixa de diálogo Dividir células você deve selecionar uma das opções: dividir a célula em linhas ou em colunas, e depois digitar o número de linhas ou colunas que devem aparecer na célula. Por fim dê um clique em OK.

EFEITOS DE ANIMAÇÃO

Nas suas páginas da Web, os textos, parágrafos, figuras, botões e vários elementos podem receber efeitos de animação HTML dinâmico, sendo que estes efeitos são acionados quando ocorre um evento, como por exemplo a exibição da página, um clique do mouse, etc.

Para aplicar os efeitos de animação em um texto ou figura, selecione o texto ou figura inserida, depois, no menu Formatar, clique em Efeitos de HTML dinâmico. A barra de ferramentas Efeitos de HTML Dinâmico é exibida.

Obs: Os efeitos listados nas caixas da barra de ferramentas HTML dinâmico dependem do tipo de elemento de página que você selecionou e do tipo de evento selecionado.

O botão Realçar os efeitos de HTML dinâmico , presente na barra de ferramentas HTML dinâmico deve ser clicado para realçar os elementos da página que utilizam os efeitos de animação DHTML. Se quiser remover o efeito, clique no botão Remover efeito .

COMO INSERIR UM ARQUIVO DE TEXTO

Quando você está criando páginas para a Web, provavelmente, alguns textos já estão prontos para serem inseridos em sua página. Podemos inserir estes textos evitando sua redigitação por intermédio do FrontPage. Para isso, utilize o menu Inserir, opção Arquivo. Na janela de diálogo Selecionar arquivo clique na caixa de lista suspensa Examinar para localizarr a pasta onde está o arquivo texto, e em Arquivos do tipo selecione o tipo do formato do texto (txt, doc, etc...).