Linguagem HTML:Endereços Absolutos x Relativos      Prof. André Constantino da Silva     Prof. Rodolfo Francisco de Olivei...
Aula de Hoje• Endereços  – Absolutos  – Relativos
Endereços na Internet• Um objeto na internet possui uma URL  – Também conhecido como endereço eletrônico• Exemplos:  – Por...
Endereço Absoluto  • O endereço absoluto inclui o protocolo, o    domínio e o caminho no servidor para a    página ou loca...
http://www.ifsp.edu.br/index.php/14-hortolandia.html
YouTube                                   (173.194.43.40)                                       Internet                  ...
http://www.ifsp.edu.br/index.php/14-hortolandia.html <a href="http://www.twitter.com/IFSaoPaulo"           target="_blank"...
http://www.ifsp.edu.br/index.php/14-hortolandia.html <a href="http://www.flickr.com/photos/ifsp"           target="_blank"...
http://www.ifsp.edu.br/index.php/14-hortolandia.html<a href="http://www.youtube.com/user/IFSaoPaulo"              target="...
<img style="margin: 45px 0pt 0pt 15px;"src="/templates/ifsp_reitoria/images/xInstitutoFed http://www.ifsp.edu.br/index.php...
http://www.ifsp.edu.br/index.php/14-hortolandia.html<a href="institucional.html"><span>Institucional</span></a>
http://www.ifsp.edu.br/index.php/14-hortolandia.html<a href="07-campinas.html"><span>07. Campinas</span></a>
Endereço Relativo• É o endereço para a localização do objeto a  partir da página atual• Usará o domínio e o caminho da pág...
YouTube                                       (173.194.43.40)                                           Internet          ...
http://www.ifsp.edu.br/index.php/14-hortolandia.html<a href="07-campinas.html"><span>07. Campinas</span></a>
http://www.ifsp.edu.br/index.php/14-hortolandia.html<a href="07-campinas.html"><span>07. Campinas</span></a>              ...
http://www.ifsp.edu.br/index.php/14-hortolandia.html   <a href="acoes-e-programas.html"><span>Ações e                progr...
YouTube                                       (173.194.43.40)                                           Internet          ...
http://www.ifsp.edu.br/index.php/14-hortolandia.html                 <img style="margin: 45px 0pt 0pt 15px;"            sr...
YouTube                                             (173.194.43.40)                                                  Inter...
Endereço Relativo• Quando o Endereço Relativo não iniciar com /  (barra) será utilizado o domínio e o caminho  da página q...
Endereço Relativo• Somente um ponto final (.) indica a pasta  atual• Dois pontos finais (..) significa a pasta pai da  pas...
YouTube                                              (173.194.43.40)                                                   Int...
http://www.ifsp.edu.br/index.php/14-hortolandia.html           <img src=“../templates/ifsp_reitoria/images/  InstitutoFede...
http://www.ifsp.edu.br/index.php/14-hortolandia.html                 O que faz?  <a href="/" class="pathway">Home</a>
http://www.ifsp.edu.br
Vantagem do Endereço Relativo• Pode-se alterar o domínio sem modificar os  arquivos• Exemplo:- Se mudássemos o nome do dom...
Trabalho• Entrar com o Windows Explorer na pasta p:IAM  e criar uma pasta com seu nome• Copiar a última versão da sua pági...
Upcoming SlideShare
Loading in …5
×

Aula 6 – linguagem HTML - Endereço absoluto e relativo

7,299 views

Published on

Published in: Technology
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
7,299
On SlideShare
0
From Embeds
0
Number of Embeds
15
Actions
Shares
0
Downloads
73
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

