講完了網站的原理後，來說說架設網站的方法吧！基本上架設網站的方法分成三大類：自己寫程式碼架站、使用CMS(內容管理系統)架站、使用架站平台架設網站。

今天就先來介紹第一個方法：自己寫程式碼架站。

還記得網站原理(三)：網站是怎麼構成的？所提到的，網站是由什麼構成的嗎？沒錯！就是檔案，所有的網站都是由一個個程式碼編寫而成的檔案所構成的。而第一個方法就是從頭到尾全都由自己編寫程式，來建構網站需要的檔案。

這個方法最耗時、最費力，但對網站的設計也最有彈性，首先我們來探探使用這個方法的技術門檻吧！

1. 技術門檻

使用這個方法，基本上就是要從無到有架設一個網站，因此你必須要有十八般武藝，才有可能架設出符合客戶需求或是自己需求的網站。我稍微分析一下網站的三大核心 - UI/UX、前端、後端各自需要用到的一些技術。

1.1 UI/UX

在UI/UX設計的部分，除了必須對設計有基本的美感，像是：色彩學、網頁排版、使用者體驗等等，另外一個也很重要的就是對軟體使用的熟悉度，基本上目前在UI/UX領域的兩大軟體是Sketch (Mac OS限定)，另一個則是鼎鼎大名的Adobe公司推出的Adobe XD (Mac OS或Windows都有支援)，至於兩個軟體的功能有什麼差別，老實說因為這不是我鑽研的領域，所以我也不太清楚，不過詳細比較可以參考業界的設計師寫的評測文章：欸你覺得 Sketch 還是 Adobe XD 哪個比較好用?

總之呢，在UI/UX領域需要具備的技能大概如下：

• 色彩學
• 排版
• 使用者體驗
• 軟體熟悉度(Sketch、Adobe Xd)

1.2 前端

前端的領域說窄不窄，說廣也不廣，但如果不考慮效能或是程式碼的優化，只要會HTML、CSS、JavaScript就可以簡單寫出一個網頁了，像是我之前寫的這個網頁：Jimmy Chen Photography，就是單純用HTML、CSS、JavaScript寫出來的，我的JavaScript甚至是套用別人的Library，再做一點點修正而已。

然而，如果是以專業的前端來說當然不只需要這三種技能，甚至還需要一些網路基礎的概念、JavaScript的底層運作原理、前端框架等等，詳細的技能大家可以參考這篇文章：紮實的網頁前端學習路線與資源推薦，我這邊就簡單列出幾項必備的。

• HTML
• CSS
• JavaScript (非必備，但你的網頁會缺少與使用者互動的功能)
• 前端框架 (React、Vue等等，非必備，但學會的話可以加強寫網頁的效率)

1.3 後端

後端的領域相較於前兩個又更專業一點，因為資料庫的應用不只用在網頁上，還有ERP (企業資源整合系統)、CRM (客戶關係管理)等等，再加上比較不像前端，完成程式碼後有視覺化的回饋，因此後端這塊的人才就比較偏向從資工本科系畢業的學霸們。

• 後端語言(百百種，ex：Java、PHP、Python、JavaScript等等)
• 資料庫管理 (SQL語法等等)
• 後端框架 (Express等等)

1.4 架設伺服器

除了以上設計和程式語言的部分，你還必須對架設伺服器有一定的概念，雖然一般來說，就算是自己架站都還是會選擇租用虛擬主機(Shared Host)或是VPS (Virtual Pirate Server，虛擬專用伺服器)，但還是需要具備相關的背景知識才能夠自己維護伺服器。

這大概就是技術門檻的部分啦~當然並非我上面列的每一項都是必備的，但有些東西如果你不會的話，相對來說就要花比較久的時間開發，甚至有些功能會做不出來，像我也只學了HTML、CSS和簡單的JavaScript就硬刻出了一個網站，只是很醜而且離我夢想中的網站還有一大步的距離嗚嗚。

2. 結論

那就來總結一下這個方法的優缺點吧！

2.1 優點

• 彈性高，方便替客戶客製化
• 可以購買自己網站的網域
• 可以自己選擇要如何架設伺服器(自行架設或租用)

2.2 缺點

• 技術門檻高
• 需具備架設伺服器的背景知識
• 架設時程較長

今天的介紹就到這裡啦~如果有問題的話歡迎直接留言給我哦！

延伸閱讀：架設網站的方法 (2)：使用架站平台一鍵架設