在建立Google Site要先建立一個專門放這個網站的資料夾,並將之後建立的Google Site與相關資料都放在建立的資料夾內。全放置在一個資料夾內除了自己方便管理外如果之後有要開放權限也會方便許多。如何在製作Google Site前建立資料夾請參照相關影片。
(Google Site所有資料都存放在雲端硬碟中,所以製作前須確認自己是否有足夠的雲端空間可以製作)。
(觀看1:14~2:28)
(觀看1:24~2:47)
建立好專用資料夾在資料夾內開啟Google Site,第一件事情要先選擇主題。主題就是風格呈現,Google Site內有許多主題可以選擇,選定主題後就盡量不要再做更動,因為除了首頁外分頁也會受到主題的影響,如有興趣想了解更多可點影片查看詳細介紹。
進去網站第一眼會看到配合主標的底圖就是橫幅,為了能夠做出吸引人的橫幅,製作Google Site的時候就要先了解如何使用內建的圖庫及搜尋功能選擇最適合自己的橫幅,相關教學可參照下方影片教學來操作。
↑「命名首頁標題及變更首頁橫幅」的簡易教學,首頁橫幅可以從內建的圖庫或搜尋選擇圖片,且裡面找到的圖片是無版權所以可以放心使用。(觀看1:47~3:07)
↑「新增標誌與變更橫幅」的詳細教學。(觀看4:32~8:40)
版面配置可以決定整個網站的架構,例如我們今天要設計一個版面是上面都是圖片下面則是圖文一起的版面,這時候就可以透過版面配置快速的把網站用出來,在把圖片及文字帶入相對應的區域內就可以完成一個網站,且製作的過程中也可以依照自己的喜好去調整版面的配置。
↑「版面配置」的教學。(觀看5:30~7:10)
文字方塊這個功能可以依照自己的喜好放在希望的位置,並且可以修改文字大小、顏色及超連結等功能。另外還可以使用可收合的群組讓整體版面更加的簡潔,詳細可透過下方教學來操作。
↑透過複製貼上的方式使用「文字方塊」的教學。(觀看10:50~11:26)
↑修改「文字方塊」內的文字大小、字型等功能的教學。(觀看2:33~3:40)
↑使用「可收合」的功能將文字收合在一起的教學。(觀看4:22~5:10)
製作網站除了文字外也會加入許多圖片,讓整體網站顯得更有活力不會只有一堆文字。Google Site的插入圖片擁有許多功能,其中包含了調整大小、剪裁等各種功能,另外我們這邊也有準備上傳GIF圖及輪播功能的圖片輪轉介面教學,可依自己需求觀看下列影片教學。
↑插入「圖片」的基本功能教學,裡面包含了調整大小、剪裁、製作超連結等功能。(觀看3:42~4:46)
↑上傳GIF動態圖的教學,如果有需要製作GIF動態圖可以Google搜尋GIF製作等相關的關鍵字查找線上製作的網站製作。(觀看3:14~4:22)
↑「圖片輪轉介面」的教學。(觀看10:37~11:16)
製作網站除了文字及圖片外有時候也會需要加入影片,讓整個網站能夠呈現的內容更加的豐富,這時候就會使用內嵌功能,而下方有如何內嵌YouTube教學以及嵌入社交媒體的文章等教學,可以依照自己的需求選擇觀看自己需要的教學影片。
↑使用「嵌入程式碼」嵌入YouTube影片的教學。(觀看8:42~9:18)
↑使用「嵌入程式碼」嵌入社交媒體文章、粉絲專業等...的教學。(觀看0:35~6:00)
↑使用「嵌入程式碼」嵌入Google Drive視頻的教學。(觀看8:17~9:10)
↑修改「嵌入程式碼」嵌入的影片尺寸教學。(觀看6:00~8:15)
Google Site也可以插入雲端硬碟中的檔案,而最一開始請大家在建立Google Site前先建立一個資料夾的用意就出來了,大家可以將這個網站會用使用到的資料放在建立的雲端資料夾內,然後透過插入雲端硬碟內的檔案或者插入整個資料夾的方式來呈現,詳細步驟可以參照下方教學影片操作。
↑插入雲端硬碟內的檔案教學。(觀看4:50~5:28)
↑從雲端硬碟中嵌入整份雲端硬碟資料夾的教學。(觀看9:12~9:54)
透過按鈕這個功能可以連接到其他分頁或者外部連結,詳情可以參照下方教學影片操作。
↑插入與編輯「按鈕」的教學。(觀看1:24~3:12)
可以從雲端硬碟內插入建立好的簡報,並且可以設定是否自動播放以及播放速度等。簡報的部分可以上網透過關鍵字搜尋一些免費簡報的版型(例如搜尋:簡報模板等...即可找到許多版型),網路上有許多製作精美的簡報,只需要運用那些版型並套上自己的內容就可以製作出十分好看的簡報,且插入到網站後大家也可以透過網站閱覽你的簡報。
↑插入與編輯「簡報」的詳細教學。(觀看5:11~6:15)
一般網站除了首頁外也會有許多分頁,Google Site也可以建立分頁,除了建立分頁外還可以在分頁內在建立子分頁,並且可以將建立在導覽列的分頁隱藏起來。導覽列除了可以建立分頁外也可以插入外部連結,相關教學都在下方可依自己的需求觀看相關教學影片。
↑「建立分頁」的教學。(觀看3:34~5:11)
↑「隱藏分頁」的設定教學。(觀看8:56~9:21)
↑在導覽列中插入外部連結的教學。(觀看9:54~10:50)
↑「隱藏分頁」與「圖片」的複合應用教學。(觀看8:09~12:15)
Google Site支援回應式網頁設計(RWD),所以製作的過程中可隨時查看畫面在手機、平板、電腦會如何呈現,詳細可參照教學影片來查看。
↑查看不同裝置呈現畫面的教學影片。(觀看12:04~12:34)
Google Site製作完畢後可以透過發布拿到一段網址,並且透過該網址讓大家可以看到你所建立的網站,但要注意的是只要Google Site的內容有變動,想要讓發布出去的網站也更新就必須重新按一次發布,且發布出去的網站還要注意權限是否開放,如果未設定成公開將會導致其他人無法看到發布出去的網站,上述提到的部分都在下方教學影片,建議全部都看過一次會更了解如何發布到網路上。
↑Google Site建立完畢後發布到網路上給人觀看的詳細步驟可參照此影片。發布後可從發布內點選「查看已發布網站」並將該網址複製轉貼出去即可。(觀看12:34~13:44)
↑後續有再更新Google Site最後記得再按一次發布,才會將更新的內容同步上傳到發布出去的網站上。(觀看13:19~13:56)
↑按下發布後要確認是否有將「建立連結」中的「已發布的網站」公開,如果未公開會無法透過網址跟其他辦法看到該網站。(觀看1:28~1:50)