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

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:
- Selecione a posição onde deseja inserir um texto (use o
mouse ou o teclado);
- Comece a digitar o texto;
Entretanto duas diferenças básicas
existem - e devem ser entendidas para tirar o melhor proveito do FP Editor:
- 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;
- 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: " "
- 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:
- Selecione a palavra, ou sentença, que deseja formatar
(use o mouse ou as teclas [SHIFT] + [setas]);
- Selecione a formatação desejada usando os botões da
Barra de Formatação:
- NEGRITO - representado pela letra B
(ou use as teclas [CTRL] e [B]);
- ITÁLICO - representado pela letra I
(ou use as teclas [CTRL] e [I]);
- SUBLINHADO - representado pela
letra U (ou use as teclas [CTRL] e [U]);
Outros tipos de formatações poderão
ser usadas no FP Editor:
- Entre no menu Format * Font;
- Clique na aba "Special Styles"
- Selecione o estilo desejado
os mais usados são CODE e
- 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á:
- Selecionar, com o cursor ou com as setas do teclado, a
posição desejada;
- 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]);
- Em qualquer caso, se abre a caixa de mensagem Image,
onde você pode localizar onde a imagem está gravada no disco;
- 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:
- Digite um texto (que explique em poucas palavras o novo
tópico; por exemplo: Vá Para a Lição 3);
- ou Selecione um texto já digitado;
- Clique no botão "Create ou Edit Hyperlink"
(o botão com um globo e uma corrente) na Barra de Ferramentas;
- Selecione o tipo de link desejado na janela "Hyperlink
Type" - os mais comuns são:
- o link http: (para ir para uma outra
página), e
- o link mailto: (para colocar um endereço
autopreenchido de e-mail)
- 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
- 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"
*;
- 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:
- A outra página está no próprio diretório da página
onde você quer colocar o link
no campo URL digite apenas o nome da página:
exemplo # 1: pedido.htm
- A outra página está em outro diretório, diferente da
página onde você quer colocar o link
no campo URL digite o nome da página precedido pelo caminho necessário para ir do seu
diretório ao outro diretório:
exemplo # 2: forms/quemsou.htm (neste exemplo o diretório
forms está num nível abaixo do seu)
exemplo # 3: ../imagem/fotos.htm (neste exemplo o diretório
imagem está no mesmo nível que o seu)
- A outra página está em outro domínio, diferente da
página onde você quer colocar o link
no campo URL digite o nome completo da página:
exemplo # 4: http://www.nomeqq.com/silva/teste.htm

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]