講完了網站的原理後,來說說架設網站的方法吧!基本上架設網站的方法分成三大類:自己寫程式碼架站、使用CMS(內容管理系統)架站、使用架站平台架設網站。
今天就先來介紹第一個方法:自己寫程式碼架站。
還記得網站原理(三):網站是怎麼構成的?所提到的,網站是由什麼構成的嗎?沒錯!就是檔案,所有的網站都是由一個個程式碼編寫而成的檔案所構成的。而第一個方法就是從頭到尾全都由自己編寫程式,來建構網站需要的檔案。
這個方法最耗時、最費力,但對網站的設計也最有彈性,首先我們來探探使用這個方法的技術門檻吧!
Table of Contents
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):使用架站平台一鍵架設
如果覺得我的文章有幫助的話,歡迎幫我的粉專按讚哦~謝謝你!