1|2|3|4|5|6|7|8|9|10|11|12|13


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.

página -11..