Your SlideShare is downloading. ×
  • Like
  • Save
Desenvolvimento para a Internet - Aula 04
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×

Now you can save presentations on your phone or tablet

Available for both IPhone and Android

Text the download link to your phone

Standard text messaging rates apply

Desenvolvimento para a Internet - Aula 04

  • 655 views
Published

 

  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
No Downloads

Views

Total Views
655
On SlideShare
0
From Embeds
0
Number of Embeds
1

Actions

Shares
Downloads
0
Comments
0
Likes
1

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

Transcript

  • 1. Aula 4 – HTML / XHTML HyperLinks e Âncoras Prof. Leandro Rezende Carneiro de Mendonça, MSc.
  • 2. HyperLinks
    • Texto ou imagem que quando clicada conduz o navegador a um local diferente no mesmo documento ou em um documento diferente.
      • Links Relativos : O caminho é construído a partir do diretório corrente do documento que contém o link.
      • Link Absoluto : O caminho é construído a partir do diretório raíz da estrutura do site.
  • 3. HyperLinks
    • <a href=” [endereço] # [nome da âncora] ”> Descrição do Link </a>
    • <a name=” nome da âncora ”> Descrição do Link </a>
  • 4. HyperLinks
    • Exemplo de 2 páginas HTML que contém hyperlinks:
      • 2 páginas na mesmo diretório utilizando links relativos.
    pag1.htm pag2.htm
  • 5. Atividade
    • Solução:
      • Exemplo_Link_pag1.html
      • Exemplo_Link_pag2.html
    pag1.htm pag2.htm
  • 6. HyperLinks - Âncoras
    • Criando uma âncora:
      • <a id=&quot; ancora1 &quot; name=&quot; ancora1 &quot;> Âncora 1 </a>
  • 7. HyperLinks - Âncoras
    • <a href=” [endereço do documento] # [nome da âncora] ”> Texto </a>
    • <a href=”# [nome da âncora]” > Texto </a>
      • Caso o link de destino seja o mesmo documento.
  • 8. HyperLinks - Âncoras
    • Exemplo:
      • Exemplo_Ancora.html
  • 9. HyperLinks
    • <a href=“ destino ”><img src=“ arquivo de imagem ”> Texto Descritivo </a>
    • <a href=“mailto: endereço@dominio ”> Texto Descritivo </a>
  • 10. HyperLinks
    • Exemplo de Link em imagens e mailto:
      • Exemplo_Link_imagem_mailto.html
  • 11. Informações
    • W3C
      • http://www.w3c.org
    • Macromedia Dreamweaver
      • http://www.macromedia.com
    • Microsoft FrontPage
      • http://www.microsoft.com
    • NVU / N-View
      • http:// www.nvu.com
  • 12. Perguntas?
    • boolean duvida;
    • String pergunta=“”, resposta=“”;
    • Read (duvida);
    • while (duvida){
    • Read (pergunta, resposta);
    • System.out.println (pegunta+resposta);
    • Read (duvida);
    • }
    • System.out.println (“Congratulações”);
    • System.exit (0);
  • 13. Atividade
    • Elaborar páginas HTML contendo o seu currículo vitae , para ser divulgado na Internet.
      • OBS : Utilizar os recursos vistos anteriormente.