2014年10月25日 星期六

取得嵌入的程式以在網頁中展現各種服務

檔案擺在雲端上是愈來愈普遍了,即然檔案已經在網路上,所以要和自己的網頁/部落格結合,就相對變得容易了,例如像 YouTube、Google Drive、OneDrive、Sway、Google 日曆、Google 地圖、Google+、... 等常使用的應用,都有提供內嵌程式碼的功能。

透過內嵌程式碼的方式,可以將在原來網頁中呈現的內容,整合到自己的網頁或部落中,使用者可以不用外連一個新的網頁才能看到內容,讓網頁更美觀且更易閱讀。而且使用嵌入的內容,網頁本身不需要再準備檢視器即可觀看內容。(參考下圖)

通常內嵌的程式碼長的像這樣:

<iframe width="560" height="315" src="//XXXXXXXX" frameborder="0"></iframe>

以下分就這些服務,逐一說明如何取得內嵌的程式碼。

 

一、YouTube

在 YouTube 中選取「分享」,再選取「嵌入」,即可複製嵌入的程式碼。

 

二、Google Drive 雲端硬碟中的檔案

如果你要將檔案發佈到網路上,前提是你要開放檔案的連結共用為「公開在網路上」:

(1) Google Drive 中的影片,在檢視時即可取得內嵌程式碼,點選[更多動作/嵌入項目]:

(2) Google Drive 上的PDF檔,在檢視時即可取得內嵌程式碼,點選[更多動作/嵌入項目]:

(3) Google 表單,選取[檔案/嵌入]:

(4) Google 文件、試算表、簡報、繪圖要取得內嵌程式碼,先選取[檔案/發佈到網路]:

點選「內嵌」:

複製程式碼:

你可以按「停止發佈」,即可取消發佈到網路上,而如果不想文件變更時發佈在網路上的文件也同時變更,則不要勾選「內容有所變更時自動重新發佈」。

 

三、OneDrive

相同的,你必須先設定文件分享!在 OneDrive 中開啟文件後,選取[檔案/共用],再選取「內嵌」:

或是在檔案上按一下右鍵,再選取「內嵌」:

參考下圖,按一下[產生]按鈕:

可以取得內嵌程式碼:

若是檢視檔案的分享狀態,可以發現共用權限被設定為用來內嵌內容的連結僅可檢視,按一下[移除連結]按鈕,可以取消分享。

不同的檔案類型有各自可內嵌的內容:

 

四、Sway

當你把製作好的 Sway 要分享至網頁上時,可以點選[Share/</>]:

隨即產生內嵌程式碼:

 

五、Google 日曆

選取一個日曆按一下右鍵,選取「日曆設定」:

在[嵌入此日曆]區中,即可取得嵌入的程式碼:

 

六、Google 地圖

在 Google 地圖中,若要分享某一地圖,則選取齒輪選中的「分享和嵌入地圖」:

按一下「嵌入地圖」,即可取得地圖的嵌入程式碼,你可以製作一張專屬於你的地圖:

 

七、我的地點

在我的地點中點選資料夾圖示,選取「嵌入我的網站」:

 

八、Google+

在 Google+ 中的每一篇文章,都可以選取「嵌入訊息」:

取得嵌入的程式碼:

沒有留言:

張貼留言

好康東東