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