Edição das Páginas de um 'Web Site' - Frames

| SECÇÃO ANTERIOR |

O FrontPage 98
Edição das 'página's de um 'Web Site'

dot_clear.gif (807 bytes)Frames

Nesta secção:

| TOPO DA PÁGINA |

O que são 'frames'?

Os 'frames' são regiões em que é possível dividir a janela de visualização do 'browser'. Cada uma  comporta-se de forma independente podendo servir para a afixação de tópicos distintos.

| TOPO DA PÁGINA |

Criação de um lexia com 'frames'

Começa-se com a sequência File -> New -> Frames ou o comando New Frames Page no sub-menu Frame. Ambos os caminhos conduzem à caixa de diálogo New Frames que disponibiliza uma série de modelos ('templates') para a construção do lexia com 'frames'.

No caso de se escolher o primeiro caminho, aparecem duas pastas - New Page e New Frames - com diversos modelos à escolha. Note-se que os modelos para 'páginas' e para 'frames' não podem ser aplicados em simultâneo, ou seja, não se pode escolher um determinado esquema normal de 'página' e outro com 'frames' esperando que o primeiro seja aplicado a todas as 'frames' do segundo, ou vice-versa. Se se pretender usar integradamente os modelos para páginas normais e os modelos de 'frames' há que adoptar o seguinte procedimento:

  1. Crie-se primeiro a página com frames; dentro de cada frame terá disponíveis os botões , , ; para já não irá utilizar qualquer um;
  2. Executar a sequência File -> New, com o 'frame'  onde se pretende aplicar determinado modelo de página, seleccionado; aparecerá a caixa de diálogo já anteriormente ilustrada;
  3. Escolher, finalmente o modelo de página a aplicar ao 'frame' seleccionado;
  4. Repetir o ponto 2 e 3 se se pretenderem aplicar modelos pré-definidos de 'página' para as outras 'frames'.

Uma vez criado o lexia com 'frames', aparecerão dentro de cada um os botões já anteriormente referidos:

Botão 'Set Initial Page' - permite criar uma ligação hipertextual do lexia com 'frames' para o tópico que vai ser mostrado no 'frame' onde se encontra o botão em causa;

Botão 'New Page' - cria uma ligação hipertextual do lexia com 'frames' para um novo  tópico em branco; desta forma não é possível aplicar um modelo pré-definido de página a esse tópico;

Botão 'Help' - fornece ajuda directa a quem ainda não está habituado a trabalhar com 'frames'.

Importante: para trabalhar com 'frames' é necessário compreender bem a concepção estrutural que está na base das mesmas; assim,

  • o lexia com 'frames' é um lexia especial que, praticamente, só contém a definição desses 'frames' e as ligações hipertextuais com os tópicos que vão ser mostrados em cada 'frame';

  • a abertura de um tópico dentro de um 'frame' numa página com 'frames', faz com que o 'FrontPage Editor' altere automaticamente a ligação hipertextual para o 'frame' seleccionado, que estava definida no lexia de definição dos 'frames'. Se não existia qualquer ligação hipertextual para o 'frame' seleccionado ela será criada .

Na figura seguinte ilustra-se um exemplo de um lexia com três 'frames'. Neste estão definidos todos os atributos de cada 'frame', bem como as ligações hipertextuais para os tópicos que se podem visualizar (consulte os pontos auto-explicativos).

(!) Consulte os pontos auto-explicativos

O título que aparece na barra do título da janela do 'browser' é sempre o título do lexia onde os 'frames' e as ligações hipertextuais para outros tópicos estão definidas.

| TOPO DA PÁGINA |

Abrir um lexia com 'frames'

Procede-se como se fosse pretendido abrir um lexia normal, ou seja, recorrendo à sequência File -> Open ou ao botão equivalente - Botão 'Open', na barra geral de ferramentas do 'Front Page Editor', tendo o cuidado de escolher precisamente a página de definição das 'frames'

| TOPO DA PÁGINA |

Definir os tópicos que vão ser mostrados dentro de cada 'frame'

Primariamente, após a criação de um lexia com 'frames' utiliza-se o botão inip_but.jpg (2855 bytes) (figura abaixo) que surge automaticamente dentro de cada 'frame', para abrir um qualquer outro lexia já existente, no interior do 'frame' respectivo.

frame0p.jpg (26033 bytes)

O 'FrontPage Editor' define automaticamente a ligação hipertextual do 'frame' corrente para o tópico que foi aberto.

Como, alias, já foi referido, o botão Botão 'New Page' cria um novo tópico em branco, o que será desejável se o tópico que vai integrar a página com 'frames' ainda não existir. Naturalmente, neste caso, o novo tópico pode ser integralmente editado dentro do próprio 'frame' onde foi criado.

Não obstante, quaisquer tópicos que tenham sido inicialmente determinados para aparecerem dentro de cada 'frame' da 'página' com 'frames', é possível, em qualquer altura, alterar essa situação original. Para isso, pode utilizar-se a sequência Frame -> Set Initial Page, com o 'frame' onde se pretende fazer essa alteração seleccionado. Existe ainda outra alternativa que consiste no recurso  ao menu contextual onde se encontrará o comando Frame Properties. Na caixa de diálogo que aparece usa-se o botão Browse para procurar o ficheiro do novo lexia a mostrar no 'frame' corrente.

| TOPO DA PÁGINA |

Criar uma ligação hipertextual para um tópico que vai ser mostrado noutro 'frame'

