ワイヤーフレーム

ワイヤーフレームとは、デザインやコンテンツの中身を詰めずに枠組みだけで全体の配置を示した、Webページを構築する際の、基本的な設計図となるものです。
ワイヤーフレームを作成する際の段階で、idやclassなどの割り当てや、floatやcrearをどこに掛けるのかなどの基本構造を明確化しておくことで、floatの解除忘れなどの構造ミスを防ぐことができ、実際にWebページを構築する際の作業が楽になります。
また、コンテンツの具体的なWidthや空間についても、このワイヤーフレームの段階で実寸計算を済ませておくことで、Widthの設定ミスによるデザイン崩壊を防ぐことができます。
Webページ全体を構成する大きな枠組みの中に、更に小さな枠組みが必要となる場合、その小さな枠組みのために、更に別のワイヤーフレームを作成してから構築をするとわかりやすいです。