[網頁設計] 教學

介紹

網頁程式是指使用全球資訊網為載體的應用程式。本文短短的內容無上馬上讓讀者會寫網頁應用程式，但可以有一個起點和方向。繼續閱讀

練習前端技術的線上平台

線上網頁前端練習平台的好處在於不用建置環境，直接用瀏覽器即可練習寫前端程式；也不用寫完整的網頁，可專注在撰寫特定的程式碼片段上。筆者以 CodePen 為例，說明怎麼使用這類線上平台。繼續閱讀

HTML 入門教學

我們在本文中介紹一下什麼是 HTML。當然，HTML 無法在短短一篇文章內介紹完，這裡僅做一些概念上的介紹。繼續閱讀

CSS 入門教學

在本文中，我們談談 CSS；短短一篇文章是無法談完 CSS 的，我們這裡僅做一些概念上的介紹。繼續閱讀

JavaScript 入門教學

JavaScript 一開始的目標是在網頁中加上程式語言，沒想到會成為繼 Java 後最廣泛使用的跨平台程式語言。本文對 JavaScript 做一些概念性的介紹。繼續閱讀

網頁程式的組成和特性

網頁連線代表網頁程式背後運作的方式，雖然這些東西不太會表現在程式碼上，但要意識到這個過程，以了解網頁程式的特性。繼續閱讀

網頁載入的過程

網頁載入的過程不會顯示在程式碼中，但我們要對這個過程有概念，因為網頁載入的過程會影響網頁程式的行為，有時候程式的問題不在於程式碼本身的問題，而是沒有弄清楚這個過程。繼續閱讀

檢測網站效能

本文介紹一些檢測網頁效能的方式，藉此可知要優化網站的那個部分，對效能的提升幫助較大。繼續閱讀

客製化及幫 Bootstrap 4 瘦身

在 Bootstrap 3 時代，Twitter 提供官方的客製化頁面。藉由客製版本的 Bootstrap，我們不僅可幫 Bootstrap 瘦身，還可以客製化顏色、字體、元素間距等項目。但 Bootstrap 4 之後，官方沒有放出這樣的客製化頁面，我們得自己下載 Bootstrap 的原始碼後自行編譯 Bootstrap。繼續閱讀

前後端分離的網頁程式架構

網頁程式其實是由前端程式和後端程式兩者所組成。傳統的網頁程式，會將兩者合併在同一個專案中。隨著網頁技術的進展，我們可以把前端程式和後端程式拆至兩個專案中，兩者使用不同的技術來實作。繼續閱讀