將Google的Picasa相簿,內嵌到網頁中輪播!

有關網頁、網站方面的問題或心得都可提出。

將Google的Picasa相簿,內嵌到網頁中輪播!

文章yunol » 週一 9月 08, 2008 11:43 pm

<iframe src="http://yunol.stes.tc.edu.tw/0703/picasa_embed/index.html" width="750" height="600"></iframe>
最後由 yunol 於 週二 9月 09, 2008 5:55 pm 編輯,總共編輯了 1 次。
圖檔
頭像
yunol
Site Admin
 
文章: 6566
註冊時間: 週日 11月 16, 2003 11:50 pm
來自: 台中

如何插入google site

文章yunol » 週二 9月 09, 2008 5:57 pm

潭子陳校長問

于老師您好:

個人使用 google site 已有好一段時間(http://sami.eteach.tw)。今日看到您的slideshow應用,立即操作了一下。

我將 picasa 相簿的 Embed slideshow 原始碼 插入網頁後,出現底下訊息,怎會這樣?不支援 embed 語法?但「閱讀的光明面在台中」卻可以?

Your HTML either contains unsafe tags (iframe, embed, styles, script) or extra attributes. They will be removed when the page is viewed.

試了很久,總是失敗,還是來請教專家,謝謝。

潭子國小 陳世銘


回覆如下,給大家參考

不要用貼語法的方式,這樣子做:
1.Insert→Picasa Web slideshow
2.貼上相簿網址,選好播放的影片尺寸,勾好功能、播放方式即可按下Save
<img src="http://yunol.stes.tc.edu.tw/images/board/Google_Sites-Page_Creator/05.gif" alt="Picasa Web slideshow的設定">


Insert選項中,可以將google的許多功能整合到網頁中,非常好用喔!

我都有點忘了陳校長是哪位耶!大概是一起去彰化線西國小評分部落格的夥伴吧。

像他這樣自己經營網站的校長,好像不多見唷!蠻佩服的。
圖檔
頭像
yunol
Site Admin
 
文章: 6566
註冊時間: 週日 11月 16, 2003 11:50 pm
來自: 台中

將Google的Picasa相簿,內嵌到網頁中輪播!New

文章yunol » 週五 5月 29, 2009 6:09 pm

Google的Picasa相簿每人有1G空間,擁有上傳、分享、每張相片文字說明等多種功能,還有提供內嵌投影播放到部落格和網頁的語法服務。

我們可以將教學的相簿上傳,每張都註解好詳細的教學說明文字,然後利用內嵌到部落格和網頁的功能,達到教學數位化的目的。

之前就介紹過這則相關教學,但是當時Picasa尚未開放中文語系的內嵌投影播放功能,所以要將設定切換到英文語系,有點麻煩,現在中文語系的Picasa相簿也開放此項功能了,非常好用,所以再次整理教學如下:

將Google的Picasa相簿,內嵌到網頁中輪播!

內容概要
要有Google帳戶
操作過程與方法

1. 首先要有Google的Picasa相簿,只要有google帳戶即可,沒有帳戶的請點此申請

2. 操作過程與方法:<a href="http://elesson.tceb.edu.tw/~yunol/picasa_embed/picasa_embed.htm" target="_blank"><img height="50" border="0" align="texttop" width="150" src="http://elesson.tceb.edu.tw/~yunol/course/image/btn-video.png" alt="影音教學小圖示" /></a>
* 登入<a href="https://www.google.com/accounts/ServiceLogin" target="_blank">google帳戶</a>,點選「Picasa 網路相簿」。

* 點選欲內嵌的相簿→連結到此相簿→內嵌投影播放。
<img height="420" width="252" src="http://elesson.tceb.edu.tw/~yunol/eec.thu_course01/16.png" alt="內嵌投影播放" />

* 設定播放選項,複製語法,貼入網頁、部落格即可。<img height="332" width="647" src="http://elesson.tceb.edu.tw/~yunol/eec.thu_course01/17.png" />

<a target="_blank" href="http://yunol.stes.tc.edu.tw/0703/picasa_embed/index.html">參看網頁效果</a>、<a target="_blank" href="http://140.128.224.30:8080/stesblog/index.php?op=ViewArticle&articleId=5098&blogId=6">參看部落格效果</a>。
最後由 yunol 於 週一 6月 08, 2009 3:03 pm 編輯,總共編輯了 1 次。
圖檔
頭像
yunol
Site Admin
 
文章: 6566
註冊時間: 週日 11月 16, 2003 11:50 pm
來自: 台中

如何上傳 Picasa 網路相簿

文章yunol » 週一 6月 08, 2009 2:59 pm

如何上傳 Picasa 網路相簿

分為:

1. 網路上傳
2. 利用Picasa 3的程式上傳

請參看:(無帳密者,可以訪客身份登入)

http://elesson.tceb.edu.tw/moodle/course/view.php?id=67
圖檔
頭像
yunol
Site Admin
 
文章: 6566
註冊時間: 週日 11月 16, 2003 11:50 pm
來自: 台中


回到 網頁程式編寫、網站架設等相關議題

誰在線上

正在瀏覽這個版面的使用者:沒有註冊會員 和 1 位訪客