Como colocar um documento PDF em seu site

Escrito por kevin lee | Traduzido por césar campos
Como colocar um documento PDF em seu site

Aprenda a colocar arquivos de PDF em sites

t file image by Sergio Hayashi from Fotolia.com

Há duas maneiras de colocar um PDF em seu site: você pode adicionar um link para ele ou incorporar um documento de PDF real dentro de uma página da Web. O método que você escolher depende dos objetivos do seu projeto. Se você tem um PDF que quer sempre visível, incorporá-lo pode ser uma opção mais inteligente. Por outro lado, você pode não querer carregá-lo em um navegador da Web se um usuário não precisará vê-lo. Usando HTML, você pode vincular ou incorporar um PDF em seu site.

Nível de dificuldade:
Moderadamente fácil

Outras pessoas estão lendo

Instruções

  1. 1

    Inicie um editor de HTML e abra um documento HTML.

  2. 2

    Cole esse código na seção "body" do documento: <div> <object class="pdf" data="http://www.xyz.pdf" type="application/pdf"> Seu browser não suporta PDFs </object> </div> A tag "object" incorpora um PDF na página da Web. Substitua "xyz.pdf" pela URL de um PDF que reside na Web. Por exemplo, se o PDF está em seu próprio servidor da Web e a URL do PDF é "http://www.meuservidor.com/teste.pdf", faça o código aparecer da seguinte forma: <div> <object class="pdf" data="http://www.meuservidor.com/teste.pdf" type="application/pdf"> Seu navegador não suporta PDFs </object> </div> Observe que a tag "object" faz referência à classe CSS chamada"pdf ".

  3. 3

    Coloque o seguinte código HTML abaixo do código anterior: <a href=”xyz.pdf">Ver link externo em PDF</a> Isso cria um hiperlink. Substitua "xyz.pdf" com a mesma URL para o PDF que você especificou anteriormente.

  4. 4

    Cole o código abaixo na seção "head" do documento: <style type="text/css"> .pdf {height:400px; width:500px;} </style> Isso cria a classe de "pdf" referenciada pela tag "object" na seção "body". Essa classe permite que você defina a altura e a largura do PDF. Nesse exemplo, esses valores são 400 e 500 pixels. Altere-os para outros valores para modificar as dimensões do visualizador do PDF.

  5. 5

    Salve o documento e abra-o em um navegador. O PDF é exibido. Clique no link que aparece na página. Seu browser navega até o mesmo documento PDF.

Dicas & Advertências

  • Observe que a tag "object" contém o texto "Seu navegador não suporta PDFs ". Trata-se de um texto padrão que aparece se o navegador do usuário não suporta visualização de PDF. Você pode alterar esse texto para atender às suas necessidades.

Não deixe de ver

Filtro:
  • Geral
  • Artigos
  • Slides
  • Vídeos
Mostrar:
  • Mais relevantes
  • Mais lidos
  • Mais recentes

Nenhum artigo disponível

Nenhum slide disponível

Nenhum vídeo disponível

Direitos autorais © 1999-2014 Demand Media, Inc.

O uso deste site constitui plena aceitação dos Termos de Uso e Política de privacidade de eHow. Ad Choices pt-BR

Demand Media