標題：在網站框架中放入PDF檔與其他檔案
出處：A.PAO designSTUDIO BLOG
時間：Fri, 23 Aug 2013 15:09:36 +0000
作者：apao
地址：https://blog.apao.idv.tw/post/931/

內容：
要將PDF放入部落格或網頁，有困擾嗎？
利用Google docs 檢視器，
在網站框架中放入PDF檔與其他檔案，就可以了


點擊在新視窗中瀏覽此圖片
https://blog.apao.idv.tw/attachment.php?fid=1626


▲資料出處：Google Docs Viewer

共有三行

點擊在新視窗中瀏覽此圖片
https://blog.apao.idv.tw/attachment.php?fid=1631


▲並將取得的程式碼依照需求放入mail, 連結, 或是網站當中

就會呈現以下內容：


▲當我們想要將PDF檔鑲入網頁中的時候，可以利用 Google Docs Viewer 來處理（本地檔案方式）
放大後顏色呈現：256色



▲將PDF檔直接鑲入網頁中（本地檔案方式）
放大後顏色呈現：接近原來顏色



▲ Google Docs Viewer 來處理表格也可能的，只是似乎比例上無法調整...（本地檔案方式）

不僅僅PDF檔可以使用，以下種類的檔案也可以利用：
紀錄日期：20130823

圖像檔（.JPEG、.PNG、.GIF、.TIFF、.BMP）
影片檔（WebM、.MPEG4、.3GPP、.MOV、.AVI、.MPEGPS、.WMV、.FLV）
文字檔（.TXT）
程式語言（.CSS、.HTML、.PHP、.C、.CPP、.H、.HPP、.JS）
Microsoft Word（.DOC、.DOCX）
Microsoft Excel（.XLS、.XLSX）
Microsoft PowerPoint（.PPT、.PPTX）
Adobe Portable Document Format（.PDF）
Apple Pages（.PAGES）
Adobe Illustrator（.AI）
Adobe Photoshop（.PSD）
Tagged Image File Format（.TIFF）
Autodesk AutoCad（.DXF）
Scalable Vector Graphics（.SVG）
PostScript（.EPS, .PS）
TrueType（.TTF）
XML Paper Specification（.XPS）
壓縮檔（.ZIP and .RAR）

資料出處：關於 Google 文件檢視器服

html程式碼如下： 放入
<iframe src="http://docs.google.com/viewer?url=http://你的網站/你的PDF檔名.pdf&embedded=true" width="600" height="780" style="border: none;"></iframe>

http://你的網站/你的PDF檔名.pdf換成自已的檔案URL就可以了
width="600" //對應網站做適當調整 
height="780" //對應網站做適當調整

直接取得(google雲端硬碟直接製作表格+放入Google Docs 檢視器) 
順序為：雲端硬碟-> 檔案 -> 共享(按右鍵) -> 拷貝連結->貼至 Google Docs 檢視器
注意：雲端硬碟檔案的連結做拷貝之前，記得先將檔案設定成為對一般網路大眾公開的權限

但是檔案呈現，會變以下這樣：

▲沒關係，按下表格中的「此處」就可以瀏覽內容了（Google雲端硬碟檔案方式）

關於SkyDriver的做法

▲檔案放在SkyDriver，給的html程式碼的樣子（有時中文文字會變亂碼）



點擊在新視窗中瀏覽此圖片
https://blog.apao.idv.tw/attachment.php?fid=1635


▲選擇自己的檔案之後，按下「內崁」


點擊在新視窗中瀏覽此圖片
https://blog.apao.idv.tw/attachment.php?fid=1636


▲按下「產生」


點擊在新視窗中瀏覽此圖片
https://blog.apao.idv.tw/attachment.php?fid=1637


▲拷貝text box中的html程式碼，記得改裡頭的寬度
寬度 width
高度 height
都設定好後，再貼到自己的網頁或部落格中就可以了


Generated by Bo-blog 2.1.1 Release