架設網站的方法(1)：自己寫程式碼架站

HTML; CSS; JavaScript (非必備，但你的網頁會缺少與使用者互動的功能); 前端框架(React、Vue等等，非必備，但學會的話可以加強寫網頁的效率) ... Skiptocontent 講完了網站的原理後，來說說架設網站的方法吧！基本上架設網站的方法分成三大類：自己寫程式碼架站、使用CMS(內容管理系統)架站、使用架站平台架設網站。

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

還記得網站原理(三)：網站是怎麼構成的？所提到的，網站是由什麼構成的嗎？沒錯！就是檔案，所有的網站都是由一個個程式碼編寫而成的檔案所構成的。

而第一個方法就是從頭到尾全都由自己編寫程式，來建構網站需要的檔案。

這個方法最耗時、最費力，但對網站的設計也最有彈性，首先我們來探探使用這個方法的技術門檻吧！ TableofContents 1.技術門檻1.1UI/UX1.2前端1.3後端1.4架設伺服器2.結論2.1優點2.2缺點 1.技術門檻 網站的三大核心–UI/UX、前端、後端 使用這個方法，基本上就是要從無到有架設一個網站，因此你必須要有十八般武藝，才有可能架設出符合客戶需求或是自己需求的網站。

我稍微分析一下網站的三大核心–UI/UX、前端、後端各自需要用到的一些技術。

1.1UI/UX 在UI/UX設計的部分，除了必須對設計有基本的美感，像是：色彩學、網頁排版、使用者體驗等等，另外一個也很重要的就是對軟體使用的熟悉度，基本上目前在UI/UX領域的兩大軟體是Sketch(MacOS限定)，另一個則是鼎鼎大名的Adobe公司推出的AdobeXD(MacOS或Windows都有支援)，至於兩個軟體的功能有什麼差別，老實說因為這不是我鑽研的領域，所以我也不太清楚，不過詳細比較可以參考業界的設計師寫的評測文章：欸你覺得Sketch還是AdobeXD哪個比較好用? 總之呢，在UI/UX領域需要具備的技能大概如下： 色彩學排版使用者體驗軟體熟悉度(Sketch、AdobeXd) 1.2前端 前端的領域說窄不窄，說廣也不廣，但如果不考慮效能或是程式碼的優化，只要會HTML、CSS、JavaScript就可以簡單寫出一個網頁了，像是我之前寫的這個網頁：JimmyChenPhotography，就是單純用HTML、CSS、JavaScript寫出來的，我的JavaScript甚至是套用別人的Library，再做一點點修正而已。

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

HTMLCSSJavaScript(非必備，但你的網頁會缺少與使用者互動的功能)前端框架(React、Vue等等，非必備，但學會的話可以加強寫網頁的效率) 1.3後端 後端的領域相較於前兩個又更專業一點，因為資料庫的應用不只用在網頁上，還有ERP(企業資源整合系統)、CRM(客戶關係管理)等等，再加上比較不像前端，完成程式碼後有視覺化的回饋，因此後端這塊的人才就比較偏向從資工本科系畢業的學霸們。

後端語言(百百種，ex：Java、PHP、Python、JavaScript等等)資料庫管理(SQL語法等等)後端框架(Express等等) 1.4架設伺服器 除了以上設計和程式語言的部分，你還必須對架設伺服器有一定的概念，雖然一般來說，就算是自己架站都還是會選擇租用虛擬主機(SharedHost)或是VPS(VirtualPirateServer，虛擬專用伺服器)，但還是需要具備相關的背景知識才能夠自己維護伺服器。

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

2.結論 那就來總結一下這個方法的優缺點吧！ 2.1優點 彈性高，方便替客戶客製化可以購買自己網站的網域可以自己選擇要如何架設伺服器(自行架設或租用) 2.2缺點 技術門檻高需具備架設伺服器的背景知識架設時程較長 今天的介紹就到這裡啦~如果有問題的話歡迎直接留言給我哦！ 延伸閱讀：架設網站的方法(2)：使用架站平台一鍵架設 如果覺得我的文章有幫助的話，歡迎幫我的粉專按讚哦~謝謝你！ Postnavigation ←PreviousPostNextPost→ RelatedPosts URL是什麼？網域是什麼?跟網域有甚麼差別？ ReadMore» 甚麼是DNS伺服器？它是如何找到IP位置的? ReadMore» 網站是如何構成的呢？甚麼是UI/UX、前端、後端呢？ ReadMore» LeaveaCommentCancelReplyYouremailaddresswillnotbepublished.Requiredfieldsaremarked*Typehere..Name* Email* Website Savemyname,email,andwebsiteinthisbrowserforthenexttimeIcomment. Δ ScrolltoTop