Dicas de HTML

HTML quer dizer HyperText Markup Language. É a linguagem de programação usada nas páginas WEB.

Veja algumas coisas que eu descobri, e que eu espero possam ajudá-lo a montar a sua página.
Posso afirmar que, se eu houvesse lido um documento como este, antes de começar a usar HTML, com certeza as coisas teriam sido MUITO mais fáceis.

[Home] Home Page
 
 

Como aprender HTML

Eu comecei, na verdade, com o encarte da revista Informática Exame de Outubro/96. Existem bons livros no mercado, mas um bom lugar de se aprender é na própria Internet. Sempre que você gostar de algo em uma página, SALVE-A para o seu winchester. Depois, basta abrí-la no seu editor de textos, e ver como tudo foi feito (simples assim). É claro que isso implica em usar códigos dos outros, e isso pode não ser muito ético, então, eu sugiro o seguinte: aprenda com os outros, e depois, crie você mesmo. Com certeza, você pode fazer melhor do que eles.
Sobre editores, experimente este: HTMLASST.ZIP (201 K); embora eu deva confessar que uso mesmo o Notepad (Bloco de Notas) do Windows.

ATUALIZAÇÃO: Ultimamente eu tenho usado o Netscape Gold (é o MELHOR editor de HTML que já apareceu)!

[Index] Índice
 
 

Onde publicar sua página

É claro que você pode contratar, com o seu provedor, um espaço para os seus arquivos.
Normalmente, ele vai te liberar de 25 a 100 KBytes de espaço em disco. Se você não for muito exigente, isto pode ser suficiente.
Como você já deve ter notado, esta página está em um provedor internacional:
Página grátis
O Geocities te dá até 2 MBytes de espaço em disco, DE GRAÇA! Além de um e-mail (se você quiser).

[Index] Índice
 
 

Como colocar um contador na sua página

Já recebi vários e-mail me perguntando isso.
Vá até o endereço abaixo: você vai ganhar o seu contador.
Ele vai te perguntar o tipo e o tamanho do contador que você quer.
Imprima a página que tem os tipos de contador, você pode precisar dela depois.
Apenas anote o código HTML que ele vai te dar, e inclua na sua página.
Se você quiser mudar algo depois, verifique na página que você imprimiu e
modifique o que desejar (cuidado para não alterar o seu código pessoal).

http://www.cybersys.pp.se

[Index] Índice
 
 

Como acelerar a leitura de imagens

Para começar, você deve ter um bom editor de imagens, que suporte os formatos GIF e JPG. É claro que best-sellers como o Corel Draw ou Adobe Photo Shop fazem isso muito bem. Eu sugiro utilizar o Paint Shop Pro, que tem tudo isso por um preço reduzido (shareware, registro: US$ 69.00). Se quiser baixá-lo para testes, clique AQUI (atenção: são 1.888 KBytes).
Você deve gravar as imagens do menor tamanho possível. Para isso, eu sugiro o seguinte:
Se a imagem for pequena e com poucas cores (a seta usada aqui neste índice tem 4 cores), grave-a como GIF entrelaçado.
A vantagem de usar GIF entrelaçado é que a imagem é lida em quatro fases, e permite, desde o início, ter uma idéia da figura que está sendo carregada.
Utilize ainda o comando ALT, para quando a leitura for interrompida, ou para browsers que não lêem imagens (como o Linx).
Para figuras elaboradas, considere usar o formato JPG. Faça testes no seu editor para determinar a máxima compressão que vai permitir uma boa definição da imagem.
Para seus leitores que usam Netscape, utilize ainda o recurso LOWSRC, da seguinte maneira:
<IMG SRC="imagem_alta_res" LOWSRC="imagem_baixa_res" ALT="imagem" >

Deste modo, a imagem de baixa resolução carregará antes, e o leitor já terá uma idéia geral da página. Eu costumo usar a imagem de baixa resolução como um arquivo JPG, gravado em altíssima compressão, até mesmo prejudicando a qualidade da imagem, mas gerando um arquivo de 1 ou 2 KBytes. Assim, ele é carregado rapidamente, e depois o outro vai chegando aos poucos.

[Index] Índice
 
 

Como capturar figuras da WEB

Esta não é exatamente uma dica de HTML, mas pode ajudá-lo a pegar aquela imagem que você estava querendo incluir na sua página. Faça o seguinte: abra a página que tem a figura que você deseja, anote o endereço dela e salve-a no seu winchester. A seguir, abra a página com um editor (notepad) e verifique o trecho que carrega a figura. Deve ser algo como:
<IMG SRC="figura.gif" >

Agora, verifique o endereço que você anotou antes: se ele terminar em ALGO.HTM (ou ALGO.HTML), exclua esta última parte, e escreva na janela de endereço do seu browser, o local anotado, mais "/" mais o nome da figura. Então, é só gravá-la e usá-la como bem entender.

Ficou confuso? Veja um exemplo: Se você quiser a seta que eu estou usando como Índice, salve esta página e leia-a com o seu editor. Você vai ver o seguinte:
<IMG SRC="setan.gif" ALT="[Index]"  ALIGN=CENTER>

