
165
4
関連用語
用語に関連する話
用語の使用例
本文とは別に
枠を用意
カラム
W e b デ ザインにお ける 段 組 み
We b ページの 構 成として、ページの 左 右 にメニューなどを配 置 するように段 組 みしたレイア
ウトのこと。左右どちらかにメニューを配置し、残りに本文を配置するようなデザインを「2
カラム」のレイアウト、左右両方にメニューなどを配置し、中央に本文が配置されているよ
うな デ ザ イン を 「 3 カ ラ ム 」 の レ イア ウトと 言 う。
増えるシングルカラム
これまではメニューなどをカラ
ムに分けることが一般的だった
が、最近はモバイル端末に最適化
するため、シングルカラムのレイ
アウトが増えている。
ハンバーガーボタン
メニューをカラムに分けず、スマ
ホなどでタップするまでメニュー
を非表示にする「3本線のボタン」
で表現したハンバーガーボタン
が多く使われている。
グリッドレイア ウトの 登 場
さまざまな画面サイズに対応す
るため、ページをカラムに分ける
のではなく、縦横に格子状にブ
ロックを配置して表現するグリッ
ドレイアウトが増えている。
Keyword
145
▶
からむ
「 ブ ロ グ を 作 る な ら 3 カ ラ ム の レ イ ア ウ ト が 一 般 的 か な 。」
HTML
……P157
ヘッダ 、 サ イド バ ー 、 メイン 、フッタ
……P166