読者です 読者をやめる 読者になる 読者になる

いろいろ試行錯誤

調べものしたときの覚書きや、仕事でコーディングした時のメモ などなど…

制作運用ガイドライン

Webサイトの目的

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

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

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 [エラーページ]
  • 一般的に使用されるフォルダ名|
フォルダ名格納するファイルの種類
commonWebサイトで共有するファイル
img/images画像ファイル
cssCSSファイル
js/datalibJavaScriptファイル