【CODEMYプログラミングレッスン後記～グラフィックデザイナー（Iさん）～】

ベテラングラフィックデザイナーの
Iさんとコーディングのレッスン。
　
ウェブサイトのHTMLコーディングは、
きちんと設計方針を立てて行います。
　
なぜなら、サイトには複数のページが
ありますので、HTMLもCSSもなるべく
全てのページで共通になる部分を多く
設計しておくと効率的だからです。
　
具体的には次のようなことを決めます。
　
・サイトの横幅
・ヘッダーの範囲はどこからどこまで
・コンテンツの範囲はどこからどこまで
・フッターの範囲はどこからどこまで
・サイドバーはどこからどこまで
・各エリア同士の余白は何ピクセルか
　
これらは多くのページで共通だからです。
これらを決めたら、HTMLやCSSの構文
に置き換えてコードを書いていきます。
　
書き方にもオススメの順番があって、
まず外側のタグを書いてから内側を書く。
これが鉄則です。
　
言い換えると、骨格を組み上げてから、
肉付けをしていくということです。
　
この順番を逆にしてしまうと、
何度も何度もコードを書きなおすことに
なるでしょう。
　
このことを
　
「なるほど。確かにそうですね。」
　
と、理屈だけで納得するのが独学。
　
実際に手を動かして体験を通じて納得
できるのがマンツーマンレッスンの
強みです。
　
どちらがより確実に定着するか？
やはり体験に勝るものはないと思います。