Criação de páginas com FrontPage

 
Henrique J. C. de Oliveira

<<<

III - DESENVOLVIMENTO DE UM PROTÓTIPO

 

Fase 6: Construção dos separadores do cabeçalho e rodapé

Até este momento já aprenderam a criar tabelas e a construir a estrutura inicial de um módulo, preencheram o cabeçalho com o título,  criaram as pastas para guardar os diferentes componentes na raiz do disco duro e salvaram o primeiro ficheiro do conjunto, a que deram o nome de «Index.htm», antes de encerrarem o computador.

Claro está que estas linhas só poderão ser lidas, tendo o computador desligado, se tiverem efectuado a impressão das páginas. Vamos assumir este facto como real. Além disso, mesmo que estejam a ler o texto através da Internet, isso não nos impede de porem em prática as instruções desta fase.

Se têm o computador desligado e lêem estas linhas impressas em papel, é altura de o ligar e esperar que o sistema operativo conclua as necessárias tarefas, antes de podermos trabalhar com ele.

Agora, que tudo está operacional, retomemos a construção do módulo. Como proceder para retomar o trabalho?

Há duas formas de carregar a página «Index.htm». A primeira, que raramente adoptamos, consiste em arrancar com o programa FrontPage da maneira que já anteriormente aprenderam e carregar o ficheiro. O carregamento pode ser feito recorrendo aos comandos «File» e «Open» e localizando depois o ficheiro na pasta respectiva ou através do ícone que nos mostra a abertura de uma pasta. Outra alternativa consiste em carregar simultaneamente nas teclas [CTRL] e [O] e indicar a localização do ficheiro. Qualquer das formas que utilizemos conduz ao mesmo resultado.

A forma de carregar um ficheiro que adoptámos por norma consiste em utilizar o Windows Explorer (ou Explorador do Windows, se o sistema operativo está em português) para localização do ficheiro, clicando depois sobre ele. Isto tem para nós a vantagem de activar o Internet Explorer, abrindo o ficheiro e apresentando imediatamente a página tal como ela pode ser vista na Internet. Embora o FrontPage tenha a opção de «Preview», a verdade é que não é a mesma coisa, tanto mais que não nos permite ver, por exemplo, se as hiperligações funcionam correctamente.

Feitas estas breves explicações introdutórias, abram o ficheiro «Index.htm», que têm na pasta que criaram, recorrendo ao Explorador do Windows.

Se já abriram a vossa página, verificam que ela apenas nos mostra, na parte superior do monitor, uma moldura onde se lê a letras grossas, de grandes dimensões, sobre um fundo de cor, o título do programa. No nosso caso pessoal, será «AVEIRO ANTIGO»; no vosso, o título que resolveram dar ao projecto. Temos, portanto, uma página praticamente vazia, apenas com um título na parte superior. 

E agora, como é que daqui passamos para o FrontPage, a fim de podermos prosseguir a construção da página?

 

Fig. 29: Para editar o programa no FrontPage através da página mostrada pelo Microsoft Internet Explorer é necessário utilizar o botão assinalado na imagem com um círculo.

Na barra de ferramentas do Internet Explorer, situada na margem superior, devem procurar um botão para edição da página. A sua identificação faz-se através do símbolo do FrontPage, idêntico ao que é mostrado na figura 29. Se por acaso não estiver visível na barra de ferramentas, deverão lá colocá-lo, utilizando o procedimento já referido na fase dois. 

Cliquem no botão de edição. Passados uns segundos, o FrontPage apresenta-nos o trabalho tal como o deixámos na fase anterior, ou seja, com o mesmo aspecto documentado na figura 28.

Na barra inferior do ecrã, devem ter activas três janelas: a do Explorador do Windows, resultante da necessidade de localização do ficheiro na pasta que criaram na raiz do disco, a da página visualizada através do Internet Explorer e a do FrontPage. Deste modo, é-nos possível ir alternando entre o programa de edição e a página da Internet, desde que tenhamos o cuidado de ir salvando o trabalho à medida que ele progride e de actualizar a página mostrada no Explorador da Internet por meio da tecla [F5].

Passemos aos conteúdos inerentes a esta fase. Todavia, antes de colocarmos os separadores na página do nosso modelo, convém reflectir um pouco acerca das funções e tipos que podemos criar.