Procede-se como se se estivesse a definir uma ligação hipertextual qualquer, ou seja, usando a sequência Insert -> Hyperlink (veja também Edição das Páginas de um 'Web Site' - Ligações Hipertextuais). Na caixa de diálogo que aparece - Create Hyperlink - começa-se por seleccionar o 'frame' alvo da ligação hipertextual a definir. Se for utilizado primeiro o botão 'Browse' - Botão 'Browse' -, terá que voltar-se à caixa de diálogo anterior (com o 'link' seleccionado) através da sequência Edit -> Hyperlink Properties, equivalente ao comando com este último nome presente no menu contextual, e utilizar o botão 'Frames' - Botão 'Frames' - para seleccionar o tipo de 'frame' alvo onde irá ser mostrado o tópico anteriormente escolhido. Portanto, o procedimento correcto deve ser o de determinar primeiro o 'frame' alvo do 'link' e só depois procurar e seleccionar o ficheiro do tópico com o qual esse 'link' vai ser estabelecido.

Ao primir o botão referido anteriormente aparece a seguinte caixa de diálogo (consulte os pontos auto-explicativos):

(!) Procure os pontos auto-explicativos

Estão disponíveis as seguintes opções para alvos da ligação hipertextual:

  • Page Default - o 'link' a criar aponta para o 'frame'  por omissão; este último varia conforme o modelo de 'frames' que foi definido para o lexia com 'frames', mas pode ser o indicado pelo utilizador na pasta General da caixa de diálogo Page Properties;
  • Same Page - introduz no código HTML da página com 'frames' o valor '_self' no atributo 'target' do 'link' a definir; isto significa que o tópico alvo desse 'link' será mostrado no 'frame' corrente' (o que estiver seleccionado);
  • Whole Page - introduz no código HTML da página com 'frames' o valor '_top' no atributo 'target' do 'link' a definir; isto significa que o tópico alvo desse 'link' ocupará toda a janela do 'browser' e não um 'frame' específico';
  • New Window - introduz no código HTML da página com 'frames' o valor '_blank' no atributo 'target' do 'link' a definir; isto significa que o tópico alvo desse 'link' será mostrado numa nova janela do 'browser';
  • Parent Frame - introduz no código HTML da página com 'frames' o valor '_parent' no atributo 'target' do 'link' a definir; isto significa que o tópico alvo desse 'link' será mostrado no 'frame' que contiver a própria definição dos  'frames';

| TOPO DA PÁGINA |

Eliminar ou Criar um novo 'frame' num lexia com 'frames'

Para eliminar um 'frame' já existente aplica-se, simplesmente, a sequência Frame -> Delete Frame.

A criação de um novo 'frame', numa 'página' com 'frames',  implica a divisão de um dos 'frames' já existente em dois. Para isso, com o 'frame' a dividir seleccionado, aplica-se a sequência Frame -> Split Frame que conduz à seguinte caixa de diálogo:

Caixa de Diálogo 'Split Frame'

Esta, permite, muito simplesmente, optar pela divisão do 'frame' corrente em duas  colunas ('Split into Columns') ou em duas linhas ('Split into Rows'):

| TOPO DA PÁGINA |

Definir o aspecto de um lexia com 'frames'

Quase todas operações que, a seguir, vão ser discutidas, implicam o recurso à caixa de diálogo Frame Properties, acedida através da sequência Frame -> Frame Properties ou do comando com esta última designação no respectivo menu contextual (o que se obtém primindo o botão direito do rato sobre o 'frame' pretendido). Exceptuam-se o ajuste do espaço entre 'frames' e a visualização de bordos que serão tratados na sub-secção seguinte.

Para mais informações acerca dos parâmetros que é possível alterar nesta caixa de diálogo consulte, sobre a ilustração da mesma, os pontos auto-explicativos.

(!) Procure os pontos auto-explicativos

| TOPO DA PÁGINA |

Ajuste do espaço entre 'frames' e visualização dos bordos

Neste caso, recorre-se à pasta  Frames da caixa de diálogo Page Properties, que só está disponível quando se trabalha com um lexia com 'frames'. Note-se, que tirando este pormenor, todas as outras propriedades do lexia com 'frames' são idênticas às discutidas, num âmbito mais geral, na secção "'O FrontPage Editor - Primeiros Passos".

A pasta anteriormente referida e que a seguir se apresenta, é acedida através da  sequência Frame -> Frames Page Properties. Controla o espaço entre 'frames' e a visualização ou não dos bordos entre as mesmas, afectando estes parâmetros todos os 'frames' do lexia com 'frames'.

Page Properties - Frames

O espaço entre 'frames' -  'Frame Spacing'- , é definido em pontos ecrã ou 'pixels'. A opção 'Show Borders' apenas determina a visualização ou não dos bordos entre as 'frames' do lexia com 'frames'.

| TOPO DA PÁGINA |

Redimensionar um 'frame'

Para o efeito aqui em discussão, basta actuar sobre os bordos do 'frame', usando o método do arrastamento com o auxílio do botão esquerdo do rato. Não obstante, para um controlo mais preciso ponto por ponto, recorre-se às opções da caixa de diálogo 'Frame Properties', que é acedida pela sequência Frame -> Frame Properties e que está ilustrada, com os respectivos pontos auto-explicativos, no início desta secção (não esquecer de ter o 'frame' alvo da operação previamente seleccionado).

O redimensionamento é conseguido introduzindo os valores pretendidos, em 'pixels' ou em percentagem nos campos Width ou Column Width e Height ou Row Height - conforme o posicionamento relativo do 'frame' -  da caixa de diálogo anteriormente referida. O primeiro campo controla a largura do 'frame' seleccionado, enquanto que o segundo campo controla a altura do mesmo 'frame'.

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
| TOPO DA PÁGINA | SECÇÃO ANTERIOR |


Companhia Nacional de Serviços
© 1999, 1998 CNS - Companhia Nacional de Serviços SA. - Todos os direitos reservados.