close
自己做的
【Google協作平台】不用寫程式,也能做一個漂亮的網站!
 

協作平台是google推出很久的一個服務,以前從事的工作沒有經費請人做網站,公司裡面厲害的前輩就用google blogger+協作平台弄出了一個厲害的網站。當時協作平台提供的範本都很陽春,必須要了解HTML+CSS才可以弄出專業感,但這幾年新版提供了很多專業的範本,且支援RWD,不需要會寫程式,也可以做出一個漂亮的靜態網站,一起來了解一下怎麼操作吧。

▌操作教學

一、進入協作平台

首先您必須要有一個google帳號,註冊過程我就不贅述了。

 

進到google的雲端硬碟裡,左上方新增>更多>google協作平台。

網站截圖
【Google協作平台】不用寫程式,也能做一個漂亮的網站!
 

二、新增

可以選擇新增一個空白範本或是選一個範本來編輯。為了節省時間,我直接挑選一個範本來示範。

【Google協作平台】不用寫程式,也能做一個漂亮的網站!
 

左上方打上網站的名稱,接著就可以編輯了,一開始看到的這一頁就是你的網站首頁唷!不喜歡這個範本的預設內容可以把它刪掉。

網站截圖
【Google協作平台】不用寫程式,也能做一個漂亮的網站!
 

二、插入功能

右方的插入可以放文字方塊、圖片或是版面配置的樣本、目錄按鈕等等的各種元件。選定你要的網頁元件之後,把他拖拉近頁面中就可以了。

 

 

 

這裡也整合了一些google的功能,可以用日曆功能讓user看到你的行事曆,也能用google表單來讓user來預約、反應意見。

 

 

 

比較特別的是目錄的功能,它會自動幫你的網頁產生錨點(例如:按第三段的連結,就可以直接跳到第三段落),其他的功能都蠻好理解的,可以嘗試看看自己想要的網頁元件。

插入功能截圖
【Google協作平台】不用寫程式,也能做一個漂亮的網站!
 

可以很輕鬆的挑整元件的大小,在拖拉的時候,協作平台也提供了格線系統,供你定位的時候參考。

網站截圖
【Google協作平台】不用寫程式,也能做一個漂亮的網站!
 

三、更換主題配色、編輯次頁面

點選主題則可以更換樣式,協作平台提供了一些樣式,風格都很簡約,每一個主題又可提供六種配色給您參考,不需要為了色彩煩惱。延伸閱讀:【webgradients】180個唯美漸層色設計,可下載為PNG背景圖檔/一鍵產生CSS語法

 

 

 

點選頁面,則可以看到網站的架構,【福利熊個人網站】是首頁,個人簡介、我的旅遊行程分享是其他的分頁,可以按下方的+新增頁面或是連結,也可以用拖拉的方式改變顯示順序或直接取代首頁。

【Google協作平台】不用寫程式,也能做一個漂亮的網站!
 

四、發布網站

編輯好之後按下右上角的發布,幫網站取個名稱,再按發布。記得,每次更改之後都又按發布,這樣網站分享給別人才會是最新版本。

網站截圖
【Google協作平台】不用寫程式,也能做一個漂亮的網站!
 

按下發布旁邊的小三角形,查看已發佈的網站。

網站截圖
【Google協作平台】不用寫程式,也能做一個漂亮的網站!
 

成品

做好的成品大概是長這樣子,可以點進去看做好的成品=>福利熊個人網站

 

大家有興趣的話一起來試試看吧,做網頁真的很好玩呢!之後我還可能再介紹一些免費的網頁工具,敬請期待一下囉!

arrow
arrow
    全站熱搜

    ivy 發表在 痞客邦 留言(0) 人氣()