Tal como o nome permite deduzir, separador é tudo aquilo que permite delimitar áreas distintas. Um muro entre dois quintais de vizinhos é o separador físico de áreas distintas. A raia ou fronteira é a linha imaginária de separação entre dois territórios ou países vizinhos. Quando há rios, o separador é um elemento real, bem visível. Quando não há nada a não ser terreno todo igual, o separador é uma linha imaginária e invisível, é uma linha virtual que une dois pontos, geralmente marcos geodésicos, malhões, curvas de nível, etc.

No caso destas páginas que agora lêem, quer no ecrã, quer em folhas A4, poderemos verificar que os separadores são constituídos por duas linhas horizontais, que separam o cabeçalho e o rodapé do corpo central relativo à informação escrita. Essas duas linhas, nas extremidades da folha, são linhas reais, bem visíveis, pois constituem segmentos de recta de cor cinzenta. Todavia, se repararmos bem, há outros separadores, nos quais nem sequer reparamos na maior parte das vezes. Quando escrevemos um texto, ele é constituído por partes, por parágrafos e por frases, até chegarmos à unidade semântica mínima, que é a palavra. Num texto normal, assinalamos devidamente os parágrafos terminando o bloco de informação com um sinal de pontuação, mudando de linha e começando um pouco mais dentro, se quisermos utilizar a língua com um mínimo de rigor. Nestas páginas para a Internet, não assinalamos os parágrafos da maneira convencional. No entanto, eles não deixam de estar devidamente indicados. Existe entre eles um separador, que passa geralmente despercebido, e que é constituído por uma linha em branco.  Isto não é mais do que um separador aparentemente invisível, na medida em que, estando bem patente na frente dos nossos olhos, acaba geralmente por ser ignorado.

Para a Internet, é possível considerar diferentes tipos de separador, de acordo com as suas características físicas:

              - separadores verticais ou horizontais;
              - separadores só visíveis no monitor do computador;
              - separadores visíveis quer no monitor, quer na versão impressa;
              - separadores fixos ou animados;
              - separadores monocromáticos ou policromáticos;
              - separadores com elementos desenhados ou com imagens de tipo
                 fotográfico.

Considerámos apenas seis categorias de separadores, tendo em conta as suas características intrínsecas. A razão desta classificação é de tal modo evidente, que nos dispensa de grandes explicações. Melhor do que as nossas palavras, para ficarmos com uma ideia concreta do que podem ser os separadores, não há como consultar a rubrica referente aos «utilitários para Internet», que nós criámos especialmente para todos os interessados nesta área do conhecimento. Acedam à página respectiva, regressando ao menu inicial deste bloco de páginas. Cliquem sucessivamente na rubrica indicada e em «Separadores» e percorram a página. 

Se estão a ler este texto a partir de uma versão impressa e têm acesso a um computador com Internet, digitem o endereço directo (sem passar pelas páginas do «Aveiro e Cultura») que a seguir vos indicamos:

                       http://ww3.aeje.pt/avcultur/Secjeste/Utilnet/Pg000520.htm

Antes de criarmos os separadores para o nosso módulo, temos de formular diversas questões. Que tipo de separadores pretendemos? Queremos separadores simples ou separadores graficamente elaborados? Queremos separadores só visíveis no ecrã ou susceptíveis de poderem ser impressos na folha de papel? Queremos separadores fixos ou separadores animados? Queremos separadores desenhados ou com imagens de tipo fotográfico?

 

  Se quiserem separadores bastante simples e de fácil obtenção, visíveis no ecrã e no papel e não exigindo mais do que um simples «clic» do rato, sigam estas instruções:

1º - Cliquem com o cursor na célula da segunda linha, por baixo do título do módulo, de modo que o cursor fique a piscar dentro dele;

2º - Cliquem com o cursor do rato no comando «Insert» e seleccionem «Horizontal Line»;

3º - Como a linha de separação faz surgir um espaço em branco, carreguem na tecla [Del]. Isto eliminará o espaço a mais, deixando a linha de separação na posição exacta.

Fig. 30: Aspecto do módulo no FrontPage inserindo duas linhas horizontais como separadores.

4º - Repitam as operações anteriores para criação da linha separadora do rodapé.

Depois disto, deverão ter obtido um resultado idêntico ao da figura 30. Salvem o vosso trabalho, mudem para a janela do Internet Explorer, carreguem na tecla F5 para actualizar e vejam o aspecto com que fica a página. Como ainda não há nada na parte central, aquilo que visionam é um título e duas linhas horizontais paralelas.

 

  Se quiserem separadores só visíveis no monitor, não precisam de inserir nada nas células das linhas 2 e 4 da estrutura inicial. Mas para que fiquem visíveis no monitor, caso contrário não poderão ser visionados, teremos de alterar as cores do fundo das duas células.

