阅读笔记 | 《HTML网页设计参考手册》

HTML网页设计参考手册

书籍：《HTML网页设计参考手册》

阅读方法：王者速读法

阅读目的：工作需要；专业性的知识，已经阅读过几次，长时间没用也忘记的差不多了，需要重新拾起来，也想做一个系统性的笔记梳理。

第一阶段，预览

要明确目的的解决问题

第一，想获得什么信息。专业基础知识，长时间没用，从知识、到思维都需要梳理梳理。

第二，能获得什么信息。基础而全面的HTML知识，基本的CSS、JavaScript知识，简单的HTML编辑工具，丰富的HTML实例及效果展示。

第三，明确重点内容。HTML核心知识，HTML标签的用法，以及标签体系；HTML各种标签记不住不要紧，弄懂核心逻辑，使用的时候能随时查找。

具体阅读

1.封面。「内容全面，囊括HTML、JavaScript、CSS等知识」，「实用性强，代码规范，大量的实例及展示效果」，「工具使用，配合Dreamwerver，符合网页制作技术特点」；张金霞编著。

2.版权页。2007年4月出版；内容简介对全书内容做了概括。

3.编辑寄语及前言。对全书内容及特点做一个概括性阐述。

4.目录。共13章，可以分为四大部分。第一部分第1章，HTML入门；第二部分第2章到第10章，讲述HTML各种标记的语法内容及使用；第三部分第11章和第12章，拓展知识，基本的CSS和JavaScript知识；第四部分第13章，使用Dreamwerver工具创建网页。

总结：

本书内容是比较熟悉的，以前已经读过，再读一次，进行专业知识的梳理。学好一门编程语言，包括语法、词汇、工具，甚至还有算法等，所以，光读书是远远不够的，还需要大量的实践，5分钟要浏览完所有的封面、前言、目录没有问题，在熟悉的基础上也能梳理出一个框架来。

前言里说到，全书是基于HTML4的。

第二阶段，快速翻阅全书

对图表的印象

翻阅所有的书页，标题、图表、照片等最显眼的内容基本都看不过来，抽样阅读统计性整体印象，全书的图片有图序，也有标题，图片基本上是实例效果图，表格大部分是知识点列表，所以图片价值不高，基本只有在操作实例或阅读实例时需要参考，表格在跳读环节可以选择性阅读。

对章节内容的印象

全书300多页，5分钟翻页时间都不够，真累，要不是对书本内容比较熟悉，真是会头晕掉。跟浏览目录相比，内容更加细致，比如不只是标签，还会浏览过许多标签的属性。

总结：

书本内容比较丰富，尽管已经比较熟悉，匆匆翻页还是觉得有眼花缭乱抓瞎的感觉，这时候已经不是抓取知识，而是通过视觉效果来使脑海的知识浮现出来。所谓开卷有益，至少会对知识系统性的把握变得更加清晰。

第三阶段，跳读

第1章 HTML的基本概念

HTML简介、HTML文件结构、HTML发展历史、网页设计原则、Dreamwerver简介及编辑HTML。

重点：HTML定义的3种用于描述页面整体结构的标记：、、。

第2章 HTML基本标记

头部标记、标题标记