Teachers研習

發佈時間:2012-09-20 (更新:2021-10-11 14:53)發佈者:Anita0920
標題:高雄市班級網頁研習

 

請用Google瀏覽器管理網站,才能操作正常

 

連結Youtube教學影片

  • Youtube影片網址複製  

  • 貼上網址,即內嵌在網頁上也可以在我的網頁選取要複製的區域,按"複製"~再到自己的網頁"貼上"

 

也可以直接內嵌播放清單

 

如果插入Youtube影片有問題,請按修正Youtube

 

 

現在只須貼上URL超連結,即會自動開新頁面,不須選New Window

 

 

 截圖

存桌面(如上圖紅色框框)~插入電腦中圖片~上傳選圖

圖的右鍵~影像屬性(可改圖大小,加超連結)

螢幕畫筆Pointofix (免安裝說明-可釘選到工具列)   

IPEVO螢幕畫筆+截圖+錄影

 

從別的網頁複製再貼上的字體大小,不容易搞定呀⋯⋯

因為複製貼上後會包含原來網頁的語法,所以很難修改,我的笨方法是,重新打字,改字型大小,再做連結

或者反黑~超連結~進階~樣式(修改字型small-big)

 

 

 Youtube影片選擇開始秒數(操作說明)

 口試加分題   初級2010分    More

口試加分歌曲,自由分組 (1-4人) 考卷聽力填號碼6%

 

電腦操作

Chrome-新增無痕式視窗-youtube網址-分享-嵌入-填開始處秒數

複製-貼到班網原始碼

(可將原始碼貼在最前面~送出~剪下youtube再貼上)

 

 

 


 

  • 線上預約(預約教室)

  • 學校首頁- 資訊服務入口登入- 班級網站-主要管理網站

  • 請用Google瀏覽器管理網站,才能操作正常

  • 管理首頁

  • 代理老師也可以跟資訊老師申請

班網所有網站列表  

  • ● 班網使用技巧與注意事項
    ● 站內 Chrome 瀏覽器快速下載 

    1. 於相簿功能上傳圖片時,無須事先縮圖,程式會自動將過大的圖片等比例縮小在800x800以內。
       
    2. 「首頁」中的「照片輪播」若停止滾動,有可能是上傳的相片少於6張,或「顯示數」小於6(程式會判斷少於6張便無須滾動),所以上傳的照片必須至少6張以上,且顯示數也要大於6才行。

 

 

 

 


1. 基本資料

  • 網站名稱前加「:hide:」便會隱藏網站名稱,

  • 這樣就不會擋住您自已上傳的橫幅圖

 

 

 


2.功能選單

       

 

 

 

  • 首頁-維護(僅限相簿、討論區和公佈欄會自動呈現在Home)
 Home 

 



 
● Photos本站   順序:  顯示數:  顯示 不顯示

 
● News最新消息   順序:  顯示數:  顯示 不顯示

 
● Story繪本   順序:  顯示數:  顯示 不顯示

 
● Teacher研習   順序:  顯示數:  顯示 不顯示

 

 


3.佈景主題與音樂

  • 選擇佈景主題:

     

    使用系統佈景主題: 使用  不使用 
    (若不使用請務必上傳CSS檔,否則會造成版面錯誤!下載目前CSS檔:style.css)

     

    使用上傳橫幅圖像: 使用  不使用

     

    顯示音樂條: 顯示  不顯示

     

    自動播放: 自動  不自動 
    (建議不自動,音樂的自動播放可能會造成瀏覽者的困擾)

     

     

    上傳橫幅圖像(寬度900,高度不限(建議為160~220之間)) 

       可以結合Canva設計喔~

 

 

 

 


邊欄設定(可放常用網址連結,也方便學生操作)

 

  • 邊欄設定 (ad_block):

資訊服務入口     

請複製以下語法~佈景主題與音樂~邊欄設定 (ad_block)貼上
 
 
<br>
 
<!-- 資訊服務入口 -->
<a href="https://portal.kh.edu.tw/
target="_blank">
<img 
src="https://class.kh.edu.tw/sites/1283/album_file/4/3.png" width="130" height="50" 
style="margin-bottom:5px;border-style: solid; height: 50px; width: 130px; border-width: 1px;">
</a>

 

 

 

2. 阿蓮英語單字達人 

請複製以下語法~佈景主題與音樂~邊欄設定 (ad_block)貼上

 

<br>

</a>
<!-- 阿蓮英語單字達人 -->
<a href="http://etlady.tw/alp/fun/alpetlady.htm
target="_blank">
<img 
src="https://class.kh.edu.tw/sites/1283/album_file/4/%E9%81%94%E4%BA%BA.png" width="130" height="60"style="margin-bottom:5px;border-style: solid; height: 60px; width: 130px; border-width: 1px;">
</a>

 

附檔:-----------------------------------
b421.gif
c-01.gif
heart06.gif
rose03.gif
高雄市班網語法.txt