<1> <2> <3> <4> <5> <6> <7> <8> <9> <10> <11> <12> <13> <14> <15> <16>

 

Li��o 12 - Endere�os de rodap� e links para correspond�ncias

 

Objetivos

  inserir um rodap� estilizado no final da p�gina
  criar um link para texto que enviar� uma correspond�ncia

 

Li��o

Um recurso comum e muito usado na implementa��o das p�ginas � um rodap� no final da mesma que prov� informa��es sobre o autor, assim como uma forma de envi�-lo uma correspond�ncia. Este � o lugar para o r�tulo ADDRESS, o qual geralmente n�o faz mais do que estilizar um bloco de texto em it�lico e desloc�-lo para uma nova linha.

Esteticamente, � interessante manter estas informa��es breves e consistentes nas diferentes p�ginas do seu servidor. Algumas informa��es �teis para incluir s�o :

  T�tulo ou assunto da p�gina corrente
  Data de sua cria��o/atualiza��o
  Direitos autorais, se apropriado
  Nome e endere�o de correspond�ncia do autor da p�gina
  Nome e link hipertexto para a organiza��o

 

Como exemplo, veja os rodap�s no final das v�rias p�ginas deste tutorial. Para compor o seu pr�prio estilo, d�em uma olhada em outra p�ginas para tirarem id�ias. A sintaxe para o r�tulo ADDRESS �:


    <address>

    T�tulo da p�gina

    �ltima modifica��o 01 de Fevereiro de 1996

    P�gina feita por José Modesto ([email protected])

    UTP - Universidade Tuiuti do Paraná

    </address>    

Note que todas as marca��es dentro do r�tulo ADDRESS s�o v�lidas, ent�o n�s podemos modific�-lo com r�tulos de negrito, quebra de linha e links hipertexto:


    <address>

    <b>T�tulo da p�gina</b> <br>

    �ltima modifica��o 01 de Fevereiro de 1996<br>

    P�gina feita por José Modesto ([email protected])<br>

    <a href="http://www.utp.br/">UTP</a><br>

    </address>    

como resultado teremos:

 

T�tulo da p�gina
�ltima modifica��o 01 de Fevereiro de 1996
P�gina feita por José Modesto ([email protected])
UTP

 

Agora suponha que algu�m esteja lendo sua p�gina e queira enviar a voc� um coment�rio sobre a sua p�gina. Ele deve escrever para seu endere�o de correspond�ncia utilizando outro programa, e enviar ent�o � voc� a mensagem. N�o seria �timo se voc� fosse capaz de mandar a mensagem de dentro do seu browser. Bem, muitos browsers agora podem! Inclusive o Netscape Navigator 2.0, em seus v�rios "betas" possui um servi�o de e-mail praticamente independente, integrando o Browser.

A maneira para se fazer isto � criar um link hipertexto com o tipo mailto na URL (veja a li��o 8b para um "refresh"). Crie um link hipertexto de e-mail como este:


    <a href="mailto:[email protected]">Envie um e-mail para José Modesto</a>

Quando o Envie um e-mail para José Modesto for clicado, o browser trar� uma janela para compor uma mensagem e envi�-la para ele. Tente!

Note que voc� pode ter qualquer texto (ou imagem) agindo como um link. Ent�o, o r�tulo mailto tem sua localiza��o natural dentro de um r�tulo address. Por exemplo:


    <address>

    <b>Edi��o de Home Pages para Internet</b> <br>

    Ciências da Computação<br>

    Edi��o das p�ginas por José Modesto e Patricia Sarda 

    <a href="mailto:[email protected]">([email protected])</a> ou 

    <a href="mailto:[email protected]">([email protected])</a><br>

    Universidade Tuiuti do Paraná <a href="http://www.utp.br/">UTP</a><br>

    </address>    

Que devem produzir:

 

Edi��o de Home Pages para Internet
Ciências da Computação
Edi��o das p�ginas por José Modesto e Patricia Sardá ([email protected]) ou ([email protected])
Universidade Tuiuti do Paraná - UTP

 

Agora � hora de acrescentar um rodap� � sua p�gina HTML. Sinta-se livre para acrescentar as informa��es que desejar no rodap� da sua p�gina Joinville I.

  1. Abra o arquivo jv1.html no editor.
  2. No final do texto, inclua um rodap� usando <address>
  3. Como retoque final adicione antes dos cabe�alhos principais uma r�gua horizontal <hr>.
  4. Fique a vontade para fazer outras altera��es e para consultar o instrutor no caso de eventuais d�vidas.
  5. Salve e Recarregue o arquivo HTML.

Revis�o

  1. O r�tulo address sempre deve ficar no fim da p�gina?

Pr�tica Independente

Acrescente rodap�s e links de e-mail aos seus documentos HTML.

 

Fim das li��es da parte b�sica!

A seguir...

Usando os Recursos Avan�ados para construir as p�ginas Joinville II e Joinville III.

 

Página Inicial | Índice |