Transferir como PDF, PPTX
Carregado porAndré Constantino da Silva
Aula 6 – linguagem HTML - Endereço absoluto e relativo
O documento discute os tipos de endereços na internet, especificamente endereços absolutos versus endereços relativos. Endereços absolutos incluem o protocolo, domínio e caminho completo para um recurso, enquanto endereços relativos usam o domínio e caminho da página atual. O documento fornece exemplos de cada tipo de endereço e quando usar cada um.
Aula 6 – linguagem HTML - Endereço absoluto e relativo
- 1. Linguagem HTML: Endereços Absolutosx Relativos Prof. André Constantino da Silva Prof. Rodolfo Francisco de Oliveira IAM 1 semestre de 2012 08 de maio de 2012
- 2. Aula de Hoje •Endereços – Absolutos – Relativos
- 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. 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 Caminho Protocolo • É independente da página atual
- 5.
- 6. YouTube (173.194.43.40) Internet Twitter Servidor IFSP (200.133.214.203) (199.59.148.82)
- 7. http://www.ifsp.edu.br/index.php/14-hortolandia.html <a href="http://www.twitter.com/IFSaoPaulo" target="_blank"> ... </a>
- 8. http://www.ifsp.edu.br/index.php/14-hortolandia.html <a href="http://www.flickr.com/photos/ifsp" target="_blank">... </a>
- 9.
- 10. <img style="margin: 45px0pt 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.
- 12.
- 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. YouTube (173.194.43.40) Internet Todos na mesma pasta, ou seja, no mesmo caminho Twitter Servidor IFSP (200.133.214.203) (199.59.148.82)
- 15.
- 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. http://www.ifsp.edu.br/index.php/14-hortolandia.html <a href="acoes-e-programas.html"><span>Ações e programas</span></a>
- 18. YouTube (173.194.43.40) Internet Todos na mesma pasta, ou seja, no mesmo caminho Twitter Servidor IFSP (200.133.214.203) (199.59.148.82)
- 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. YouTube (173.194.43.40) Internet /templates/ifsp_reitoria/images/xInstitutoFederal .png.pagespeed.ic.af4NabHlRJ.png Twitter Servidor IFSP (200.133.214.203) (199.59.148.82)
- 21. Endereço Relativo • Quandoo 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. Endereço Relativo • Somenteum ponto final (.) indica a pasta atual • Dois pontos finais (..) significa a pasta pai da pasta atual
- 23. YouTube (173.194.43.40) Internet Estou fazendo esta página e quero incluir o logo em templates/ifsp_reitoria/images Twitter Servidor IFSP (200.133.214.203) (199.59.148.82)
- 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. http://www.ifsp.edu.br/index.php/14-hortolandia.html O que faz? <a href="/" class="pathway">Home</a>
- 26.
- 27. Vantagem do EndereçoRelativo • Pode-se alterar o domínio sem modificar os arquivos • Exemplo: - Se mudássemos o nome do domínio www.ifsp.edu.br para www.ifsaopaulo.edu.br, não seria necessário alterar os arquivos
- 28. Trabalho • Entrar como 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