DIY 網頁設計入門教學- WIX | MarketingTips 小生意宣傳行銷教學

如你想建立一個網站，但沒有網頁設計技術或知識，WIX 是一個非常容易入手 ... 去編輯某一個頁面，你在這裡選定那一頁，WIX就會跳到那一頁讓你開始進行 ... 這裡開始 關於我 網上宣傳教學 FB廣告訓練課程 聯絡 網頁設計教學 Home網頁設計教學DIY網頁設計入門教學–WIX 如你想建立一個網站，但沒有網頁設計技術或知識，WIX是一個非常容易入手的自助網站建立平台。

這教學會圖文並茂，逐步教你如何從零開始，建立一個外觀專業的網站。

建議你可以逐步跟著這教學做，到完成這教學時，你已經學懂建立自己的網站。

如想了解更多關於WIX的長處及缺點，以及其他網站建立的基本知識，請參考這文章 建立WIX帳戶 首先按此連結到WIX的網站。

  使用以上連結註冊免費帳戶，如日後加入WIX付費計劃時，可得到優惠價  如你比較喜歡影片模式，可收看以下影片。

 如你比較喜歡圖文並茂模式，可跳過影片繼續閱讀。

另外注意，WIX介面沒有中文版。

如你比較想看到中文的，你可使用Chrome幫你即時翻譯語言。

按中間START去開始建立網站： 然後你可以用電郵／密碼註冊，或使用Facebook/Google帳戶。

我個人比較喜歡用Google帳戶，無需多記一個密碼。

如使用Google/Facebook註冊，允許它查看電郵地址及基本資料。

選擇模版(Template) 這是WIX其中一個做得最好的部份。

你可以從數百個已設計好的模版去作為起點，比起一張白紙開始建立容易很多。

你可以隨意選擇一個，無需一定要根據行業的。

選擇後，所有顏色，文字，位置等等，都可以改動的。

看到一個合心意的，你可將滑鼠移上去，然後View查看去預覽，或Edit編輯去直接選擇那模板，開始建立。

我比較喜歡這個「移動營銷」。

預覽後很滿意，現在按編輯去建立了： (我運用了GoogleChrome幫我翻譯了頁面) 選擇後，WIX就會將你帶到WIX編輯器。

WIX編輯器 這裡是你可以做到所有建站及編輯你網站的頁面，包括新增頁面，更改文字／圖片，顏色等等。

WIX的工具非常多，你可加入功能包括聯絡表格，付費系統，網上預約等等。

因為這個是入門教學，我無法教你用盡每一個WIX的功能，否則你會超越負荷。

我會講解以下一個基本專業公司網站所需： 更換文字及圖片 頁面內新增及刪除文字及圖片 新增文字及圖片連結 新增及刪除頁面 發佈網站到互聯網，購買屬於你的網址 在編輯前，最好先儲存你的頁面，及之後定期儲存。

即使電腦意外關掉，你的工作也不會消失。

去左上角Save儲存： 之後它會問你想取一個免費wix域名或連接自己一個域名。

暫時這刻可以先使用免費的，改一個你公司的字眼。

我改我的為marketingtips: 之後儲存即可。

它會問你是否想發佈Publish，暫時不要做。

網站完成後才做不遲。

更換文字及圖片 你只需雙點擊你想更改的文字，一個新的盒會跳出來。

這裡你可以更改文字，及文字的風格，如字體大小，字型，粗體等等。

另外你將滑鼠按左鍵拉過文字，就可以選擇及修改文字： 修改圖片亦是一樣。

雙點擊你想更改的圖片，之後可將圖片拉進視窗上載。

你可先更新所有首頁的文字及圖片，去講解你公司的品牌及產品／服務。

頁面內新增文字及圖片 假設有一些文字或圖片元素你不想要，你可以用右邊的選項去刪除元素： 如想更改某一個元素的位置，按住滑鼠左鍵拖拉至合適位置即可。

如頁面本身元素不足夠，你亦可在左邊Add的選項，新增元素。

例如，我想加一個按鈕入去頁面： 新增文字及圖片連結 連結是一個增強用戶體驗很有效的方法。

你可運用任何文字，圖片或按鈕，去讓你訪客輕鬆地找到他們需要的資訊。

假設，我想我的訪客在按我的電子書圖片後，連結到我「下載電子書」頁面。

首先點擊圖像，上面會彈出一個選項列表。

右邊有一個鎖鏈的圖標，按下就可以在這圖片新增一個連結，讓訪客按下後連結到某一個地方。

我想連結至我的「下載電子書」頁面，我選擇那頁，然後按完成： 你可看到，除了可連結至你網站的其他頁面外，你亦可連結至互聯絡另一個網址，電郵地址等等。

做好以上所有改動後，我的首頁頁面就完成了。

你可按右上角Preview去預覽你的網頁。

以下是我完成了首頁的預覧： 新增及刪除頁面 你看到WIX已為你的網站菜單預設好幾頁。

你可雙點擊菜單去新增或修改其他頁面。

首先因為我網站是中文，我想改頁面名稱做中文。

按你想更新的頁，然後按Rename改名： 照樣先將頁面名稱改動。

如想加頁，可按下面+AddPage加頁。

如不想要某一頁，可按頁的三點後，最後一個垃圾桶Delete的選擇刪除。

我將其中一個主頁面，及一個子頁面刪除了。

