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

Like this? Share it with your network

Share

Desenvolvimento para a Internet - Aula 04

on

  • 1,316 views

 

Statistics

Views

Total Views
1,316
Views on SlideShare
1,276
Embed Views
40

Actions

Likes
1
Downloads
0
Comments
0

4 Embeds 40

http://www.mediahome.com.br 32
http://leandrorcmprofessor.blogspot.com 4
http://leandrorcmprofessor.blogspot.com.br 3
http://www.slideshare.net 1

Accessibility

Categories

Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

Desenvolvimento para a Internet - Aula 04 Presentation 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.