制作運用ガイドライン

Webサイトの目的

• What：Webサイトの目的は何か？
• Who：誰のためのWebサイトか？
• When：いつWebサイトを利用するのか？
• Where：どんな環境でWebサイトを利用するのか？
• Why：なぜWebサイトを利用するのか？
• How：どのようにWebサイトを利用するのか？
• http://codezine.jp/static/images/article/3289/fig01.gif:「Webサイトの目的」の記述例]

サイト構造／ディレクトリ構成

• http://codezine.jp/static/images/article/3289/fig02.gif:「サイト構造」の記述例]
• 「ディレクトリ構成」の記述例

public_html
├ index.html  [トップページ]
│ 
├ css/ 【CSSフォルダ】
│ ├import.css [各CSSファイル読み込み]
│ ├common.css [サイト共通スタイル]
│ ├category-name.css [カテゴリ別スタイル]
│ ├pages.css [ページスタイル]
│ ├hack.css [CSSハック]
│ ├reset.css [リセットCSS]
│ └ print.css [印刷用スタイル]
│
├ img/ 【画像フォルダ】
│ └category-name/【カテゴリ別画像フォルダ】
│        └接頭辞_連番.拡張子
│
├ js/ 【JavaScriptフォルダ】
│ └common.js [サイト共通JavaScriptファイル]
│
├ category-name/ 【カテゴリ別フォルダ】
│ ├ index.html [カテゴリトップページ]
│ └ pagename.html [個別ページ]
│
├ contact/ 【お問い合わせフォルダ】
│ ├ index.html [お問合せページ]
│ └ contact.php [問い合わせフォームスクリプト]
│
├ privacy.html [プライバシーポリシー]
│
├ sitemap.html [サイトマップ]
│
└ err-no.html [エラーページ]

• 一般的に使用されるフォルダ名|

フォルダ名	格納するファイルの種類
common	Webサイトで共有するファイル
img／images	画像ファイル
css	CSSファイル
js／datalib	JavaScriptファイル