
1_制作ガイドライン


目的

株式会社アイグローブが制作するWebサイトの品質向上を目指す。
本ガイドラインに準拠することで、Web標準、SEO、ユーザビリティ、アクセシビリティ、メンテナンスに配慮したWebサイトを制作することができる。



ターゲットユーザ

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

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

ブラウザ
以下のブラウザを対象とする。ただし、案件に応じて対応範囲を調整する。

Windows
Internet Explorer（以下IE）6、7、8
Mozilla Firefox 3
Opera 10
Safari 5
Google Chrome 3

Mac OS
Safari 5
Mozilla Firefox 3

文字コードセット
UTF-8を基本とし、案件に合わせて適宜対応する。
HTMLとCSSで使用する文字コードを統一する。




注意事項

ディレクトリ閲覧の防止
フォルダ内には必ずindex.htmlを作成する。

JavaScriptの利用
・ JavaScriptを利用する場合は外部ファイル化する。htmlファイル内への直接の書き込みは極力避けるようにする。
・ JavaScriptエラーが発生する場合、ブラウザに実装されているデバッガなどを利用して修正作業を行なう。




Webサイトの構成
HTMLファイルを木構造で構成する。
cssファイル、import用cssファイル、画像ファイルは、HTMLに属した位置に配置する。
ただし、サイト全体で共通のファイルはcommon以下で管理する。


ディレクトリ役割

/
Webサイト全体を包括
/index.html
Webサイトのトップページ
/images/
トップページに使用する画像ファイルを包括
/css/
トップページに使用するCSSファイルを包括
/content/
コンテンツディレクトリ
/content/index.html
コンテンツのトップページ
/content/1st.html
コンテンツの第1ページ
/content/2nd.html
コンテンツの第2ページ
/content/images/
コンテンツに使用する画像ファイルを包括
/content/css/
コンテンツに使用するCSSファイルを包括
/content/css/content.css
コンテンツのCSSファイル
/common/
Webサイトで共通のファイルを包括
/common/images/
Webサイトで共通の画像ファイルを包括
/common/css/
Webサイトで共通のCSSファイルを包括
/common/ css/reset.css
ブラウザの初期設定をリセットし、再定義したCSSファイル
/common/ css/base.css
Webサイトで共通のスタイルをまとめたCSSファイル
/common/ css/modules.css
CSSで頻繁に使用する部分を汎用化し、まとめたCSSファイル
/common/css/import.css
reset.css, base.css, module.cssをまとめてインポートするCSSファイル
/common/ css/print.css
印刷用のスタイルをまとめたCSSファイル（印刷対応時のみ）
/common/js/
Webサイトで使用するJavaScriptを包括


ディレクトリ/ファイル名の範例
sitemap
サイトマップ
privacy
個人情報の取り扱い、プライバシーポリシー
access
交通手段、地図、アクセス
company
会社概要
about
開催概要
contact / inquiry
お問い合わせ
link
当サイトへのリンク
faq
FAQ
recruit
採用情報
history
沿革


ユーザビリティ
alt属性
alt属性を持つ要素はalt属性を必ず付与すること。画像自体に意味がない、あるいは直前の文章と重複する内容の場合はalt=””と空にして対処する。
トップページに戻るリンク
ヘッダ部分のロゴに「index.html」に戻れるリンクを設定すること。














