Na WEB desde 11/04/97 mais um site associado à: SuperDICAS

pypatxt1.gif (749 bytes)
Atualizada em:
07/07/03
© 1997-2008 by Francisco Panizo Beceiro

Lição # 2: Inserindo e Formatando Texto + Inserindo Imagens + Links

Inserindo Texto:

O modo de inserir texto no FrontPage Editor não difere muito do modo usado pelo Word:

  1. Selecione a posição onde deseja inserir um texto (use o mouse ou o teclado);
  2. Comece a digitar o texto;

Entretanto duas diferenças básicas existem - e devem ser entendidas para tirar o melhor proveito do FP Editor:

  1. Você pode inserir quebras de linhas (o comando da linguagem HTML <br>) bastando pressionar em conjunto as teclas [SHIFT] e [ENTER] - assim as linhas quebram bem juntas, como quando há a quebra automática das linhas;
  2. Você não pode ampliar os espaços entre duas palavras usando o recurso de pressionar repetidamente a tecla da [Barra de Espaços] (a linguagem HTML não permite* tal recurso - não sendo portanto um problema do FrontPage Editor);

* se for necessário aumentar o espaçamento horizontal, entre palavras, deverá ser digitado o comando HTML que representa um espaço em branco adicional: "&nbsp;" - sem as aspas. Para digitar tal comando no FP Editor você deve ir até a visão do código HTML (menu View * HTML), encontrar a posição correta e digitar diretamente o comando.


Formatando Texto:

O modo de formatar texto no FrontPage Editor não difere muito do modo usado pelo Word:

  1. Selecione a palavra, ou sentença, que deseja formatar (use o mouse ou as teclas [SHIFT] + [setas]);
  2. Selecione a formatação desejada usando os botões da Barra de Formatação:
    1. NEGRITO - representado pela letra B (ou use as teclas [CTRL] e [B]);
    2. ITÁLICO - representado pela letra I (ou use as teclas [CTRL] e [I]);
    3. SUBLINHADO - representado pela letra U (ou use as teclas [CTRL] e [U]);

Outros tipos de formatações poderão ser usadas no FP Editor:

  1. Entre no menu Format * Font;
  2. Clique na aba "Special Styles"
  3. Selecione o estilo desejado
    os mais usados são CODE e BLINK - e as opções de alinhamento vertical: superescrito e subescrito

* se for necessário combinar quaisquer dessas formatações, basta aplicar cada formatação repetidamente sobre a mesma seleção de texto.


Inserindo Imagens:

O uso de imagens gráficas numa página HTML é o grande diferencial que a WEB trouxe ao lançar a linguagem HTML. Você pode colocar figuras, inclusive animadas, em qualquer lugar da página, fazendo-a muito mais leve e auto-explicativa (você já escutou a máxima: uma imagem vale mais que 1.000 palavras).

Para você inserir uma imagem (que só pode ser de dois tipos permitidos: GIF e/ou JPG) bastará:

  1. Selecionar, com o cursor ou com as setas do teclado, a posição desejada;
  2. Pressionar o botão "Insert Image",
    ou então selecionar a opção Insert * Image do menu
    (existe ainda o atalho de teclado [ALT] + [I] + [I]);
  3. Em qualquer caso, se abre a caixa de mensagem Image, onde você pode localizar onde a imagem está gravada no disco;
  4. Após selecionar o nome da figura desejada, basta pressionar o botão [ABRIR];

Inserindo Links:

O uso de links (ligações para outras páginas na WEB) é o recurso que definiu a WEB como o modo padrão de uso da Internet. Com um link você pode continuar um texto (como por exemplo na parte final deste texto, onde está escrito Lições Disponíveis. Lá cada sentença sublinhada representa um link) ou dirigir o leitor Internauta para outra página com assunto relacionado, ou complementar.

Para ir de uma página à outra, o internauta deve apenas dar um ÚNICO clique sobre os links desejados. O browser do internauta de imediato "pulará" para a nova página. Isso torna a WEB uma leitura verdadeiramente interativa, mais até que um livro, pois o usuário poderá "fazer seu caminho" de uma maneira completamente diferente à cada visita, ou o caminho que outro internauta fez.

Para inserir um link, basta seguir as seguintes etapas:

  1. Digite um texto (que explique em poucas palavras o novo tópico; por exemplo: Vá Para a Lição 3);
  2. ou Selecione um texto já digitado;
  3. Clique no botão "Create ou Edit Hyperlink" (o botão com um globo e uma corrente) na Barra de Ferramentas;
  4. Selecione o tipo de link desejado na janela "Hyperlink Type" - os mais comuns são:
    1. o link http: (para ir para uma outra página), e
    2. o link mailto: (para colocar um endereço autopreenchido de e-mail)
  5. Selecione a aba Open Pages - para linkar com outra página que esteja aberta no FP Editor e escolha a página desejada na janela que se abre; ou
  6. Selecione a aba World Wide Web - para linkar com uma página qualquer da WEB e digite o endereço dessa página no campo "URL" *;
  7. Pressione o botão [OK]

* Existem três modos corretos para se referenciar à uma outra página - cada um aplicável à uma situação bem específica:


Figura 1: exemplos de quatro links genéricos
nos exemplos assumimos que a página com o link está no endereço http://www.meunome.com/projeto/


[Índice] [1] [2] [3] [4] [5] [6] [7] [8] [9] [10] [11]

EsportesMotor - Notícias sobre quase 100 categoria