ESTUDANDO ENDERE�OS

No cap�tulo anterior sobre imagens, estudamos que a parte do comando "SRC" fornece informa��es ao browser sobre o endere�o e o nome do arquivo (imagem neste caso) a ser exibido. Mas o que � endere�o? Minha rua, n�, cidade, estado e cep? Quase... no nosso caso, endere�o � sin�nimo de localiza��o do arquivo no computador onde se encontra "hospedada" a minha p�gina.

Mas vamos explicar melhor esse assunto. O computador grava os arquivos do sistema e do usu�rio, no disco r�gido, usando a estrutura de diret�rios. Diret�rios s�o "gavetas" que separam os v�rios tipos de arquivo, ajudando na organiza��o e localiza��o dos mesmos. Endere�o de um arquivo � o caminho ("path" em ingl�s) onde ele pode ser encontrado dentro do seu computador. Assim, se voc� criar um diret�rio no seu computador no seu drive c: com o nome de homepages, o caminho deste diret�rio ser� c:/homepages. Dentro desse diret�rio voc� cria o arquivo chamado "principal.html", o endere�o deste arquivo ser� c:/homepages/principal.html.

Vamos criar agora um novo diret�rio dentro do diret�rio c:/homepages, ou um subdiret�rio. Vamos cham�-lo de imagens. Dentro deste subdiret�rio voc� coloca o arquivo minhafoto.jpg. O endere�o deste arquivo, em rela��o ao drive c:/, ser�: c:/homepages/imagens/minhafoto.jpg. Este endere�o � chamado "absoluto" porque o drive c:/ � o drive raiz, o primeiro do seu computador. Em rela��o ao diret�rio homepages o endere�o do arquivo ser�: homepages/minhafoto.jpg. E este endere�o � chamado de "relativo" (em rela��o ao diret�rio homepages).

Resumindo, tudo funciona em rela��o ao documento que voc� est� trabalhando. Se a imagem est� inclu�da no mesmo diret�rio do documento voc� n�o precisa indicar o endere�o, basta indicar seu nome, exemplo: <IMG SRC="minhafoto.jpg" HEIGHT="200" WIDTH="100" ALT="Minha Foto"> Se, por outro lado, o documento que voc� est� trabalhando estiver no diret�rio c:/homepages e a figura que voc� quer mostrar est� no subdiret�rio c:/homepages/imagens a indica��o ser�: <IMG SRC="imagens/minhafoto.jpg" HEIGHT="200" WIDTH="100" ALT="Minha Foto">

Quando voc� publica uma p�gina na Web o procedimento � em tudo semelhante, por exemplo se sua p�gina tem o endere�o: http://www.pagina.com/site_da_vovo/
Se voc� quiser exibir uma imagem que est� neste endere�o (na verdade o nome "site_da_vovo" corresponde ao seu diret�rio de arquivos naquele provedor de p�ginas) basta voce colocar depois do comando SRC o nome do arquivo. Exemplo para exibir o arquivo minhafoto.jpg:

<IMG SRC="minhafoto.jpg" WIDTH="500" HEIGHT="300" ALT="Minha Foto" BORDER="0">

Neste caso voc� usou um endere�o relativo para identificar a sua imagem. � chamado de endere�o relativo porque ao abrir a p�gina principal de sua p�gina o browser foi instru�do para procurar qualquer imagem (ou outro tipo de arquivo) no mesmo local da p�gina principal. Ao colocar SRC="minha_foto.jpg" o browser completou automaticamente com o endere�o completo: SRC="http://www.pagina.com/site_da_vovo/minhafoto.jpg". Que � uma outra forma de voc� exibir a imagem usando o chamado endere�o absoluto.

DICA DA VOV�
Um dos erros mais comuns dos iniciantes em HTML, � esquecer que o endere�o de sua p�gina na internete deve ter a mesma estrutura de diret�rios do seu computador. Se voc� criar um diret�rio para separar as imagens das p�ginas no seu computador, quando for hospedar sua p�gina na internete dever� criar um diret�rio com o mesmo nome. Alguns editores de HTML (Netscape e outros) costumam refer�nciar os arquivos da sua p�gina come�ando com o drive C:/ do seu computador. Quando voc� testa a p�gina no seu computador tudo maravilha! Quando voc� publica na internete aparecem aqueles �cones conhecidos de falta de alguma imagem:     . Para evitar isso confira con aten��o o endere�o das imagens inclu�das na p�gina.

Edited in january/1997 - Last updated February/2001 - �1997/2001 Ronaldo Souza - All rights reserved. - Email me!