Webサイト制作におけるコーディングの作業手順について

レイアウトに基づいた制作手順は下記の通り。

制作手順
  1. 文章をよく読み、内容を把握する
  2. 把握した内容から、ページのアウトライン構造を想定する
  3. 抽出したテキスト情報に対し、適切なHTMLのタグを割り当てる
  4. ページの構成要素に応じて、CSSの準備をする
  5. カンプを読み、レイアウトの各ブロックにid名を割り当てる
  6. id名を割り当てた各ブロック(大枠)をCSSで配置・調整する
  7. 配置された各ブロック(内)の詳細をCSSで設定する
制作時の注意点
  • 文章の意味とタグの役割を考えて、割り当てる
  • なんでもかんでもdivタグで囲ってしまわないように注意する
  • ソースコードが長くなる場合や、自分以外の人が変更・更新する可能性を考えて、コメントアウトを記述する
  • CSSファイルはページの共通部分用のものと、ページ毎の非共通部分をまとめたものの2つに分けるのが、読み込み速度の面も含めてベター