2010年5月21日 星期五

如何將文件嵌入網頁文章內,讓文件瀏覽與分享更加方便!

以往若有文件想要放在網路上與朋友分享,不是要轉成網頁格式就是以附加檔案方式提供點選下載。
這種傳統以檔案方式提供使用者下載方式,使用者都無法事先預覽文件內容,一定要將文件下載後才能觀看其中的內容。若是花了一段時間將無件下載下來才發現不是自己要的內容,豈不是花了許多冤枉時間。
若是能夠讓使用者先觀看內容,在讓使用者決定是否下載!這樣好像比較「人性」一點吧~~呵!

現在透過embedit.in這個服務網站,您就可以輕輕鬆鬆達成以上的想法囉!

embedit.in提供您上傳任何檔案,藉由embedit.in的網站技術就可以將文件轉換為可內嵌於網頁的型式,藉由embedit.in提供的嵌入語法就可以讓您的文件展示在網頁上,又能兼顧讓使用者下載的目的!
embedit.in在使用上很方便喔!基本操作就是三步驟:
1.上傳文件檔案。
2.調整顯示參數,獲取程式碼。
3.在網頁中貼上程式碼。
就順利打完收工囉!

以下就是利用embedit.in完成的示範內容:



現在就為各位介紹embedit.in的使用吧!


Step1.登入embedit.in網站:
embedit.in網址如下:http://embedit.in
點選[1]「my embeds」按鈕,在[2]「Sign in」視窗中以你自己的使用網站(如:google),的帳號密碼登入。(這網站似乎沒有自己的註冊系統~這倒是挺特別的)




以下以google登入為例說明:


以google帳號、密碼登入後,google會出現請你確認embedit.in服務的訊息,請點選「允許」以完成確認程序。
就著就要上傳文件檔案了,請點選:「Go Embed It」按鈕。


Step2. 上傳要嵌入的文件檔案
完成上述登入程序後,會回到embedit.in首頁畫面,這時就可以開始將文件上傳了。
請點選:「Select Files...」按鈕。即可進入上傳介面,點選您要上傳的文件檔案,就可以完成檔案上傳作業囉!

Step3. 獲取嵌入程式碼
上傳檔案完成,即可呈現下列畫面,畫面右半邊就可以看到預覽成果,也可以找到該檔案的嵌入程式碼「Embed Code」將程式碼複製下來,貼進網頁文章中適當的地方就OK囉!




補充應用:

一、若是不想將文章直接嵌入在網頁文章中,但還是想應用這種方式來作文件展示,您也可以將展示模式做一些設定如下:
[1]Appearance將模式選為「Thumb」模式,這種模式可以以文件縮圖方式連結,使用者縮圖後再將文件呈現給使用者觀看。

二、若是想要在文件上加上一些批註,或者是重點標記,也可以喔:

點選左半邊的參數設定欄位中的「Start Drawing」按鈕就可以在右半邊的預覽文件中塗鴉囉!


標記畫完之後,記得要按一下「Save Market」按鈕喔!

當然在參數設定區中,還可以設定:

  • 是否允許列印
  • 是否允許下載
  • 是否公開檔案

等相關選項,這些就留給各位自行測試囉!

總體而言,這個網站真的是方便又好用!在實務應用上,也對文件展示或下載,提供了另一種人性的應用環境。值得您前往測試應用。

沒有留言:

Related Posts with Thumbnails