读书笔记之《HTML5 与 CSS3 基础教程》

1· 读前预期

考虑到对于 Web 开发零基础，凡涉足一件未知的任务，最好先理清任务的逻辑结构，然后有目的地逐步学习。为实现我们的需求和设计，必须要学习前端、后端、服务器等一系列暂时陌生的知识，在此，我首先疑问的是，我们理想的功能如何以网页内容和交互的形式体现。于是准备先从前端下手，期望从程序的角度对什么是网页有一个新的理解，理清构建网页的大体过程，为我们真正开始实现功能做铺垫。

该书不仅能带零基础的学习 HTML 和 CSS，还能实战性的教读者如何逐步构建网页。在此，我倾向于概读，重在对书中的概念做出总结归纳，起到提升观念的作用。其中包括两方面，一方面主要体会新编程语言之下特定的语法和思维，而对具体编程内容只做了解，毕竟书是用来查的，实战中再来补充运用；另一方面，主要总结构建网页的任务结构，具体细节同样在实战里 “做中学”。

2· 阅读收获

第一章

首先，尽管网页形式变得复杂，但其底层结构却依旧简单。而概括来讲网页主要包括三个方面：文本（test content）、对其他文件的引用（references to other files）、标记（makeup）。HTML 有一套预先定义好的元素，我们需要为网页内容打上能够描述它们的标签。

接着，我对 HTML 页面有了基本的了解，并且对标签（包括元素、属性、值及其他）有了概念性的认识。在此基础上，认识了 HTML 网页中的文本内容以及非文本内容（包括链接、图像及其他）。

然后，对创建网页时的文件和文件夹运用进行了解，大致掌握了文件建立、引用等，并了解了 URL（绝对 URL 和相对 URL）的概念，便于将目录访问变得程序化。

最后，了解了 HTML 基础知识和基本功能后，继续了解语义化 HTML 的概念，即使用最恰当的 HTML 元素进行标记的内容。语义化 HTML 是构建有效网站的基石，提升了可访问性和互操作性；提升搜索引擎优化（SEO）的效果；使维护代码和添加样式变得容易；通常使代码更少，页面加载更快。这在日后编程实践中会重点注意。

第二章

这一章主要讲怎样处理构建网页时的文件及文件夹，创建文件并合理组织。而在此之前必须对网站进行规划，明确需求，根据调研调整内容，确定网站结构，据此明确有多少页面以及每个页面呈现什么内容，然后才能创建并组织文件夹，且建立统一简单的命名规则。

关于构建网页和建立文件夹的具体过程和必要工具，只对书中所讲做了概念性了解，在日后实战中在做细化认识。