Learning site for website creation

8.コーディング

公開日:2020年04月07日 更新日:2021年11月17日

コーディングの基本ルールを決める:全員

  • ResetCSSの利用(利用する場合はどのResetCSSを使用するのか)
  • class名の命名規則(BEMの利用等)

コーディング作業:個人

基本デザイン

サイト内基本後続と基本デザインを担当

ヘッダー・フッター

ヘッダー・フッターの文章構造とデザイン担当

各ページ

各ページの文章構造とデザイン担当

※共通パーツがある場合は制作担当を決め、制作しない人はそのパーツは保留にしておく

マージ作業:個人

「基本デザイン」「ヘッダー・フッター」を「各ページ」にコピペで移植する。

「共通パーツ」が出来上がったら保留にしていたページに移植する。

確認作業:個人

  • 制作したページがデザインカンプと同じデザインになっているか確認
  • 外部CSSや画像のリンクが切れていないか確認(階層が違う場合は相対パスの変更が必要)
  • ページ間を移動してリンクが切れていないか確認(階層が違う場合は相対パスの変更が必要な)

サイト制作の準備

  1. サイトの目的と閲覧者を策定
  2. サイト内に必要なコンテンツの確定
  3. サイトマップ作成:サイト構成を作成
  4. ワイヤーフレーム:レイアウト・パーツ決定
  5. ワイヤーフレーム:作成
  6. デザインカンプ作成:ページデザイン
  7. ディレクトリマップ作成
  8. コーディング