1· 讀前預期

考慮到對於 Web 開發零基礎，凡涉足一件未知的任務，最好先理清任務的邏輯結構，然後有目的地逐步學習。為實現我們的需求和設計，必須要學習前端、後端、服務器等一系列暫時陌生的知識，在此，我首先疑問的是，我們理想的功能如何以網頁內容和交互的形式體現。於是準備先從前端下手，期望從程序的角度對什麽是網頁有一個新的理解，理清構建網頁的大體過程，為我們真正開始實現功能做鋪墊。

該書不僅能帶零基礎的學習 HTML 和 CSS，還能實戰性的教讀者如何逐步構建網頁。在此，我傾向於概讀，重在對書中的概念做出總結歸納，起到提升觀念的作用。其中包括兩方面，一方面主要體會新編程語言之下特定的語法和思維，而對具體編程內容只做了解，畢竟書是用來查的，實戰中再來補充運用；另一方面，主要總結構建網頁的任務結構，具體細節同樣在實戰裏 “做中學”。

2· 閱讀收獲

第一章

首先，盡管網頁形式變得復雜，但其底層結構卻依舊簡單。而概括來講網頁主要包括三個方面：文本（test content）、對其他文件的引用（references to other files）、標記（makeup）。HTML 有一套預先定義好的元素，我們需要為網頁內容打上能夠描述它們的標簽。

接著，我對 HTML 頁面有了基本的了解，並且對標簽（包括元素、屬性、值及其他）有了概念性的認識。在此基礎上，認識了 HTML 網頁中的文本內容以及非文本內容（包括鏈接、圖像及其他）。

然後，對創建網頁時的文件和文件夾運用進行了解，大致掌握了文件建立、引用等，並了解了 URL（絕對 URL 和相對 URL）的概念，便於將目錄訪問變得程序化。

最後，了解了 HTML 基礎知識和基本功能後，繼續了解語義化 HTML 的概念，即使用最恰當的 HTML 元素進行標記的內容。語義化 HTML 是構建有效網站的基石，提升了可訪問性和互操作性；提升搜索引擎優化（SEO）的效果；使維護代碼和添加樣式變得容易；通常使代碼更少，頁面加載更快。這在日後編程實踐中會重點註意。

第二章

這一章主要講怎樣處理構建網頁時的文件及文件夾，創建文件並合理組織。而在此之前必須對網站進行規劃，明確需求，根據調研調整內容，確定網站結構，據此明確有多少頁面以及每個頁面呈現什麽內容，然後才能創建並組織文件夾，且建立統一簡單的命名規則。

關於構建網頁和建立文件夾的具體過程和必要工具，只對書中所講做了概念性了解，在日後實戰中在做細化認識。

讀書筆記之《HTML5 與 CSS3 基礎教程》