Learning site for website creation

7.ディレクトリマップ作成

公開日:2020年04月06日 更新日:2021年11月10日

ディレクトリマップはWebサイト内のすべてのページの位置とファイル名を一覧にしたものです。主にExcelを使って作成します。

ディレクトリマップを共有することでWebサイトの制作管理やコンテンツの維持管理がスムースになります。

コーディングする際もディレクトリマップをもとにフォルダとファイルを配置します。

すべてのページをリストアップ

作成するページをすべてリストアップします。

弁護士サイトの例

  • ホーム
  • 弁護士紹介
  • 取扱業務
  • 料金表
  • 事務所概要
  • 解決実績
  • よくある質問
  • お問い合わせ

ディレクトリ名とファイル名を決める

各ファイルのディレクトリ名とファイル名を決めます。

同じカテゴリに属するページは同じディレクトリにまとめます。

ページタイトルを決める

各ページのtitle要素に記述する「ページタイトル」を決めます。

制作時の進行管理等

各ページの制作担当者や進捗状況など、必要な情報をディレクトリマップに追加します。

サイト制作の準備

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