這裏主要公佈老師的相關教學文章、翻轉學習經驗分享、公開研習錄影影片…等資訊,
並介紹相關學習網站與教學文章,讓大家可以找到更多的學習資源!一起在這個網路數位時代,不斷學習與成長!
您可以透過此信箱或Line官方帳號與我聯絡:
[email protected]、https://lin.ee/8OSwUqs
在 Google Sites 協作平台中,可以很輕易的將 Google 雲端硬碟上的資料夾嵌入編輯的頁面中,那麼,在部落格或是自行設計的網頁上,是否也能利用相同的方式進行 Google 雲端硬碟資料夾的共用呢?
加上 Google 雲端硬碟支援 Office 文件(
Word、Excel、PowerPoint、PDF
)、圖片檔(
JPG、PNG、Gif、Adobe Illustrator、PSD
)、聲音檔案(
MP3、WAV
)、影片(
AVI、MP4、MPG
)、壓縮檔案(
ZIP、RAR、7Z
)…等檔案類型的線上預覽,這樣就能讓使用者不需要將檔案下載下來,直接在線上瀏覽,也不用擔心使用者電腦沒有適合的軟體來開啟這些檔案內容!
在 Google 協作平台上有提供兩種資料夾呈現的檢視方式:清單與格狀檢視,在以下的 iframe 語法中,也可以做得到喔!
註:這個方法也適用於
1Know
的「嵌入」單元類型喔!
將 Google 雲端硬碟資料夾設為「公開在網路上」或「任何知道連結的使用者」
取得共享連結網址,
最重要的就是 id= 後面那串很長的字串
例如:https://drive.google.com/open?id=
0Bw_XYRnXpsKGaDdCMERBNmFMUk0
將上述共用連結網址的
id= 後方的字串
貼入以下 iframe 語法中的指定位置,就能將此語法加入一般的網頁或部落格中使用囉!
註:以下語法主要來自「
bubble泡泡老師:嵌入google drive資料夾
」中提供的內容,再做一些補充!
.
清單語法:#list
.
格狀檢視語法:#grid
.頁框背景顏色是否透明 allowtransparency 語法:
false 不透明,白色背景,true 透明,顯示原網頁背景顏色
.頁框寬度語法 width:單位可以是百分比或是像素
.頁框高度語法 height:單位只能用像素