Edição das Páginas de um 'Web Site' - Gráficos e Hipergráficos

| SECÇÃO ANTERIOR |

O FrontPage 98
Edição das Páginas de um 'Web Site'

Gráficos e Hipergráficos

Nesta Secção trataremos da inserção e modificação dos atributos das imagens, bem como da definição de ligações hipertextuais sobre as mesmas. O que há para saber, resume-se aos seguintes conteúdos:

| TOPO DA PÁGINA |

Gráficos

Na generalidade, as imagens a inserir podem estar no disco local, no 'Clipart' da 'Microsoft', na 'World Wide Web', ou serem mesmo digitalizadas, na altura, com um 'Scanner'.

A inserção de gráficos é feita utilizando a sequência Insert -> Image.

Também podem inserir-se directamente imagens do 'Clipart' da 'Microsoft' usando, para isso, a sequência Insert -> Clipart.

A primeira possibilidade não oferece quaisquer dificuldades, oferecendo, de imediato, a hipótese de pesquisa da imagem  no disco ou discos locais.

Para mais detalhes, veja ainda, sobre a imagem que se segue, os pontos auto-explicativos.

(!) Procure os pontos auto-explicativos

No segundo caso aparece, de imediato, a caixa de diálogo do 'Clipart' do 'Microsoft Office', bastando seleccionar a imagem pretendida e utilizar o botão Insert.

Uma vez a imagem inserida, podemos configurá-la de acordo com as seguintes possibilidades:

  • Redimendionamento directo da mesma no modo de visualização 'Normal';
  • Definição das propriedades da mesma, tais como, alinhamentos, espaçamentos em relação ao texto circundante, etc., usando a sequência Edit-> Image Properties ou o comando correspondente no menu contextual que aparece premindo o botão direito do rato sobre a imagem.

Para o redimensionamento directo da imagem arrastam-se, com o auxílio do rato os pequenos quadrados negros que aparecem nos seus bordos. Os quadrados dos cantos permitem um redimensionamento proporcional. Esta operação, também pode ser levada a cabo de forma mais indirecta, utilizando a sequência acima descrita.

No segundo caso, o 'FrontPage Editor' disponibiliza a  caixa de diálogo que se segue (para mais informações procure sobre a mesma os pontos auto-explicativos).

(!) Procure os pontos auto-explicativos

Para as imagens em formato GIF   dispõem-se das opções Transparent e Interlaced

. Se a imagem original neste formato já tiver uma cor transparente, a opção Transparent  aparece validada. É possível definir através do 'FrontPage Editor' uma cor transparente para a imagem em formato GIF. Para isso basta, primeiro, retirar a validação da opção em discussão na caixa de diálogo mostrada anteriormente e, depois, recorrer à ferramenta para tornar uma cor transparente na barra de tratamento de imagens e definição de áreas de interligação (veja, mais abaixo, as opções dessa barra). Ainda para o formato GIF, a opção Interlaced não pode ser modificada através do 'FrontPage Editor', sendo para isso necessário recorrer a um editor de imagens.

No caso do formato JPEG pode jogar-se com a qualidade da imagem independentemente do original. O problema é que, a qualidade é directamente proporcional ao tamanho do ficheiro da imagem - se for aumentada o 'Browser' levará mais tempo a carregá-la. O valor por omissão para a qualidade é 75, podendo variar entre 1 e 99. Para os JPEG's progressivos a imagem é carregada lentamente através de passagens sucessivas. Isto tem a vantagem de permitir imagens com grande detalhe com a mesma eficiência de compressão dos JPEG's normais.

Note bem que a alteração destas opções obrigará a uma solicitação para salvaguarda específica da imagem logo que o documento em edição seja salvaguardado, posto que se tratam de alterações importantes à mesma.

A segunda pasta desta caixa de diálogo (Video

) permite a inserção de um Video no documento, enquanto que a última (Appearance) controla  vários aspectos relativos à aparência da imagem.

Após a imagem inserida, o 'FrontPage Editor', embora não sendo um editor de imagens, permite algum ajuste das características da mesma. Neste contexto, são disponibilizadas algumas ferramentas na Barra de Ferramentas para Tratamento de Imagens e Definição de Áreas de Ligação Hipertextual.

(!) Procure os pontos auto-explicativos

As quatro ferramentas que se seguem à de selecção (da esquerda para a direita) têm a ver com a definição de áreas de ligação hipertextual sobre as imagens - ver Hipergráficos. Todas as outras referem-se ao tratamento das imagens. A sua utilização obriga a uma solicitação para salvaguarda específica da imagem alvo logo que o documento em edição seja salvaguardado, posto que se tratam de alterações importantes à mesma. A consulta dos pontos auto-explicativos sobre a barra apresentada, dispensa quaisquer outras explicações.

| TOPO DA PÁGINA |

Hipergráficos

Há a considerar dois tipos de hipergráficos:

  • Hipergráficos simples;
  • Hipergráficos segmentados.

Os primeiros são imagens sobre as quais se estabelece uma ligação hipertextual, de  forma idêntica à utilizada para o texto.

Os hipergráficos segmentados, são mapas de imagem em que cada área de mapeamento está associada a uma ligação hipertextual.

| TOPO DA PÁGINA |

Hipergráficos simples

Quando, seleccionando uma imagem, se aplica a sequência Insert -> Hyperlink, cria-se uma ligação hipertextual da imagem com qualquer outro lexia, 'Web Site' ou mesmo uma localização específica no lexia corrente, assinalada por uma 'bookmark' (veja-se a este propósito a secção 'Ligações Hipertextuais'). Obviamente, isso só acontece após a definição dos parâmetros de configuração dessa interligação na correspondente caixa de diálogo, em baixo ilustrada.

Normalmente os 'Browsers' assinalam, por omissão, os 'links' em hipergráficos por um bordo em torno da imagem. Como isso nem sempre é muito conveniente, principalmente por estragar o design gráfico do documento, torna-se imperioso eliminar esse bordo incómodo. Para isso é necessário recorrer à caixa de diálogo dos atributos da imagem. No campo Border Tickness introduz-se o valor 'zero' terminando com OK.

| TOPO DA PÁGINA |

Hipergráficos segmentados

A Barra de Tratamento de Imagem já inclui as ferramentas que tornam a tarefa de mapeamento e definição das ligações hipertextuais da maior simplicidade.

Como se verifica, o mapeamento pode ser efectuado com a definição de áreas de formato rectângular, circular ou poligonal. Estas ferramentas só estão disponíveis com a imagem seleccionada. Após a definição de cada uma, através da utilização simples do rato como instrumento de desenho, o 'FrontPage Editor' solicita, de imediato, a definição da ligação hipertextual correspondente. A caixa de diálogo disponibilizada para o efeito é a mesma  que permite a definição de ligações hipertextuais, no verdadeiro sentido literal da palavra, ou seja, aplicadas apenas a texto.

(!) Procure os pontos auto-explicativos

A imagem anterior, assim como muitas outras imagens deste hipertexto, é mapeada, se bem que a situação mais normal é a  das ligações hipertextuais conduzirem a outros lexia ou  outros 'web sites'.

Caso se queira alterar o destino da  ligação  atribuída a uma determinada área hipertextual criada sobre a imagem, recorre-se a Edit -> Image Hotspot Properties, ou ao comando idêntico no menu contextual (aquele que se obtem primindo o botão direito do rato com o respectivo apontador sobre a área hipertextual). De novo, nos aparece a caixa de diálogo já anteriomente ilustrada, embora com o título Edit Hyperlink.

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
| 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.