網頁設計

序言

作者:唐元亮
最近更新:2019-6-5

「網頁設計」是一部教導 HTML 與 CSS 之教材,內容以初學者為對象,由淺入深讓讀者了解各類網頁的編輯與設計模式。 如果您準備好了,我們就一起來體驗吧!

∗ 教材特色

開發步驟以條列方式呈現:表達方式非常簡潔。

清楚的原理說明:本教材深入說明各種指令的原理、意義、及使用方法,讓讀者不僅知道如何撰寫, 更懂得其意義。

∗ 系統開發所使用的工具

▸ 整合式開發環境 (Integrated development environment, IDE): Brackets

∗ 教材內容的字體慣例

▸ 字體顏色

User inputs:使用者的輸入
System messages:系統回覆的訊息
Files or directories:目錄或檔案
Code:程式碼
Important, added, or modified code:重要、新增、或修改的程式碼

▸ 左側灰直線:Ubuntu、Windows、與 Mac 執行或設定的對照

▸ Ubuntu 與 Mac 作業系統均以斜線格式表示目錄或檔案的路徑,但 Windows 系統則以反斜線表示, 除了在必要的地方以反斜線格式呈現路徑,否則本教材中一律以斜線格式表示路徑

∗ 教材主要更新:

  1. 2018-9-26:Font Awsome 改為 5.3.1 版本
  2. 2019-6-5: 加入 Windows 與 Mac 作業系統的相關操作



∗ 附註:

▸ 參考書籍:

✶ Jon Duckett, "HTML and CSS: Design and Build Websites," John Wiley & Sons, Inc., 2011.
✶ Ben Frain, "Responsive Web Design with HTML5 and CSS3," Packt Publishing, 2012.

▸ 感謝我的學生王智遠、王順茂、與林靖哲協助教材之編輯及校正

▸ 歡迎您提供指正或建議,請直接以電子郵件 yltang52@gmail.com 聯絡作者