<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>答客問 &#187; Flash</title>
	<atom:link href="http://www.qna.tw/tag/flash/feed" rel="self" type="application/rss+xml" />
	<link>http://www.qna.tw</link>
	<description>網路疑難情報指南 Question and Answer over Internet</description>
	<lastBuildDate>Wed, 21 Dec 2011 10:56:44 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3</generator>
		<item>
		<title>如何在網頁中嵌入 PDF 檔案？</title>
		<link>http://www.qna.tw/how-to-embed-pdf-file-into-web-page</link>
		<comments>http://www.qna.tw/how-to-embed-pdf-file-into-web-page#comments</comments>
		<pubDate>Thu, 24 Sep 2009 09:37:35 +0000</pubDate>
		<dc:creator>管理員</dc:creator>
				<category><![CDATA[資訊應用]]></category>
		<category><![CDATA[Flash]]></category>
		<category><![CDATA[Google]]></category>
		<category><![CDATA[PDF]]></category>

		<guid isPermaLink="false">http://www.qna.tw/?p=158</guid>
		<description><![CDATA[設計網站時常會發現，許多資訊已有現成檔案，若是另外作成網頁是費時費功，但是要網友下載閱讀也是麻煩。 最明顯的情況就是產品使用文件，像電子產品說明書之類的。 對於這種情況，最好的方式當然就是直接把這些檔案嵌入網頁，讓網友可以直接瀏覽，就能兼顧各種情況。 這裡要介紹的，就是如何把 PDF 這種檔案格式嵌入網頁。 步驟 把你的 PDF 原始檔上傳到自己網站上，例如：EMASREPORT.pdf (解讀 EMAS 經絡檢測報告) 利用下列語法，將線上瀏覽介面嵌入： &#60;iframe src=”http://docs.google.com/gview?url=pdf檔案網址&#38;embedded=true” style=”width:600px; height:500px;” frameborder=”0″&#62;&#60;/iframe&#62; 其中： http://docs.google.com/gview 就是這個線上閱讀器的網址，它是由 Google Docs 所提供的工具。 pdf檔案網址 例如上述檔案的網址就是：http://www.qna.tw/upload_file/EMASREPORT.pdf 但需注意，這個網址需要經過 Escape 處理，才不會出現語法衝突的問題。 width:600px; height:500px; 就是設定閱讀器尺寸的 CSS 語法，也可以再加一些其他效果。 完成後就可以線上閱讀了。但是，如果每天開啟網頁都立即載入的話，會太浪費頻寬。所以可以在檔案的下載鏈結旁加入「線上閱讀」的鏈結，而在點擊後才開啟閱讀器的介面，就可以讓操作流程快速又便利了。 實例 解讀 EMAS 經絡檢測報告 下載檔案：EMASREPORT.pdf 線上閱讀：請按這裡 另外，需注意線上閱讀時，檔案是先傳到 Google Docs 那邊，再將檔案轉成閱讀器的格式傳回。所以檔案太大的話，會需要一點時間。最好控制在 5M 以內。或者先將檔案上傳到 Google Docs 再由閱讀器開啟，節省上傳的時間和頻寬。]]></description>
			<content:encoded><![CDATA[<p>設計網站時常會發現，許多資訊已有現成檔案，若是另外作成網頁是費時費功，但是要網友下載閱讀也是麻煩。</p>
<p>最明顯的情況就是產品使用文件，像電子產品說明書之類的。</p>
<p>對於這種情況，最好的方式當然就是直接把這些檔案嵌入網頁，讓網友可以直接瀏覽，就能兼顧各種情況。</p>
<p>這裡要介紹的，就是如何把 PDF 這種檔案格式嵌入網頁。</p>
<h1><span id="more-158"></span>步驟</h1>
<ol>
<li>把你的 PDF 原始檔上傳到自己網站上，例如：<a href="http://www.qna.tw/upload_file/EMASREPORT.pdf" target="_blank">EMASREPORT.pdf</a> (解讀 EMAS 經絡檢測報告)</li>
<li>利用下列語法，將線上瀏覽介面嵌入：<br />
&lt;iframe src=”<span style="color: #0000ff;">http://docs.google.com/gview</span>?url=<span style="color: #ff0000;">pdf檔案網址</span>&amp;embedded=true” style=”<span style="color: #008000;">width:600px; height:500px;</span>” frameborder=”0″&gt;&lt;/iframe&gt;<br />
其中：</p>
<ul>
<li><span style="color: #0000ff;">http://docs.google.com/gview<br />
</span>就是這個線上閱讀器的網址，它是由 Google Docs 所提供的工具。</li>
<li><span style="color: #ff0000;">pdf檔案網址<br />
</span>例如上述檔案的網址就是：http://www.qna.tw/upload_file/EMASREPORT.pdf<br />
但需注意，這個網址需要經過 Escape 處理，才不會出現語法衝突的問題。</li>
<li><span style="color: #008000;">width:600px; height:500px;<br />
</span>就是設定閱讀器尺寸的 CSS 語法，也可以再加一些其他效果。</li>
</ul>
</li>
<li>完成後就可以線上閱讀了。但是，如果每天開啟網頁都立即載入的話，會太浪費頻寬。所以可以在檔案的下載鏈結旁加入「線上閱讀」的鏈結，而在點擊後才開啟閱讀器的介面，就可以讓操作流程快速又便利了。</li>
</ol>
<h1>實例</h1>
<ul id="sample">
<li>解讀 EMAS 經絡檢測報告<br />
下載檔案：<a href="../upload_file/EMASREPORT.pdf" target="_blank">EMASREPORT.pdf</a></li>
<li> 線上閱讀：<a onclick="sample()" href="javascript:void(0);">請按這裡</a><br />
另外，需注意線上閱讀時，檔案是先傳到 Google Docs 那邊，再將檔案轉成閱讀器的格式傳回。所以檔案太大的話，會需要一點時間。最好控制在 5M 以內。或者先將檔案上傳到 Google Docs 再由閱讀器開啟，節省上傳的時間和頻寬。</li>
</ul>
<p><script type="text/javascript">
  function sample() {     if (jQuery('#pdf_viewer').size() > 0) jQuery('#pdf_viewer').remove() ;
    else {
jQuery('#sample').append('<iframe id="pdf_viewer" src="http://docs.google.com/gview?url=http://www.qna.tw/upload_file/EMASREPORT.pdf&#038;embedded=true" mce_src="http://docs.google.com/gview?url=http://www.qna.tw/upload_file/EMASREPORT.pdf&amp;embedded=true" style="width:540px;height:540px;border:#888 solid 1px" frameborder="1"></iframe>') ;
    }
}
</script></p>
    ]]></content:encoded>
			<wfw:commentRss>http://www.qna.tw/how-to-embed-pdf-file-into-web-page/feed</wfw:commentRss>
		<slash:comments>6</slash:comments>
		</item>
	</channel>
</rss>

