田徑隊參加新竹縣108年國民小學大隊接力校際聯賽榮獲男子甲組第二名 參賽隊員：

607王劭丞 609呂宥德 605黃宥翔 508程華緯 406陳宇凡 409曾鈞翊 409周諒宸 508劉宥辰 608呂宥瑨 602鄭修齊 604邱世均 609鍾宇威 504游冠榮 504陳璿宇 504邱向宸 504梁駿志

感謝指導老師 林鴻明老師、楊麗芳老師早上中午不辭辛勞無私指導.....


【如何製作有YouTube 影音榮譽榜】(影音公告)

榮譽榜請都要在「圖檔資訊」選擇上傳「小圖」---如此在學校網頁上才會有「美美的縮圖」

影片、圖、文的多媒體頁面的編輯 請公告的人員要習慣選擇 【HTML編輯/預覽】模式！！！

請到YouTube 將影片上傳！！
 

嵌入的語法舉例：

108年全縣大隊接力男生甲組第二名

https://www.youtube.com/watch?v=36EcH_AQn3o

108年全縣大隊接力男女混合甲組第五名

https://www.youtube.com/watch?v=48oc1X0-DUA

修改紅字的部份就可以了

嵌入的語法

<p><style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style><div class='embed-container'><iframe src='https://www.youtube.com/embed/36EcH_AQn3o' frameborder='0' allowfullscreen></iframe></div></p>
 

回到這個 多媒體頁面  最左上角有「原始碼」的按鈕 

切換到「原始檔」的模式後 貼上剛剛複製好的嵌入語法
再按一次 「原始檔」的按鈕   就可以回來目前的編輯頁面 

找到上面「磁片」圖示 儲存

再按下「儲存及返回」

就可以得到像這一篇一樣 的豐富的影音報導了！！

(Shiyu 設計是在學校首頁顯示最新三筆 的榮譽榜！！)

過程是有點小複雜，但可以得到 很棒的響應式網頁......讓手機瀏覽進來也能體驗好棒棒！！

Shiyu 教學文件 20190819 2330 初稿 20190827 最後修訂 ！！