 |
| Construindo
uma Página utilizando o Editor Netscape Composer |
Criando um diretório para edição
Para organizar a edição dos arquivos bem como para facilitar o envio
dos arquivos para o Servidor WEB, é importante criar uma pasta (diretório),
podendo ser criado dentro da pasta Meus Documentos. Como
sugestão, crie uma pasta chamada site.
Criando um novo documento (nova página)
A partir do Netscape Navigator, clique em
File, New,
Blank Page.
O editor de páginas Netscape Composer abrirá
uma página em branco e a partir de agora, tudo que for colocado
nesta págiana estará automaticamente sendo convertido para a liguagem
HTML.
No caso do servidor WEB da UNICAMP, a primeira
página de um determinado assunto, seja uma página pessoal ou qualquer
outro ítem específico, deve possuir como nome
index.html ou index.htm
. As demais páginas acessadas a partir desta,
poderão possuir quaisquer outros nomes.
| Como
utilizar as Propriedades da página |
Configuração
da Página
As páginas devem ser configuradas por dois motivos. Para identificá-las
dentro do programa navegador. As informações requeridas serão:
Título,
Autor e Descrição.
|
|
Para
modificar as propriedades da página, basta clicar em
Format e Page
Colors and Properties.
|
Normal
Text:
cor do texto normal.
Link Text:
cor do texto do link.
Active Link Text:
cor do texto do link enquanto está
sendo selecionado.
Followed Link Text:
cor do texto do link já visitado. |
Pode-se
alterar as definições existentes clicando sobre
os botões que mostram as cores usuais do Netscape.
|
Clicando
em Colors and Background, pode-se selecionar uma imagem (.gif
ou .jpg) para
ser usada como fundo da página.
Para
escolher a imagem clique sobre Choose File...
Clicando
em General, pode-se atribuir um título para a página,
o/os nome/s do/s
autores e a sua descrição.
| Objetos
a serem usados na edição |
Editores
de texto como o MS-Word, Word Perfect, etc, possuem diversos recursos
para a produção de textos. No caso de um editor HTML, estes recursos
são bem mais simples, pois visam criar mecanismos simples e de fácil
acesso.
Os principais recusos ou objetos a serem
trabalhados pelo editor são:
Texto
A edição de texto é feito diretamente sobre
a área logo abaixo do menu de opções do editor. Um texto pode ter
atributos como Fontes, Cores, Tamanhos, etc (semelhanto ao
Word). Um texto também pode ser um link,
que acesse um trecho desta página (Target), ou até mesmo um outro
site. Para criá-lo, basta selecionar o texto e pressionar o botão
direito do mouse sobre o mesmo, e selecionar o item Create link
using Selected e informar o caminho e nome do arquivo a ser chamado.
|
|
Clicando
sobre a seta, abre-se a caixa com a barra de rolagem que possibilita
alterar o tipo do parágrafo e/ou cabeçalho.
No exemplo, foi
selecionado o parágrafo normal.
|
Clicando
sobre a seta, abre-se a caixa com a barra de rolagem que possibilita
selecionar a o tipo de fonte. No exemplo, foi selecionada
a fonte Comic Sans MS.
|
|
|
|
Clicando
sobre a seta, abre-se a caixa com a barra de rolagem que possibilita
selecionar a cor da fonte. A opção Other...
permite personalizar as cores. O
texto alternativo mostra o código html da cor.
|
 |
1
- Seleciona o estilo de fonte negrito.
2 - Seleciona o estilo de fonte itálico.
3 - Seleciona o estilo de fonte sublinhado.
4 - Remove todos os estilos do texto selecionado.
5 - Apresenta o texto na forma de lista com marcadores.
6 - Apresenta o texto na forma de lista numerada.
7 - Diminui a indentação.
8 - Aumenta a indentação.
9 - Alinha o texto na margem esquerda da página.
Alinha o texto no centro da página.
Alinha o texto na margem direita da página.
|
| Como
utilizar a
Barra de Ferramentas de Links |
Link (Hyperlink)
: É a maneira de vincular documentos na criação de páginas
em hipertexto (HTML)
Para chamar
uma página da rede: Basta colocar a URL da página
como mostra a figura.
Para chamar
uma página do mesmo diretório:
Basta colocar o nome do arquivo no lugar da URL.
Por
exemplo:
teste.html ou teste.html#de
(além de chamar o arquivo "teste.html" com o caracter
"#" chama-se o destino "de").
Para abrir uma caixa de correio: Basta colocar
o e-mail precedido de mailto: no lugar da URL.
Por
exemplo:
mailto:bernard@hotmail.com
Target
É um local específico dentro da página que está sendo editada, que
é acessado por um link dela mesma ou de outras. Para criar um Target,
basta clicar no botão Target ou no menu Insert, Target.
|