INTRODUÇÃO


O Que Você Já Deve Saber

Para tirar algum proveito deste tutorial, você deve saber o que é o WWW e uma homepage. Suponho também que você saiba usar algum browser (programa de navegação), como o Netscape ou Mosaic (se não sabe, como você acessou esta página?), e um editor de texto. É desejável, mas não essencial, que você já tenha navegado pelo WWW e visto algumas homepages que outras pessoas criaram.

Para criar a sua homepage você precisará ter acesso a um editor de texto simples (ex: Notepad do Windows, vi do Unix). Não é necessário mais que isto, embora seja melhor utilizar um dos vários editores HTML que existem disponíveis na rede. Também não é necessário estar conectado à Internet. Para poder prever como vai ficar sua página, você também deve ter acesso a um visualizador HTML (browser).


Criando um Diretório HTML Pessoal (Unix)

Embora você possa desenvolver sua homepage fora da rede (ex: no seu micro, em casa), você deverá colocá-la depois em um computador ligado à Internet para que outros possam acessá-la. Informe-se com o administrador da sua rede (Webmaster) como fazer para disponibilizar informação para o WWW. Na maioria das localidades que tem redes Unix, você pode criar um subdiretório do seu home directory chamado html ou public_html e nele colocar sua homepage. Esse diretório será seu diretório HTML raiz.

Usuários com conta na rede DSC/UFPB devem criar um subdiretório com o nome "public_html" no seu diretório raiz (home directory).

Crie, então, o seu diretório HTML raiz, logo abaixo do seu home directory (o diretório em que você cai na ocasião do login na rede).

Exemplo (Unix):

  1. mude para seu diretório raiz (home directory)
  2. % cd
    
    /home/braulio/
    
    % _
  3. crie o seu diretório HTML raiz
  4. % mkdir public_html
    
    %_

    copie sua homepage e outros documentos HTML que você deseja tornar disponíveis para dentro desse diretório ou para subdiretórios abaixo dele.


Acessando sua Homepage

Para que outros possam acessar sua homepage, é necessário que saibam a URL (endereço) dela. Na maioria das configurações (verifique com o Webmaster da sua rede), o seu diretório HTML raiz pode ser acessado, acrescentando à URL da sua rede um "~" (til), seguido do seu nome de login.

Exemplo:

O endereço

http://www.taberna.com.br/index.html

é a URL do arquivo index.html no diretório HTML raiz da rede www.taberna.com.br, enquanto que o endereço

http://www.taberna.com.br/~braulio/myhome.html

é a URL do arquivo myhome.html no diretório HTML raiz do usuário braulio da rede www.taberna.com.br

As vezes é possível omitir o nome do arquivo da homepage. Por exemplo: se voce acessar a URL http://www.dsc.ufpb.br você receberá a homepage do DSC/UFPB que se chama index.html. É a mesma coisa que fazer http://www.dsc.ufpb.br/index.html.

Na rede DSC/UFPB, se você criar arquivos com nomes: index.html, home.html ou homepage.html no seu diretório public_html ou em seus subdiretórios, eles serão acessados (nesta ordem) quando seus nomes forem omitidos na URL.

Exemplo:

A homepage

http://www.taberna.com.br/~braulio/index.html

pode ser acessada com a URL

http://www.taberna.com.br/~braulio


Escolhendo uma Ferramenta de Desenvolvimento

É possível desenvolver páginas HTML super-sofisticadas usando um simples editor de texto, mas certamente não é a forma mais cômoda e produtiva. Existem vários tipos diferentes de editores e conversores para HTML que podem facilitar muito a criação ou transformação de informação para o WWW. Há basicamente três tipos de ferramentas:

Os editores HTML são as ferramentas que geralmente oferecem mais liberdade para a criação de páginas. Isto é importante, pois o HTML é um padrão em constante desenvolvimento e a cada dia surgem novos elementos. A maioria desses editores não oferece uma interface WYSIWYG e geralmente dependem de um browser para se ter uma idéia do resultado final.

As macros têm a vantagem de usar o ambiente de processamento de textos, que geralmente é familiar ao usuário. Permitem que se crie uma página HTML sem escrever uma linha sequer de HTML, e nem ver o código. Essa facilidade de uso tem o preço de não permitir o uso de recursos mais sofisticados da linguagem. Existem macros para Word for Windows, WordPerfect e Ami Pro.

Finalmente, há os conversores, que permitem converter diversos formatos de texto para HTML, como PostScript, Texinfo, LaTeX, Framemaker, Word, RTF, WordPerfect, nroff, etc. Em geral, são limitados. Quase sempre é necessário fazer alguma edição após a conversão, mas são extremamente úteis quando se tem muita informação em um formato diferente e deseja-se torná-la disponível rapidamente no WWW.

Neste tutorial iremos criar uma home page hipotética. A medida em que formos desenvolvendo a página, explicaremos os elementos utilizados e mostraremos o resultado parcial. Para um melhor aproveitamento, abra seu editor e outra janela do seu browser (se possível) e repita os exemplos apresentados ou faça a sua própria página.

Atenção

Todos os dados apresentados acima não foram criados pela United home-page. Caso haja alguma reclamação dos verdadeiros criadores iremos tirar automáticamente do ar esta parte da United home-page.

voltar para a página anterior