如何架設網站:網站架設程式語言有哪些?

Gremlin Works >> 文章列表 Blog >> 網站架設與設計 >> 如何架設網站:網站架設程式語言有哪些?
最後更新:

如果你在考慮自架網站,而且想要完整得去做客製化,那麼認識前端及後端語言就會對你有很大的幫助。那麼哪些是製作網頁時常用的程式語言呢?

網站過程常見的程式語言介紹

1. 前端 (Front-End) 是什麼?

當你打開一個網站,看到酷炫的動態效果吸引你看更多資訊,或在瀏覽整個網站時點擊按鈕會出現提示資訊,按箭頭又會滑到下一個畫面,看到最底端點按鈕又會咻咻咻滑回頂端,這些都是屬於前端的範疇。如果把前端比喻為網站建置工程裡的魔法師再恰當不過了! 透過程式碼 咒語 ) 讓畫面變得生動又流暢 奇幻 )

2. 後端 (Back-End) 是什麼?

現在已經有不少網站是有建置後台的,也就是讓網站管理者可以直接上傳圖片、文字到網站前台畫面顯示。又或者,當使用者留言、買東西下訂單、加入會員時,這些內容又怎麼讓管理者知道呢? 這就是後端掌控的範圍了!所有網站的資料內容都會透過後端的程式存放到網站的資料庫內,資料庫就像一個大型的倉庫,裡頭會分門別列儲存著資料,當有需求時,會再透過後端程式將這些資料送往前端的畫面中。

舉個例子當前端魔法師說『我的客人需要看10件最新商品喔~ 』這時,後端總管大人就會跑去倉庫,找出最新的10件商品,再把這些交給前端魔法師。 最後由前端魔法師變出發著光的櫃子,擺放這些商品給客人看。這也就是使用者所看到的內容了, 而這整段過程就是前端和後端的分工合作的關係了!

3. 前端程式語言簡介

既然已經瞭解了前端的工作,那有哪些程式語言可以做這些工作呢? 前端最主要由三大部分組成:HTML+CSS+JS

 

  1. HTML
    全名是超文件標籤語言(HyperText Markup Language),透過很多的HTML標籤建立起整個網站的架構,也就是整個畫面的骨架都是靠HTML這個程式去打造的。
  2. CSS
    全名是層疊樣式表(Cascading Style Sheets),定義整個網站的所有樣貌就是CSS的工作。就像是神奇化妝師,幫建立好的骨架塗上髮色、皮膚深淺、衣服樣式、手臂粗細,這也就是網站畫面中,呈現給使用者看的字級、顏色、粗細、間隔。
  3. JS
    全名是JavaScript,主要的工作就是幫網站做好所有的互動行為。作為網站和使用者行為的中間者,當你希望使用者點擊或滑動到某個特定的地方有產生變化時,這時就是要透過JavaScript去達成這項艱難的挑戰! 而網站上所看到的動態效果主要就是包含在JS的程式控制範圍裡。 同時,JavaScript也會透過jQuery更精簡的寫出來,而目前的JavaScript三大框架包含Angular.js、Vue.js、React.js,使用適當的框架可以讓整個開發流程更為快速與順暢。

4. 後端程式語言簡介

前面我們已經有介紹後端工作有多重要了,那常用的程式有哪些呢? 目前有多種語言都被各自的擁護者大力推薦,也都有幾個龍頭網站各自開發使用,因此要衡量整體網站的需求,才能準確選擇適合自己的工具!

以下現今主要後端程式語言:

Back-end languages

  1. PHP: 目前使用者最多的後端語言,老牌後端程式。
    使用網站有:WordPress、Facebook
  2. Python: 資料分析應用多。
    使用網站有:Instagram
  3. Ruby: 開發快速。
    使用網站有:Airbnb、Twitter
  4. Node.js: 速度快,前後端可以一起使用。
    使用網站有:阿里巴巴、Yahoo
  5. Go: 效能好,速度快。
    使用網站有:Google、Youtube
Poster of Jiu Zhen Nan
Poster of Jiu Zhen Nan
台北英僑商務協會

接軌英國與台灣會員是專案執行的目標,提供會員企業全方位的線上整合服務,並提升網路形象,創造會員服務價值。

Kymco's homepage template
Kymco homepage
DRIWAYS

全球線上叫車平台技術與服務整合,並透過行銷策略建立品牌網路知名度,成功提升品牌優質形象。

Poster of Jiu Zhen Nan
Poster of Jiu Zhen Nan
凱舟

我們掌握與其他淨水大品牌競爭關鍵要素,挖掘拓展歐美市場利基點。展現服務為導向的品牌網站,成功建立品牌信任感,並跨足國際市場。

品牌網路形象提升為專案核心,我們運用客製化網站服務技術,開發全球會員與訂房系統,有效整合飯店與飯店線上支援。

iONEX banner with man standing next to his scooter

我們優質的跨國行銷團隊已經成功幫助超過200間公司,包括光陽機車、舊振南、BENQ等等。想了解我們其他成功案例,或免費諮詢嗎?歡迎聯絡我們!

previous arrow
next arrow
Slider