ディレクトリ構成

 
Web Tips.
Booskanium's
Booskanium's Web Tips.

ディレクトリ構成

落書き人はリンク関係を相対パス指定で記述ています。
これが破綻しないディレクトリ構成として下記のように落ち着きました。

ウェブページのルート
 ├ css
 │ └ サイト全体の共有cssとルートのhtml文書用css
 ├ js
 │ └ サイト全体の共有JavaScriptとルートのhtml文書用JvavaScript
 ├ img
 │ └ サイト全体の共有イメージファイルとルートのhtml文書用イメージファイル
 ├ ルートに置くhtmlファイル
 ├ サブフォルダはコンテンツ種類毎に作成
 │ │ ※サブディレクトリは、ディレクトリ移動しても相対パスの関係が崩れない様に考慮する
 │ ├ css
 │ │ └ 当該サブフォルダ固有と当該サブディレクトリ配下のサブディレクトリ共通なcss
 │ ├ js
 │ │ └ サブフォルダ固有なJavaScriptとサブフォルダのhtml文書用JvavaScript
 │ ├ img
 │ │ └ サブフォルダ固有なイメージファイルとサブフォルダのhtml文書用イメージファイル
 │ ├ サブフォルに置くhtmlファイル
						
なお、Webpackでバンドルさせるウェブアプリなどのディレクトリ構成は「Webpackでバンドル」を参照。