2018年8月16日 星期四

「Goolge 協作平台」如何利用協作平台建置學校網站(9) - 最終章(設定 ico 和 網域對應)

終於來到協作平台建置學校網頁最後一篇了
這次要來跟大家分享的是
1、開啟瀏覽器時右上方的小圖示,如何更改成學校的 logo
2、還有就是學校網域的對應



2018年8月15日 星期三

「Goolge 協作平台」如何利用協作平台建置學校網站(8) - 細部微調 沒有最好只有更好!

常言道,沒有最好只有更好!
經過了前面的努力,學校首頁也慢慢成形了,
但有些地方還是需要微調一下,才會顯得更臻完美。
這邊稍微提了一下,大概有五、六個地方需要再修改,

一、系統自動產生的導覽列:要把它設定為不顯示
二、協作平台會有網頁名稱 - 首頁的字樣:需取消顯示設定
三、2.3.4 的缺點:小工具周圍會有邊框或說明文字
四、左右側欄有點大,可以視實際情形寬度再做調整
五、校徽上方有 schooldemo 字樣和「搜尋框框」
六、校徽、首頁橫幅動畫跟有邊界有些距離

這些地方只有小小的設定就可以解決了。



「Goolge 協作平台」如何利用協作平台建置學校網站(7) - 首頁動態橫幅照片

終於快來到最後也是最重要的動態橫幅照片了!
如果少了這個區塊,一定讓人覺得這個網站似乎少了點色彩。

其實在 2017年 12月時有分享過這篇文章, 
我就是利用這個來完成的。

等一下要介紹的首頁動態橫幅照片就是利用 Awesome table 所製作出來的
讓我們繼續看下去吧!


「Goolge 協作平台」如何利用協作平台建置學校網站(6) - 公告內容(網上論壇 Groups)

這篇個人覺得應該是學校首頁公告區塊的重點,
因為學校需要公告許多相關事項,
所以學校大都會去架設公佈欄程式,
不過在 G Suite 中有個 「網上論壇」的服務可以來當做公佈欄使用喔!
崁入的樣子大概是這樣,個人覺得應該還不錯!

「Goolge 協作平台」如何利用協作平台建置學校網站(5) - 公告內容(Google 日曆)

這篇接著來跟大家分享上次學校首頁中間區塊,
可以在放置的「公告內容」還有 (Google 日曆網上論壇 groups)


2018年8月13日 星期一

「Goolge 協作平台」如何利用協作平台建置學校網站(4) - 公告內容

今天這篇主要來介紹如何建置學校網站的中間區塊,
中間區塊是最醒目的地方,
所以通常學校會拿來放在重要的公告事項。

以我們學校為例
我們會拿來放置學生、老師的榮譽事跡、學校行事暦、公告欄...等

2018年8月12日 星期日

「Goolge 協作平台」如何利用協作平台建置學校網站(3) - 常用連結


接下來就要進入協作平台的重頭戲,
如何規劃網站「公告內容」和「常用連結」 區塊,
這次將著重在「常用連結」的規劃與設計部分,
公告內容則將在下一篇來分享。


2018年8月11日 星期六

「Goolge 協作平台」如何利用協作平台建置學校網站(2) - 校徽、導覽列

知道舊版的協作平台可能在近期就會轉換成新版的協作平台,
所以在建置前希望有心理準備喔!
接下來來看一下學校網站的基本架構,
一般而言大致就是分為
學校校徽、橫幅照片、導覽列、公告內容、常用連結
上面這幾個區塊!
接下來就來協作平台上實作如何呈現這幾個區塊吧!

2018年8月9日 星期四

「Goolge 協作平台」如何利用協作平台建置學校網站(1) - 細說從頭


有老師問到該如何利用協作平台來建置學校首頁,
由於 Google 目前推薦的是使用 New GoogleSites 也就是新版的協作平台
隨著觀看網頁的載具跟以往不同,已經有愈來愈多人利用行動載具來上網,
所以新版的協作平台的外觀跟我們以往的印象不太一樣,
因為以往只有桌機可以上網瀏覽網頁,
所以以前的網站都會把大量的資訊放在首頁上,
但現在手機平板隨手可得,
所以網頁的形式可以開始符合載具的螢幕大小,
越簡潔越好而且字體也要適當的大小,
不用再用手指調整網頁大小來觀看。
所以網頁也慢慢發展出響應式的網站,
自動辨別載具的大小來呈現適當的網站形式。

不過這個就開始挑戰認為符合桌機樣貌的網頁才叫做網站,
雖然知道新版的協作平台才是未來的趨勢,
但學校主管沒有首肯,
那學校網頁只好還是只能利用舊版的協作平台來處理了。
但可以舊版的協作平台 Google 可以讓我們維持多久,
這個就真的不好說了!

2018 EduX @ Changhua 講師及活動內容終於出爐囉!



大家一起來 GEG 吧~~

報名網址:https://goo.gl/zTKmU2、錄取名單:https://goo.gl/nyBDWp
活動內容:https://goo.gl/nZtTDs、講師介紹:https://goo.gl/zSDpp9