Annunciate here
Calve On Line


Home Page:
Home
Versão em Português
For programers:
Html

- Html 2
- Html 3
Delphi
Visual Basic
Language C
Pascal
Clipper
CGI

Music:
Mp3


Html

Construir uma Home Page é muito simples, mas quem não entende muito do assunto, precisa de uma mãozinha para poder começar a construí-las.
Nessa página, ensino passo-a-passo como construir uma página simples, sem o uso de recursos avançados, mas que pode ser útil para quem não tem nem idéia de como se faz!

A primeira coisa a fazer é abrir um editor de texto simples, como o Bloco de Notas do Windows.
Depois, é só começar a digitar a página, isso mesmo, digitar, pois a maneira mais eficiente de criar uma Home Page é editando o código fonte dela, assim, você poderá torná-las melhores e menores, portanto, mais rápidas!
No início do arquivo, voce deve escrever <html>, que é o que determina que esse é um arquivo em HTML.
Depois é só começar a escrever a página.
Os comandos são dados entre < >, assim, para criar um texto centralizado na página, você deve dar o comando <center>Calve On Line</center> sem espaço algum entre os sinais < > e o commando. Nesse caso, o resultado será:

Calve On Line


Lembre-se de terminar o comando! Quando você utiliza <center>, você está começando o comando, depois vem o texto que será centralizado, e por final, você deve terminar o comando, utilizando </center>, caso contrário, tudo que você fizer sem terminar o comando <center>, também ficará centralizado na página.
Como padrão, tudo que for feito na página será alinhado à esquerda.
Para mudar a cor e o tamanho da letra, o princípio é o mesmo. Você coloca o comando <font> o texto e termina o comando com </font>, assim, o comando <font color="blue" size="+2">Calve On Line</font> resultará em:

Calve On Line

Então, para centralizar isso na tela você deve usar os comandos:
<center>
<font color="blue" size="+2">
Calve On Line
</font>
</center>


Tendo como resultado:

Calve On Line


Agora que você já sabe como escrever na página, falta saber como pular linhas para escrever um texto. É muito mais simples! Basta utilizar o comando <br> para pular para a linha de baixo. O comando <br> funciona como a tecla Enter nos editores de texto. Para deixar o texto em itálico ou em negrito, basta utilizar os comandos <i> </i> para itálico e <b> </b> para negrito. Aqui vai um exemplo de texto:
<center>
<font color="red" size="+1">
<b><i>Texto Teste</i></b></font>
<br>
<br>
<font color="black">
Este é um teste de texto<br>
feito por Alessandro Calve<br>
para a <i>Calve On Line</i>.</font><br>
<br>
</center>


Assim o resultado na página será:

Texto Teste

Este é um teste de texto
feito por Alessandro Calve
para a Calve On Line.



Agora a parte mais complicada, aprender a colocar imagens na sua Home Page. De início, é um pouco difícil, mas com prática, torna-se simples.
Primeiro passo - você deve criar a figura e salvar com extensão .gif ou .jpg.
Segunda passo - agora a figura deve ser copiada num servidor de web. Procure seu provedor de acesso à internet para saber como fazer isso. Mas enquanto a página não estiver no ar, você pode deixá-la no seu computador mesmo. Crie um diretório e grave ela lá, coloque um nome simples, para facilitar na colocação na página.
Terceiro passo - se a página for salva no mesmo diretório em que a figura foi salva, basta você utilizar o comando <img src="nome da figura.gif"> que funcionará, caso a página for salva em outro diretório, você tem que indicar o caminho completo da figura, <img src="file://drive:/diretório/nome da figura.gif"> sendo que file:// significa que a figura está no seu computador, drive: é o drive onde está a figura, diretório é o diretório (ou diretórios) onde está a figura e nome da figura.gif é o nome com o qual a figura foi gravada. No caso de a figura estar na internet, o comando fica <img src="endereço"> onde endereço é onde a figura está, por exemplo http://meltingpot.fortunecity.com/justin/80/calve.gif.
Então aí vai um exemplo para tornar as coisas mais fáceis:
<center>
<img src="imagem.jpg">
<br>
<font color="black">
<i>imagem.jpg</i></font><br>
</center>


Resultando em:


imagem.jpg

Isso é o básico da programação em HTML. Mas ainda falta uma coisa: ver o resultado! Então é fácil:
Grave o arquivo com extensão htm ou html em algum diretório. Aquele que você criou para gravar a imagem pode ser utilizado para isso, o que vai facilitar na colocação da imagem na página. Então abra o navegador da internet (Internet Explore ou Netscape), vá no menu arquivo, abrir e escolha o arquivo que você acabou de salvar e... surpresa! Funciona!
Pronto, você fez uma Home Page. Agora, se você quizer ir em frente, é só ler os outros tutoriais mais avançados para deixar sua página mais bonita e eficiente! O que você está esperando? Vamos lá, não foi fácil fazer o mais difícil? Então agora é só aprimorar as técnicas e se transformar num WebMaster!

html - 2 | html - 3