如何將「Google 文件」內容嵌入網頁?

如何將「Google 文件」內容嵌入網頁?

使用文書編輯應用程式時,在以前大家可能會選擇使用 Microsoft Word,除了功能之外,當然就是流通率廣且便於互通,而現在雲端應用的興起,Microsoft 也將 Office 的功能精簡後將其包裹在 OneDrive 內,讓用戶可以免費使用,當然除了微軟的 OneDrive 外,Google 的雲端硬碟同樣提供「文件」、「試算表」、「簡報」、「表單」、「繪圖」、「協作平台」...等相應於 Microsoft Office 系列的雲端應用程式,不但可以免費使用,且可相容 Office 系列所編輯出的文件,像是 Word、Excel、PowerPoint 等,用戶取得這些檔案後,均可在 Google 雲端硬碟內用相應的程式開啟並編輯,如果要將「Google 文件」的內容嵌入到網頁中,並在內容變更時也能充新發布,Google 本身就有提供相對應的做法協助用戶,完全免去第三方需要權限的協助就可以應用。

§相關文章,還可以參閱:

如何將「Google 文件」內容嵌入網頁?

1.登入 Google 雲端硬碟,開啟要嵌入的「Google 文件」,點擊[ 檔案 ] > [ 發佈到網路]。

如何將「Google 文件」內容嵌入網頁?

2.接下來案需求選擇,以內嵌為例,在[ 已發佈的內容與設定 ]勾選[ 內容有所變更時自動重新發布 ]後按[ 發布 ],

如何將「Google 文件」內容嵌入網頁?

如何將「Google 文件」內容嵌入網頁?

3.將給出的語法,複製到網頁內應用即可。

如何將「Google 文件」內容嵌入網頁?

4.以下是上述步驟的範例(以下文章來源為 https://heho.com.tw/)。

將作業內的工作項目以圖形的方式呈現,以軟體分析用的流程圖為例,再加入判斷後釐清工作的的先後次序,絕對會比用文字來描述來的清楚,而圖形有百百種,有些具有其專業性,有些則無,像是軟體分析用的流程圖四方形、長方形、菱形、箭頭...等不同的符號,各自被賦予不同的意涵,但若是要做沒有標準的圖形,例如網路示意圖,則就會在意使用的工具內是否提供足夠的相關圖形,可以利用,當然,繪製好的圖形,更要能提供匯出現行通用的檔案格式,才能方便流通。Draw.io 這個免費的 Web 應用程式,提供上述在內的多種符號圖形,像是通用型的基本符號、流程圖、UML、網路圖、辦公室、材料設計、工藝過程、模型、SiteMap......等所要用到的各式符號圖形,均有提供,也可以嵌入圖檔、Google 文件、iFrame...,當然,在你繪製完圖形後,所產生的檔案格式可以是 PNG、SVG、JPFEG 圖檔、PDF、HTML、URL...等,方便後續的分享與應用。

在網頁內,如果要放入其他網站內的網頁、影片,通常都會使用 iframe 標籤,然後設定 src 這個屬性將其指到目標位置即可,例如 YouTube、Vimeo、Dailymotion、Google Maps、Google 文件的嵌入語法,都是如此,但產生的原始語法並無法直接套用到自適應網頁內,因此,取得這些原始語法後,我們可以透過 Embed Responsively 這個網站來幫我們產生可自適應網頁的 iframe 語法,讓自家網站也可以在不同螢幕尺寸或裝置下提供滿足訪問者的需求。<br />