網(wǎng)站建設(shè)，網(wǎng)站制作過程常見的程序語言介紹

1. 前端(Front-End) 是什么？

當(dāng)你打開一個(gè)網(wǎng)站，看到酷炫的動(dòng)態(tài)效果吸引你看更多資訊，或在瀏覽整個(gè)網(wǎng)站時(shí)點(diǎn)擊按鈕會(huì)出現(xiàn)提示資訊，按箭頭又會(huì)滑到下一個(gè)畫面，看到最底端點(diǎn)按鈕又會(huì)咻咻咻滑回頂端，這些都是屬于前端的范疇。如果把前端比喻為網(wǎng)站建置工程里的魔法師再恰當(dāng)不過了！?透過程式碼?(??咒語?)??讓畫面變得生動(dòng)又流暢?(??奇幻?)?。

2. 后端(Back-End) 是什么？

現(xiàn)在已經(jīng)有不少網(wǎng)站是有建置后臺(tái)的，也就是讓網(wǎng)站管理者可以直接上傳圖片、文字到網(wǎng)站前臺(tái)畫面顯示。又或者，當(dāng)使用者留言、買東西下訂單、加入會(huì)員時(shí)，這些內(nèi)容又怎么讓管理者知道呢？?這就是后端掌控的范圍了！所有網(wǎng)站的資料內(nèi)容都會(huì)透過后端的程式存放到網(wǎng)站的資料庫內(nèi)，資料庫就像一個(gè)大型的倉庫，里頭會(huì)分門別列儲(chǔ)存著資料，當(dāng)有需求時(shí)，會(huì)再透過后端程式將這些資料送往前端的畫面中。

舉個(gè)例子：當(dāng)前端魔法師說『我的客人需要看10?件最新商品喔～?』這時(shí)，后端總管大人就會(huì)跑去倉庫，找出最新的10?件商品，再把這些交給前端魔法師。?最后由前端魔法師變出發(fā)著光的柜子，擺放這些商品給客人看。這也就是使用者所看到的內(nèi)容了，?而這整段過程就是前端和后端的分工合作的關(guān)系了！

3. 前端程式語言簡介

既然已經(jīng)了解了前端的工作，那有哪些程式語言可以做這些工作呢？前端最主要由三大部分組成：HTML+CSS+JS

?

• HTML
  全名是超文件標(biāo)簽語言(HyperText Markup Language)，透過很多的HTML標(biāo)簽建立起整個(gè)網(wǎng)站的架構(gòu)，也就是整個(gè)畫面的骨架都是靠HTML這個(gè)程式去打造的。

• CSS
  全名是層疊樣式表(Cascading Style Sheets)，定義整個(gè)網(wǎng)站的所有樣貌就是CSS的工作。就像是神奇化妝師，幫建立好的骨架涂上發(fā)色、皮膚深淺、衣服樣式、手臂粗細(xì)，這也就是網(wǎng)站畫面中，呈現(xiàn)給使用者看的字級(jí)、顏色、粗細(xì)、間隔。

• JS
  全名是JavaScript，主要的工作就是幫網(wǎng)站做好所有的互動(dòng)行為。作為網(wǎng)站和使用者行為的中間者，當(dāng)你希望使用者點(diǎn)擊或滑動(dòng)到某個(gè)特定的地方有產(chǎn)生變化時(shí)，這時(shí)就是要透過JavaScript去達(dá)成這項(xiàng)艱難的挑戰(zhàn)！而網(wǎng)站上所看到的動(dòng)態(tài)效果主要就是包含在JS的程式控制范圍里。同時(shí)，JavaScript也會(huì)透過jQuery更精簡的寫出來，而目前的JavaScript三大框架包含Angular.js、Vue.js、React.js，使用適當(dāng)?shù)目蚣芸梢宰屨麄€(gè)開發(fā)流程更為快速與順暢。

4. 后端程式語言簡介

前面我們已經(jīng)有介紹后端工作有多重要了，那常用的程式有哪些呢？目前有多種語言都被各自的擁護(hù)者大力推薦，也都有幾個(gè)龍頭網(wǎng)站各自開發(fā)使用，因此要衡量整體網(wǎng)站的需求，才能準(zhǔn)確選擇適合自己的工具！

以下現(xiàn)今主要后端程式語言：

• PHP?:目前使用者最多的后端語言，老牌后端程式。
  使用網(wǎng)站有：WordPress、Facebook

• Python?:資料分析應(yīng)用多。
  使用網(wǎng)站有：Instagram

• Ruby?:開發(fā)快速。
  使用網(wǎng)站有：Airbnb、Twitter

• Node.js?:速度快，前后端可以一起使用。
  使用網(wǎng)站有：阿里巴巴、Yahoo

• Go?:效能好，速度快。
  使用網(wǎng)站有：Google、Youtube