0_基本




目的

株式会社IFC 研修センターにおいて、作品制作時に指針となるローカルルールを定めたもので、作業の効率化を図ると共に、一定の品質を確保することを目指す。
※本ガイドラインは「はじめてサイト制作を行う方」を対象とし、必要な部分のみを抜粋しています。現場の業務においてそのまま使用できるレベルではございませんので、あらかじめご了承ください。


閲覧環境

出力メディア
PCスクリーンとプリントを対象とする。必要に応じて印刷用のCSSを用意し、プレビューで必ず確認する。

ディスプレイ
1024×768ピクセルのディスプレイを対象とする。幅は、760〜960ピクセルを基本とし、案件により適宜対応する。

OS
以下のOSを対象とする。
WindowsXP／Vista／7
MacOSX(10.4〜)

ブラウザ
以下のブラウザを対象とする。
Windows
Internet Explorer（以下IE）6、7、8
Mozilla Firefox 3
Opera 10
Safari 5
Google Chrome 3

Mac OS
Safari 5
Mozilla Firefox 3


HTML文書型（XHTMLバージョン）
XHTML 1.0 Transitional を基本とする。


CSS
CSSをオフにした状態でも情報がきちんと伝わるページにする。
CSSは必ず外部ファイルに指定する。style要素、style属性（インラインスタイル）は使用しない。


文字コードセット
UTF-8を基本とする。HTMLとCSSで使用する文字コードを統一する。


制作環境

テキストエディタ
Tera Padを使用する。
XHTML／CSS共に文字コードをUTF-8とするため、メモ帳は使用しない。

アプリケーション
Dreamweaverを使用する。
自宅で制作する場合、フリーウェアや他のソフトウェアは使用しない。

基準ブラウザ
Firefoxを基準とする。
表示確認を行う際にはFirefoxで問題ないことを確認してから、Internet Explorer（以下、IE）で確認する。IEバージョンごとのチェックを行う場合は、IE Testerを使用する。



１．制作ガイドライン

１−１　基本
１−１−１ 目的
１−１−２ 閲覧環境
１−１−３ HTML／CSS基本
１−１−４ 制作環境

１−２　Webサイトの構成
１−２−１ ディレクトリ構造
１−２−２ ディレクトリ役割
１−２−３ ディレクトリ/ファイル名の例
１−２−４ ユーザビリティ
１−２−５ 注意事項
１−２−６ JavaScriptの利用


２．命名規則

２−１　基本
２−１−１ 共通
２−１−２ 略語表記

２−２　ファイル名／ディレクトリ名
２−２−１ ディレクトリ
２−２−２ HTML/CSSファイル
２−２−３ 画像ファイル

２−３　id／class名
２−３−１ レイアウト部位


３．XHTMLガイドライン

３−１　基本
３−１−１ HTML文書型
３−１−２ XML宣言について
３−１−３ id属性、class属性
３−１−４ 書式
３−１−５ エラーチェックの実施

３−２　head要素
３−２−１ head要素に含める内容

３−３　title要素
３−３−１ title要素に含める内容

３−４　body要素
３−４−１　適切な見出し構造
３−４−２　img要素の注意点
３−４−３　a要素の注意点
３−４−４　div要素の注意点
３−４−５　隠しテキストの設定
３−４−６　body要素のclassの記述
３−４−７　非推奨要素/属性


４．CSSガイドライン

４−１　基本

４−２　書式
４−２−１　文字コード
４−２−２　デフォルトの記述
４−２−３　インデント
４−２−４　コメント
４−２−５　セレクタ
４−２−６　プロパティ




