2018年8月11日 星期六

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

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



一、首先建立一個協作平台並套用「海洋風條紋」主題


這裡要注意的是,不同的主題,其呈現的樣式也會有所不同。

二、在網頁左側新增學校校徽 logo

2-1、點選協作平台右上角「齒輪」-「編輯協作平台版面配置」



2-2、點選「+」新增一個「文字」側欄項目



由於新增的「文字」側欄項目沒有標題和內容文字,
所以區塊會有點不明顯,點選時再稍微注意一下即可。





2-3、在新增側欄項目加入學校校徽




因為校徽 logo 不用太大,所以這邊選擇「小」、移除「連結」


2-4、如果發現預設側邊欄寬度太小,



可點選協作平台右上角「齒輪」-「編輯協作平台版面配置」
再自行調整適當的欄位寬度。




2-5、點選「筆」來調整側邊欄適當欄寬




三、自行新增網站導覽列

3-1、重複 2-1、2-2 步驟



可以輸入區塊標題,內容也可加入圖示來突顯項目


3-2、如果有不同項目可以重複相同步驟,依序自行增加


schooldemo 樣本網站:https://sites.google.com/a/ms.csps.chc.edu.tw/schooldemo/

繼續閱讀

測試學校網站:http://school.csps.chc.edu.tw/