不想看文字的直接視頻：https://www.ixigua.com/i6798443954380472846/
Hi，大家好，歡迎收看本期《優寶科技》，我是大文子。經常有做外貿的朋友或客戶問我有沒有免費而又簡單的建站系統，提到免費開源網站管理系統，自然想到Joomla和Wordpress，這兩個都是非常優秀的開源網站管理系統（CMS），特別是Wordpress，潛入深出，如果你是普通小白，基本不用一句代碼藉助Wordpress豐富的主題和插件功能，就可以非常輕鬆的搭建一個企業網站或者購物商城，如果你熟悉php開發，Wordpress有完整的API函數供你調用，Wordpress會成為你的開發框架，就像國內
Wordpress大神《我愛水煮魚》的博主Denis一樣為所欲為，開發商城平臺、小程序等等，說到這裡你可能有些坐不住了，先別急著關我的視頻，上面說的這些或多或少都需要一定網頁編程基礎和服務器架設門檻，建設和維護成本都不是普通文員所能接受的，而我們今天視頻的重點對象是有建站需求、預算有限，甚至比Word文檔編輯還要簡單、無需增加學習成本、非常方便維護、免費的建站工具，就像打開水龍頭接水這麼簡單，對於這樣的需求我大概列出一下幾點：
- 沒有限制，拒絕假免費
- 傻瓜式操作，如word上手簡單、易用
- 無需安裝、無需下載、雲端編輯
- 界面友好，無須代碼，普通人都會
- 跨平臺、支持手機、電腦訪問
今天我就給大家推薦一款超級簡單、容易上手、完全免費的建站神器--Google Sites（Google協作平臺），普通辦公文員都會的建站工具！別說你不會哦！
Google sites 、Google協作平臺、網站建設、CMS、Wordpress、joomla
【對了，我的頻道是分享有關網站知識、網絡工具、網站系統、設計軟件、外貿推廣工具使用技巧的，如果你感興趣的話一定要記得訂閱這個頻道，點開旁邊的小鈴鐺，否則更新YouTube也不會通知你，也就會與很多重要的資訊擦肩而過、與成功的機會失之交臂！】
網站建設、wordpress、joomla
那我們就直接進入主題，以我的書法作品為例，手把手教大家做一個簡單的展示型網站，在開始之前我們先做一個簡單的網站架構，也就是網站所有欄目的規劃、內容的佈局等等
第一步：安裝Google Chrome擴展工具-Google Sites
在使用Google Sites（Google協作平臺）之前，為了方便快捷，我們先來安裝Google Chrome（Google瀏覽器）的擴展工具Google Sites，鏈接我已經放在視頻簡介下方，大家去打開安裝即可使用。首先打開這個鏈接，點擊“添加至Chrome”，彈出對話框，點擊“添加應用”即可!
第二步：開啟Google Sites前期準備
準備網站所需文案和圖片
我現在要做的網站是有關我的書法作品和商業應用案例的展示，現在先把網站所有的文案整理成文檔，有助於後續在製作中提高效率，而不是臨時去思考和撰寫，到時候只需要copy即可，網站具體用到的圖片有網站logo、頁頭背景，個人簡介照片、作品照片、商業應用案例全部圖片，這些圖片全部整理放到本機，當然你也可以存放到Google相冊或Google雲端硬盤，好了，基本工作準備就緒，接下來我進行第二步
繪製網站佈局和欄目架構圖
在做之前我們先對網站需要呈現的內容做一個簡單的梳理和規劃，方便我們在搭建時快速有效按計劃步驟執行，減少不必要的返工。這個網站相對比較簡單，在頁面佈局上劃分為上中下三個部分，上部由頂部bar導航和頁頭主體組成，中間為可變部分，也就是網站的內容輸出部分，底部為聯繫方式、版權信息等，大家注意看到，只有中間是內容動態可變，上下都是恆定不變，這個是大多數網站通行的佈局，也是用戶瀏覽習慣所致！接下來我們看欄目架構，也就是網站欄目規劃，我把它分為首頁、關於我、書法作品、商業應用、聯繫方式，到這裡佈局和欄目規劃做好了，我們開始繼續下一步
第三步：開始用Google Site搭建網站
製作頁頭（Header）
打開已經寫好的網站文案，首先複製網站標題，切換到Google Sites界面，在左上方標題處粘貼，然後輸入當前頁面標題，我這裡把頁面標題刪掉，是因為我已經做了一個自帶logo形象的頁眉背景圖片，點擊頁眉工具“更改圖片”，然後點擊上傳，找到本地已經準備好的圖片目錄，選中對應背景圖片上傳，為了更好的適配各種終端屏幕，這個圖片尺寸在製作時按照1920*500，上傳完畢你看到頁眉右下角顯示進度文字“正在調整以方便閱讀”，這個是Google Sites後臺AI正在運行，完全智能化匹配。接下來點擊頁眉Bar網站標題彈出“添加徽標”，也就是添加網站logo，網站logo添加完後，頁頭的區域就算告一段落
製作頁面內容（Page Contents）
添加內容區，點擊右側功能區的“佈局”部分，選取一個左圖右文的排版，依此複製粘貼標題和文字，點擊“+”號圖標，在彈出菜單這裡，有6個選項，這裡不僅可以上傳本地圖片，還可以選擇來自Google雲端硬盤（Google Drives）、Google相冊（Google Photos）、Google圖片搜索的無版權限制的圖片，甚至YouTube視頻、Google日曆（Google Calendar）、Google地圖（Google Maps）都完美無縫整合到了Google Sites（Google協作平臺），這裡我們上傳一張本地照片，好了，上傳完畢，通過拖拽就能輕鬆對圖片進行縮放和裁切，然後點擊頂部發布區的預覽圖標進行預覽，這裡的預覽效果和網站正式發佈完全一致，同時在右下方有三個終端屏幕供調試的圖標，單擊即可查看實際效果，非常的方便！
這個部分僅僅是個人的摘要簡介，我會單獨新建一個頁面來放個人簡介，稍後繼續
往下這塊是部分作品展示，繼續點擊右側功能區佈局選擇一行三列上圖下文的模塊，依次插入三張書法作品，輸入每張作品的標題和摘要，然後將鼠標移到這個模塊的左側，對應有三個圖標，分別是“選擇背景”、“複製此部分”、“刪除小節”，選擇背景給當前區域添加背景顏色或者插入圖片背景，複製此部分是複製當前區塊以後續編輯更快捷，刪除則是刪除當前模塊，我現在需要複製一塊來操作，這一部分我就快速跳過，好了內容編輯區的內容已經添加完畢！
製作頁腳（Footer）
現在將鼠標移到底部，點擊“添加頁腳（footer）”，找到版權信息，複製，返回Google Sites（Google協作平臺）操作界面，粘貼，調整一下文字居右，好了，你看現在這樣底部的信息完全不夠，我們再添加一些本站導航、聯繫方式等簡單信息，重複之前操作，切換到網站文檔，依此複製粘貼到Google Sites（Google協作平臺）的頁腳（Footer），為了保證板式統一，把第一列內容複製再來編輯，重複相同到操作，根據文字多少自由調列寬，隨時預覽調試。然後將鼠標移到當前區塊操作左側，當鼠標成十字圖標狀時長按拖動，上下交換位置，把版權信息調到最底部，預覽看看效果，感覺和版權信息沒有區隔，現在去添加一點背景顏色，墨綠太深，選擇淺灰稍微素淨點，OK！首頁的操作就算完畢！
創建其他頁面（Create new page）
接下來我們開始新建第二個頁面，點擊右側功能模塊區“頁面”，將鼠標移到“首頁”右側，單擊右鍵“複製網頁”，採用複製頁面的好處是模塊化風格，減少重複的勞動。
到此為止，現在所有的頁面都已經創建完畢，開始發佈，將鼠標移到“頂部發布區”藍色按鈕，彈出對話框輸入小寫英文或拼音，點擊發布，一個完整的網站就已經制作完成了，細節調整可以隨時返回編輯界面去操作
總結Google Sites（Google協作平臺）幾大優勢
最後我們來總結一下Google Sites（Google協作平臺）幾大優勢
- 完全免費
- 無限制創建站點數量
- 無限web空間
- 無縫整合Google雲端硬盤（Google Drives）、Google相冊（Google Photos）、YouTube視頻、Google日曆（Google Calendar）、Google地圖（Google Maps）、Google表單（Google Forms）、Google文檔（Google Docs）
- 簡單易上手，無需任何編程基礎
那Google Sites（Google協作平臺）適合哪一類人群呢？Google Sites非常適合沒有編程基礎、不需要購買服務器和技術維護的辦公文員一類，或者小型企業對網站建設躍躍欲試的人群，再加上有Google平臺實力支撐、Google搜索友好支持，對於做外貿的企業非常有幫助，使用成本幾乎為零，什麼我推薦的對象是做外貿的企業？眾所周知的原因，Google大部分產品在是中國大陸是無法內訪問的，但對於做外貿完全不受影響
OK！本期視頻就分享到這裡，喜歡我視頻的小夥伴記得訂閱、分享我的頻道、如果你更好的建議或者在使用Google Sites（Google協作平臺）遇到任何問題請在評論區留言探討，我們下期再見，拜拜！
閱讀更多 雲文齋 的文章
