更多

    校園電子告示板(二)

    Google 試算表的 API 認證步驟較多,今期繼續。此外,在電子告示板中,除了顯示訊息之外,我們也需要將當天的日期及星期顯示出來,以方便學生使用,今期也會為此作準備。

    Step 9 : 視窗會跳至顯示專案中的 client ID ,請記下這堆字串,稍後需要 Client ID 資料作為認證用途,然後按下「 OK 」,跳回至主畫面。
    Step 9 : 視窗會跳至顯示專案中的 client ID ,請記下這堆字串,稍後需要 Client ID 資料作為認證用途,然後按下「 OK 」,跳回至主畫面。
    Step 10 : 按下「 Create credentials 」,並選擇「 API key 」。
    Step 10 : 按下「 Create credentials 」,並選擇「 API key 」。
    Step 11 : 屏幕上會顯示試算表的 API key ,同樣記下這堆字串,因日後也需要 API key 資料作為認證用途,最後按下「 CLOSE 」完成 Google Sheet API 的設定。
    Step 11 : 屏幕上會顯示試算表的 API key ,同樣記下這堆字串,因日後也需要 API key 資料作為認證用途,最後按下「 CLOSE 」完成 Google Sheet API 的設定。

    準備網頁顯示日期工作

    顯示日期的方法很多,筆者選擇一個方便的製作方法,只需要瀏覽網址 timeanddate.com ,就能夠簡單快捷地為自己的網站製作時鐘。首先要選擇網站所提供的時鐘版面設計,再為時鐘的地區、顯示模式和字體顏色等作設定,最後網站就會產生出一句超文件標示語言。我們只需要將這句標示語言複製到網頁的標示語言中,當網頁在伺服器運行的時候,就會自動連接到該網站,拿取最新的時間資料,並顯示出來。

    timeanddate.com:https://www.timeanddate.com/clocks/free.html

    Step 1 : 登入網站後,按「 Continue 」繼續。
    Step 1 : 登入網站後,按「 Continue 」繼續。

    [row][double_paragraph]

    Step 2 : 選擇需要的顯示介面及格式,再按「 Continue 」。
    Step 2 : 選擇需要的顯示介面及格式,再按「 Continue 」。

    [/double_paragraph][double_paragraph]

    Step 3 : 因應不同的鐘選擇顯示日期格式。
    Step 3 : 因應不同的鐘選擇顯示日期格式。

    [/double_paragraph] [/row]

    [row][double_paragraph]

    Step 4 : 接下來是字型、字大小及顏色等。
    Step 4 : 接下來是字型、字大小及顏色等。

    [/double_paragraph][double_paragraph]

    Step 5 : 最後就會得出一段程式碼,複製留作稍後網頁編碼使用。
    Step 5 : 最後就會得出一段程式碼,複製留作稍後網頁編碼使用。

    [/double_paragraph] [/row]

    下星期待續……

    您會感興趣的內容

    相關文章