常用的網頁設計程式語言有哪些？網站前端後端程式怎麼區分？
從事網頁設計工作，即使不是程式人員，多少還是需要了解網頁設計常用到的程式語言有哪些。如果你剛接觸網頁設計這個領域，或是因工作需要了解網頁設計相關的程式語言運作方式，接下來我們將簡單介紹幾個在網頁設計常用到的程式語言，希望對於剛接觸網頁設計這個領域的新朋友們有所幫助。
快速導覽
在網頁設計工作上所運用到的程式語言有很多種，不同的程式語言在網頁上所負責的任務也不盡相同，以下讓我們用白話的方式向你介紹凱士在網站設計上常用的幾種程式語言，以及各自所擔任的角色和運用方式。
非程式語言的標記語言
HTMLHyperText Markup Language(超文本標記語言)，簡稱HTML，是一種用於建立網頁的標準標記語言，透過網頁瀏覽器的讀取，可以將其轉換成視覺化網頁。雖然它不是程式語言，卻是建構網站的重要基石，所以列在此處，供大家參考。 |
網頁設計常用的後端程式語言有哪些？
PHP 網頁程式語言PHP是目前主流的動態網頁開發程式語言，可跨平台執行運作，不論是在Linux主機或Windows，都可以順暢執行。常見和MySQL資料庫搭配，用來開發各種企業網站。 |
.NET 網頁程式語言.NET 是由微軟所提供用以開發動態網頁的程式語言，主要於Windows伺服器系統上執行。.NET常見搭配MS SQL資料庫，主要優勢是不只用來web網頁應用程式(企業網站)，同時也可以用來開發桌電軟體和。 |
網頁設計常用的前端程式語言有哪些？
JavaScript - 前端互動程式JavaScript簡稱JS，是一種前端互動程式，可以用來做出很多網頁上的互動效果，包含常見的照片輪播。自從Flash不能使用於瀏覽器後，JavaScript取而代之成為用來製作動態網頁的主流程式。 |
|
jQuery - JavaScript函式庫jQuery是一套跨瀏覽器的JavaScript函式庫，簡化HTML與JavaScript之間的操作。jQuery提供了許多現成的互動效果，讓你不需要重頭到尾自己手刻這些JavaScript，可以直接取用這些函式來製作出這些網頁特效。 |
|
CSS - 樣式語言階層式樣式表是一種用來為結構化文件添加樣式的電腦語言，由W3C定義和維護。 |
|
Sass - 程式化CSSSass是一種將指令碼解析成CSS的手稿語言。 |
學習RWD響應式網頁不能不知道的RWD Framework
Bootstrap - RWD FrameworkBootstrap由Twitter開發出來的RWD Framework，整包的Framework包含了Javascript、CSS等...相關檔案，是一套自由度高、也是最多人使用的RWD Framework。 |
|
Pure - RWD FrameworkPure是由Yahoo開發出，可以單純只使用CSS，適合大量客制化的網站。如果需要Javascript Framework需要額外載入。 |
|
Foundation - RWD FrameworkFoundation是由ZURB所開發出來，為了推廣Mobile First的概念，以Mobile為優先的RWD網頁框架。 |
延伸閱讀： 網頁設計公司常用的版面設計軟體有哪些？
延伸閱讀： 網頁設計公司怎麼挑？網站公司挑選守則五要點一篇整理！
延伸閱讀： 網頁設計自學線上教學課程、推薦網頁設計範例網站
＊ 歡迎分享這篇文章，分享時請加入文章來源：凱士網頁設計公司
|
網站設計服務諮詢 為什麼推薦台中網頁設計公司凱士數位？位於台中的凱士相對有機會接觸到各種不同的產業面向，擁有各種產業的網站設計經驗，幫助企業提升網路品牌形象，建立良好的使用體驗。如果您有形象網站、企業網站、客製化網頁、網站改版相關需求，歡迎聯絡我們。
您可以直接填寫諮詢表單；撥打諮詢電話 04-22210688；或加入凱士LINE由專人與您聯繫。 |
|
Eric Wang 凱士網頁設計公司 專案顧問 Eric，擁有設計、理工、管理等跨領域背景，樂於和不同領域的專業工作者進行分享與討論。在專案工作外，同時也兼任大學行銷系業界講師及企業內訓課程講師，長期致力於「網頁設計白話文運動」。
|
好的形象網站設計，可以幫助公司提升品牌形象與企業價值，透過清楚的網站架構與視覺設計，造就良好的使用體驗與企業形象。
需要網站設計服務嗎？
凱士為您設計製作優質網站
形象網站、公司網站、企業網站、
及各類型客製化網站系統平台