亦加了一頁叫「下載電子書」: 這一刻，可以做另一個儲存，保障已做的工作。

去編輯某一個頁面，你在這裡選定那一頁，WIX就會跳到那一頁讓你開始進行修改。

照上面的指示一樣，運用增加／刪除元素，修改文字、圖片、連結等等，去做好各頁。

鼓勵你可以多做點不同的實驗，看看某個WIX菜單可讓你做到什麼效果，如何更改風格等等。

不用太擔心做錯什麼，你總可以用「Undo」返回上一個修改： WIX的介面都非常友善，應該很容易就可以將基本功上手了。

做好所有頁面後，到最重要一個步驟了：將你的網站發佈上網。

如你的網站這刻未夠完美，無需擔心，你可在發佈後繼續編輯及更新你的網站的。

發佈網站到互聯網，購買屬於你的網址 首先按右上角Publish發佈： 就這樣，你的網站已經可在網上看到的了！ 中間有個ViewSite按鈕讓你檢視你的網站。

如果你純粹實驗或閒暇想做個網站，你這刻已可使用這網站。

但如果你是做一個公司或品牌的網站，及需要讓訪客看到一個專業的形象，現在的網站有兩大問題： 你沒有自己的網址 網站上有WIX的廣告 要移除以上兩個問題，你要升級去WIX的付費計劃了。

你不會以為又可有自己網站，自己網址，又沒有廣告，又不用付錢吧？世上真的是沒有免費午餐的。

幸好WIX的付費計劃價錢非常的合宜，最低消費只需每月美元$8.5，即是大約港幣HK$70月費。

比起找專業設計公司做，未計設計費，只是寄存及支援已最少要付月費HK$100-200便宜得多。

你會看到有一個美元$4.5的計劃。

那計劃不會移除WIX廣告，令你網站非常不專業，所以我非常不建議那計劃。

比起$8.5的計劃，其他更貴的計劃有什麼分別？除非你有大量訪客流量，或大量圖片要上載，否則在正常情況下，$8.5的計劃是非常足夠的。

如遲些真的不夠，稍後再升級也不遲。

之後你可選擇每月付款，一次性繳付一年，或一次性繳付兩年費用。

每月繳費的選項，月費貴很多，而且不會送域名，所以不建議這樣做。

一年繳費或兩年繳費，月費差距不太大，你可自行選擇哪一個比較適合。

注意，域名只是首年免費。

之後域名續期，要付大概每年美元$15，即大概港幣HK$120年費。

選擇後，輸入信用咭資料，之後就完成購買了。

購買域名 付款後，WIX就會帶你到購買域名的頁面： 域名是代表你公司或品牌的一個最重要部份。

域名選定後，如想更改要再次付款。

所以我建議你花多一點時間及心思去選擇好你的域名。

請參考這文章關於「如何選擇一個好的網址DomainName」 選擇後，如域名未被其他人使用，你就可以購買。

如你之前選擇了年繳的計劃，應該就可以免費獲取你的域名。

如你選擇了月繳計劃，就要付大概美元$15的域名年費。

選定後你會需要輸入一些域名擁有人資料。

去到第三步，WIX會問你是否想加美元$10去做一個「私隱註冊」：   如沒有選擇付費方案，其他人搜尋你域名時，可以要求看到你這些個人資料的。

資料公開是很平常的做法。

我個人建議其實不太需要付年費去保密資料。

完成所有資料及付款後，你的域名就正式跟你的網站連結了。

以下是我發佈了的網站，www.marketingtipsdemo.com，擁有我自己的網址，及沒有WIX廣告的： 購買域名電郵 域名購買完成後，WIX會問你是否想購買一個域名的電郵： 這是一個關於你專業形象的電郵地址。

例如你要將電郵地址給客戶，[email protected]會比起[email protected]比較專業(gmail結尾及公司域名結尾對比)。

這個我覺得不是必需要買，但只需美元$2左右的費用，都是一個頗值得做的投資，視乎你公司模式。

我會建議如B2B(生意對生意)的公司有會比較好。

相反B2C(生意對消費者)公司需要會比較低。

我在這教學不會教如何註冊這電郵，如你想註冊，請跟WIX指示去做。

如在這個部份有任何問題或困難，歡迎在留言區發問或電郵我。

總結 你有逐步跟著這個教學去建立你的網站嗎？ 如有，歡迎你在留言區分享你的網站連結，讓大家都可以看到你的成果。

另外，我建立了一個WIX用家交流Facebook群組，歡迎你加入： https://www.facebook.com/groups/asiawixusers/ 對WIX建立網頁有任何疑問？歡迎在留言區發問，或透過「Facebook給我訊息」按鈕聯絡我，我會盡量協助你。

ShareonFacebook Share ShareonTwitterTweet ShareonLinkedIn Share Share: StephenLeung 網上宣傳導師，MarketingTips創辦人及博客作者。

運用網上宣傳及行銷超過五年的實戰經驗，網上生意包括「數學補習網FiniteHelp」及「香港基督徒交友網HKChristians」。

Previouspost 為何即使有FB專頁，你還需要網站 October23,2018 Nextpost 如何安裝免費網站人流分析-GoogleAnalytics 30October,2018 Youmayalsolike 為何即使有FB專頁，你還需要網站 16October,2018 Searchfor: Facebook廣告網上工作坊 按此立即免費報名