Dica quente!!!

Use o Netscape Gold ou Communicator para editar os textos HTML. Ele, além de ser o melhor Navegator que eu já usei, edita os textos HTML com muita facilidade. Se você é fã do Bill Gates, pode usar o FrontPage ou até o Word novo (a partir do '97).
Depois você pode usar o tutorial para incrementar a página.
Visite depois várias páginas e grave-as em disco. Você pode abrí-las com o Bloco de Notas do Windows e observar os comandos HTML.

Exemplo de página

Como exemplo de página, aqui abaixo deste texto - depois do risco! :o) - está a primeira versão da página anterior (Principal do Tutorial sobre Home-Pages) no formato texto. Ela parece ser muito cheia de códigos, mas usando o Netscape Gold foi somente escrever e fazer os links.

Como curiosidade, você pode selecionar o texto abaixo com o mouse, apertar Ctrl+C para copiar o conteúdo da seleção para a memória do computador (A Microsoft chama de área de transferência), abrir o Bloco de Notas e colar o conteúdo da memória de transferência (apertando Ctrl+V). Então, grave (ou, em computês, salve) o conteúdo do Bloco de Notas com qualquer nome e a extensão .HTM ou .HTML
(OBS.1: geralmente o Bloco de Notas força a gravação com a extensão TXT. Qualquer coisa, renomeie o arquivo no Windows Explorer ou Gerenciador de Arquivos).

Aí é só mandar executar o arquivo que você gerou dando dois cliques no Windows Explorer ou Gerenciador de Arquivos. Sugestão de nome: teste.htm

(OBS.2: o fundo de tela chama-se Fundopod.GIF e só será exibido se gravado no seu micro na mesma pasta de trabalho do teste, apertando-se o botão direito do mouse ou colocando este nome depois do ~DanielFB/ do endereço deste site.)

Provavelmente os links não funcionarão porque o arquivo estará no seu disco, mas, caso ache interessante, grave as páginas indicadas abaixo (elas contém <A HREF="????"> na frente).

<HTML>

<HEAD> <TITLE>Tutorial sobre Home-Pages</TITLE>

</HEAD>

<BODY TEXT="#000000" BGCOLOR="#C0C0C0" LINK="#0000EE" VLINK="#551A8B" ALINK="#FF0000" BACKGROUND="Fundopod.GIF">

<CENTER>Tutorial sobre Home-Pages</CENTER>

Resumo sobre Home-Pages

As Home-Pages são criadas em formato texto simples salvos como HTM ou HTML e o Navegador se encarrega de fazer a carinha bonita.

Os formatos são definidos em blocos, como editores de texto antigos, como o Wordstar para DOS. Por exemplo, tudo que for em negrito terá no início e no final , assim como todos os blocos. O início de um bloco é marcado por <?> e o final por </?>, onde ? é um código daquilo que queremos fazer, também chamado de tag.

A maneira mais simples de estudar como programar em HTML, ou simplesmente montar uma página para a Internet é salvando páginas visitadas simples e complexas e visualizando-as em um editor de textos comuns. Algumas páginas podem conter códigos de programação em JAVA, que não está coberto pela linguagem HTML!!! A página anterior tem um JAVAScript para rolar o texto no rodapé do navegador.

Clique aqui para <A HREF="Tags.htm">Lista de Tags</A>

Observação: É interessante que os tags sejam fechados logo após o texto, para usar lógica na programação e evitar erros. 

Clique aqui para <A HREF="Atributs.htm">Lista de Atributos</A>

Clique aqui para <A HREF="Imagens.htm">Informações sobre Imagens</A>

Clique aqui para <A HREF="Mapas.htm">Informações sobre Mapas</A>

Clique aqui para <A HREF="ISO8859.htm">Tabela ISO 8859 - Latin-1</A>

Clique aqui para <A HREF="Cores.htm">Tabela de Cores</A>

<CENTER><BLINK><A HREF="Dica.htm">Dica quente!!!</A></BLINK></CENTER>

Referências interessantes:

<UL> <LI>SEVERO, CAÍQUE - Internet: como criar home pages; Porto Alegre; L&PM; 1.996</LI>

<LI>TITTEL, ED & GAITHER, MARK - 60 minutos para aprender JAVA; São Paulo; Berkeley Brasil; 1.996</LI>

<LI>LEMAY, LAURA & PERKINS, CHARLES L. - Aprenda em 21 Dias - JAVA; Rio de Janeiro; <A HREF="http://www.campus.com.br">Editora Campus Ltda.</A>; 1.997</LI>

<LI>CYCLADES - Guia Internet de Conectividade; São Paulo; <A HREF="http://www.cyclades.com.br">Cyclades Brasil</A>; 1.996 - Pode ser obtido mandando fax para eles: (011) 543-7897</LI> </UL>

<A HREF="index.html">Voltar à Home-Page</A>

</BODY>

</HTML>

Voltar