Como o módulo de aprendizagem que queremos construir se destina apenas a ser visualizado no monitor, será esta a nossa opção. O que temos que fazer para criar a página? Apenas seguir estas instruções:

1º - Seleccionar a célula da segunda linha, tal como fizemos na hipótese anterior, de modo que o cursor fique a piscar dentro dele;

2º - Clicando com o botão direito do rato no centro da célula, seleccionar «Cell Properties» e escolher a cor pretendida. Por exemplo, o azul escuro.

3º - Aplicar os procedimentos anteriores à célula da quarta linha.

Fig. 31: Aspecto do módulo no FrontPage tendo como linhas horizontais separadoras apenas as células com o fundo azul escuro.

O aspecto obtido no FrontPage é idêntico ao da figura 31. Salvem o vosso trabalho, mudem para a janela do Internet Explorer, carreguem na tecla F5 para actualizar e vejam o aspecto com que fica a página. Como ainda não há nada na parte central, aquilo que visionam é um título e duas linhas horizontais paralelas de cor azul. Se carregarem na tecla de «Pré-Visualização» daquilo que será impresso em papel, poderão constatar que a folha apenas mostra o título da página e nada mais. As linhas de separação a cor só são visíveis no ecrã do computador.

 

  Se nenhuma das hipóteses anteriores vos serve e quiserem como separadores um dos muitos modelos apresentados na secção de «Utilitários para Internet», não têm mais do que seguir as instruções que passamos a enumerar.

1º - Acedam à página de separadores e escolham um dos 48 modelos aí apresentados. Mas desde já vos alertamos para o facto de que estes separadores não são elásticos, isto é, ao utilizar um deles, ele não se modifica proporcionalmente, adaptando-se à largura da página. Os campos da página deixarão de ter a flexibilidade que os dois sistemas anteriores apresentam. Se a janela for muito larga, o separador fica imutável no meio da página. Se minimizarem a janela, esta só reduzirá até ficar com a largura do separador. Se procurarem diminui-la mais, serão obrigados a utilizar o botão de «scroll» horizontal, que aparecerá no fundo da página, para efectuarem a leitura. Mas vamos experimentar e ver como fica o módulo. 

2º - Seleccionem o separador que mais vos agrada. Devemos lembrar-vos que o separador deverá ser igual quer para o cabeçalho, quer para o rodapé e que não deverão cair na tentação de criar páginas folclóricas, sem unidade de tom, utilizando dois separadores diferentes. Basta um. As páginas mais simples são geralmente as que melhor resultam. Partamos do princípio que escolhemos o modelo com o número 22. Vejamos os procedimentos.

3º - Copiem o ficheiro correspondente ao separador preferido. Nós copiámos o modelo 22 para a pasta das imagens. Como? Seguindo as instruções fornecidas a propósito dos «botões de navegação», no final da página cujo endereço directo é o que indicamos:

                        http://ww3.aeje.pt/avcultur/Secjeste/Utilnet/pg000520.htm

4º - Copiado o ficheiro para a pasta das imagens, seleccionem a célula correspondente ao cabeçalho, colocando o cursor dentro dela.

Fig. 32: Botão para inserção de imagens no FrontPage e aspecto do módulo tendo como separadores uma imagem no formato GIF.

5º - Como o separador não é mais do que uma simples imagem no formato GIF, teremos de escolher o botão para inserção de imagens, tal como se indica na figura 32, e indicar ao programa a pasta onde se encontra o ficheiro. Como o separador é pequeno para a largura e fica encostado à margem esquerda, teremos de clicar no botão de colocação ao centro (Center = CTRL+E).

6º - Inserido o separador no cabeçalho, teremos de repetir os procedimentos anteriores para o colocar na célula relativo ao rodapé.

 

Devemos desde já dizer que o modelo de página que se obtém na hipótese anterior não nos agrada. Continuamos a preferir qualquer uma das duas primeiras. E vamos optar pela segunda, isto é, queremos uma página em que a separação se faça por meio de uma célula vazia com fundo azul.

 

Qualquer que tenha sido a vossa hipótese, não se esqueçam de salvar o trabalho já realizado. Passem à janela do Internet Explorer, actualizem-na carregando na tecla F5 e saboreiem o vosso trabalho. E com isto temos a sexta fase concluída. Ou fazem agora uma pausa e desligam o computador, que a energia está cara, ou passam à fase seguinte.

>>>


Página anterior   Página inicial   Página seguinte