Aula 6 – linguagem HTML - Endereço absoluto e relativo

  1. 1. Linguagem HTML:Endereços Absolutos x Relativos Prof. André Constantino da Silva Prof. Rodolfo Francisco de Oliveira IAM 1 semestre de 2012 08 de maio de 2012
  2. 2. Aula de Hoje• Endereços – Absolutos – Relativos
  3. 3. Endereços na Internet• Um objeto na internet possui uma URL – Também conhecido como endereço eletrônico• Exemplos: – Portal do IFSP: http://www.ifsp.edu.br – Portal da prefeitura de Hortolândia: http://www.hortolandia.sp.gov.br/ – Site de busca do Google: http://www.google.com
  4. 4. Endereço Absoluto • O endereço absoluto inclui o protocolo, o domínio e o caminho no servidor para a página ou localização do recurso http://www.ifsp.edu.br/index.php/14-hortolandia.html Domínio CaminhoProtocolo • É independente da página atual
  5. 5. http://www.ifsp.edu.br/index.php/14-hortolandia.html
  6. 6. YouTube (173.194.43.40) Internet TwitterServidor IFSP (200.133.214.203) (199.59.148.82)
  7. 7. http://www.ifsp.edu.br/index.php/14-hortolandia.html <a href="http://www.twitter.com/IFSaoPaulo" target="_blank"> ... </a>
  8. 8. http://www.ifsp.edu.br/index.php/14-hortolandia.html <a href="http://www.flickr.com/photos/ifsp" target="_blank">... </a>
  9. 9. http://www.ifsp.edu.br/index.php/14-hortolandia.html<a href="http://www.youtube.com/user/IFSaoPaulo" target="_blank">... </a>
  10. 10. <img style="margin: 45px 0pt 0pt 15px;"src="/templates/ifsp_reitoria/images/xInstitutoFed http://www.ifsp.edu.br/index.php/14-hortolandia.html eral.png.pagespeed.ic.af4NabHlRJ.png" alt="Instituto Federal de Educação, Ciência e Tecnologia de São Paulo">
  11. 11. http://www.ifsp.edu.br/index.php/14-hortolandia.html<a href="institucional.html"><span>Institucional</span></a>
  12. 12. http://www.ifsp.edu.br/index.php/14-hortolandia.html<a href="07-campinas.html"><span>07. Campinas</span></a>
  13. 13. Endereço Relativo• É o endereço para a localização do objeto a partir da página atual• Usará o domínio e o caminho da página que está visualizando para “montar” a URL dos objetos
  14. 14. YouTube (173.194.43.40) Internet Todos na mesma pasta, ou seja, no mesmo caminho TwitterServidor IFSP (200.133.214.203) (199.59.148.82)
  15. 15. http://www.ifsp.edu.br/index.php/14-hortolandia.html<a href="07-campinas.html"><span>07. Campinas</span></a>
  16. 16. http://www.ifsp.edu.br/index.php/14-hortolandia.html<a href="07-campinas.html"><span>07. Campinas</span></a> Será a URL: http://www.ifsp.edu.br/index.php/ 07-campinas.html
  17. 17. http://www.ifsp.edu.br/index.php/14-hortolandia.html <a href="acoes-e-programas.html"><span>Ações e programas</span></a>
  18. 18. YouTube (173.194.43.40) Internet Todos na mesma pasta, ou seja, no mesmo caminho TwitterServidor IFSP (200.133.214.203) (199.59.148.82)
  19. 19. http://www.ifsp.edu.br/index.php/14-hortolandia.html <img style="margin: 45px 0pt 0pt 15px;" src="/templates/ifsp_reitoria/images/xInstitutoFed eral.png.pagespeed.ic.af4NabHlRJ.png" alt="Instituto Federal de Educação, Ciência e Tecnologia de São Paulo">
  20. 20. YouTube (173.194.43.40) Internet /templates/ifsp_reitoria/images/xInstitutoFederal .png.pagespeed.ic.af4NabHlRJ.png TwitterServidor IFSP (200.133.214.203) (199.59.148.82)
  21. 21. Endereço Relativo• Quando o Endereço Relativo não iniciar com / (barra) será utilizado o domínio e o caminho da página que está sendo visualizado• Quando o Endereço Relativo começar com / (barra) será utilizado somente o domínio da página que está sendo visualizada
  22. 22. Endereço Relativo• Somente um ponto final (.) indica a pasta atual• Dois pontos finais (..) significa a pasta pai da pasta atual
  23. 23. YouTube (173.194.43.40) Internet Estou fazendo esta página e quero incluir o logo em templates/ifsp_reitoria/images TwitterServidor IFSP (200.133.214.203) (199.59.148.82)
  24. 24. http://www.ifsp.edu.br/index.php/14-hortolandia.html <img src=“../templates/ifsp_reitoria/images/ InstitutoFederal.png.pagespeed.ic.af4NabHlRJ.png " style="">
  25. 25. http://www.ifsp.edu.br/index.php/14-hortolandia.html O que faz? <a href="/" class="pathway">Home</a>
  26. 26. http://www.ifsp.edu.br
  27. 27. Vantagem do Endereço Relativo• Pode-se alterar o domínio sem modificar os arquivos• Exemplo:- Se mudássemos o nome do domíniowww.ifsp.edu.br para www.ifsaopaulo.edu.br,não seria necessário alterar os arquivos
  28. 28. Trabalho• Entrar com o Windows Explorer na pasta p:IAM e criar uma pasta com seu nome• Copiar a última versão da sua página para a página criada• Alterar esse arquivo para incluir links para: – O Site do IFSP – Um site relacionado ao que você gosta (exemplo: banda de música, facebook) com uma imagem – A página do(s) colega(s) que está(ão) dividindo computador com você – E de outros 2 colegas que você pode escolher – Incluir um link para voltar para página de IAM

×