Então, a figura é SETAN.GIF. Como esta página se chama: http://www.geocities.com/SouthBeach/5714/dicas.html
Você vai eliminar o DICAS.HTML e vai escrever, no local de endereço do seu browser:
http://www.geocities.com/SouthBeach/5714/setan.gif
Tecle [Enter] e salve a figura.

Outro exemplo: se você quiser a Cindy Crowford da primeira página, é quase a mesma coisa:
O nome daquela página é: http://www.geocities.com/SouthBeach/5714/
Ao salvá-la, você vai ver o código:
<IMG SRC="cindy1.jpg" LOWSRC="cindy2.jpg" >

(perceba que aqui foi usado o recurso LOWSRC).
Para capturar a imagem "CINDY1.JPG" (de alta resolução), basta escrever, no local do endereço:
http://www.geocities.com/SouthBeach/5714/cindy1.jpg (neste caso, o endereço não terminava com HTML)

[Index] Índice
 
 

As dez regras para um bom design de páginas WEB 
. . . . extraído de "HTML", de Tomas Venetianer, Ed. Makron Books - 1996

  1. Acostume-se a incluir links bidirecionais nas suas páginas e nas suas âncoras também, se a página for muito longa.
  2. Tente imaginar seus documentos como se fossem páginas de um livro e estruture-os de acordo com as mesmas metodologias utilizadas na área editorial
  3. É preciso balancear a complexidade dos múltiplos assuntos-tema de um site com a "profundidade" da ramificação das páginas-tópico que dela resultam.
  4. Enfatize, ao máximo, a utilização de links de hipermídia (textos, imagens e ícones) para encurtar cada uma de suas páginas.
  5. Só utilize links claramente associados à mensagem principal, que ofereçam informação complementar importante ao leitor. Limite seu número ao mínimo necessário para enriquecimento de sua mensagem.
  6. Só utilize imagens quando elas conferirem alguma funcionalidade de navegação ou complementarem o entendimento da mensagem escrita.
  7. Não se deixe levar por arroubos de criatividade. Nunca esqueça que o conteúdo da informação, aquilo que você estará transmitindo aos ciberleitores, é muito mais importante do que a apresentação visual.
  8. A página de apresentação é o "cartão de visitas" do seu site. Como seu próprio nome sugere, ela deve "apresentar-se" aos seus visitantes com informações mínimas que lhes permitam entender rapidamente o que nela encontrarão e conhecer seu "hospedeiro". Todas as outras páginas correlatas devem manter identidade visual com a primeira.
  9. Modularize seu site. Crie uma estrutura de menus-assunto e de páginas-tópico. Utilize âncoras para interligar as páginas e os trechos temáticos correlatos. Procure manter todas elas curtas. Se o assunto for longo, divida-o em páginas logicamente separadas por seus tópicos ou temas principais.
  10. Utilize imagens com comedimento. Riqueza de cores e alta resolução não são fatores importantes. As imagens devem complementar e enriquecer as informações escritas. O que realmente conta é seu conteúdo visual, associado ao contexto global da publicação.

    11. [Index] Índice
     
     

    Como ganhar dinheiro com as novas tecnologias

    Na realidade, as novas tecnologias são uma excelente oportunidade para se ganhar dinheiro. Imagine se, há uns 10 anos, você fosse convidado para ser sócio de um rapazinho franzino, que havia largado a Universidade de Harvard, para desenvolver um tal de MS-DOS. Você hoje seria sócio do Bill Gates, e dono da Microsoft. Portanto, esteja atento.

    Não é apenas com a Internet que você vai ganhar dinheiro, mas sim, se você souber aproveitar as oportunidades, quando elas aparecerem.

    A Internet, hoje, é uma excelente oportunidade para se ganhar um diheiro extra (ou mesmo como fonte principal de renda). As maiores oportunidades estão na WWW (World Wide Web). Muitas empresas estão entrando na NET e não sabem muito bem o que fazer. Chance pra VOCÊ, que nos últimos anos veio aprendendo algumas coisas no computador e até agora ainda não ganhou nada com isso (ou ganhou muito pouco, comparado com o que você sabe).

    Você pode, por exemplo, ser um provedor de acesso, embora isso exija um investimento considerável de tempo e dinheiro, mas se isso não desse certo, você não estaria lendo esse documento, certo?

    Outra alternativa (mais barata) é ser um desenvolvedor de páginas WEB. A própria rede traz diversos anúncios para desenvolvedores. Fique atento.

    Mas não pense que é só a Internet. O importante é estar aberto e não pensar que qualquer novidade é um risco; pelo contrário. Informe-se o máximo que puder a respeito de algo que você não conhece, e quem sabe pode estar aí a SUA oportunidade de ganhar dinheiro.

    Eu já estou ganhando um dinheiro extra.
    Quer conversar mais a respeito? Escreva pra mim:

    marcelo01@hotmail.com

    [Index] Índice
     
     

Welcome to GeoCities!