基本仕様

XHTML＋CSS2.0によるコーディング

このホームページは、デザインとコーディングの分離を推進したXHTML＋CSS2.0によりコーディングを行います。

画像は、メインコンテンツ内の一部の画像と、重要度の高い画像を除いたほとんどの画像がスタイルシートで配置されており、また、レイアウトは、テーブル（表）を使わずにスタイルシート（CSS）だけで実現しています。なぜ、スタイルシートを使って画像の配置やレイアウトを行うのか、それは下記のような効果が期待できるからです。

1. ソースがシンプルになり、余計な文字が減ったため、SEOの効果が期待できる
2. 全ページを通して、細かい設定までを一様なデザインを保持できる
3. 古いブラウザに対しても、コンテンツ内容を確実に伝えられる（表示が崩れたり、隠れたりすることで見えないという状態がなくなる）
4. 音声ブラウザやテキストブラウザなど、デザインを必要としないブラウザに対しても、コンテンツの内容を伝えることができる

FHWとしては、（1）のSEO効果が、お客様に提供できることに高い価値があると考え、XHTML＋CSS2.0によるコーディング方法を採用しています。また、他の効果についても、より広いユーザに見て頂くためにも、また、お客様のユーザターゲット次第では、おろそかにできない重要な価値があると考えています。

1. あくまでもお客様のユーザターゲットに向けた仕様であるため、FHWの作った全てのホームページが完全に音声ブラウザに対応していない場合があります。
2. 当ホームページでも、FHWが“デザイン”という視覚に頼るサービスを提供しているため、一部のコンテンツについては、音声ブラウザで再現できないことがあります。

対象ブラウザ

当ホームページは、下記のブラウザによりチェックを行っております。

1. Internet Explorer Win版7.0 / Win版6.0 / Win版5.5
2. Netscape Win版7.1 / Mac版7.1
3. Firefox Win版2.0 / Win版1.5 / Mac版2.0 / Mac版1.5
4. Opera Win版9.2 / Win版8.5 / Mac版9.2 / Mac版8.5
5. Safari Mac版2.0
6. IBM ホームページリーダー Win版3.0（音声ブラウザ）

上記ブラウザでのデザインはほとんど差異無く表示が可能です。また、下記ブラウザでご覧になった場合には、ほとんどスタイルシートが適用されず、前述のブラウザで見た時とは、異なる外観となり、内容の把握も難しいと思います。

1. Windows版 Internet Explorer 5.0 以前
2. Windows版 Netscape Comunicator 4.x
3. Macintosh版 Internet Explorer 5.2以前

「Internet Explorer 7.0」ダウロード 「Firefox 2」ダウンロード 「Netscape」ダウンロード 「Opera」ダウンロード

HTML内の文章構造把握

FHWのコーディングスタッフ（※）は、提供された文章や制作したデザインをそのまま使用するのではなく、文章を理解することから始め、文章構造を把握し、設計した上でコーディングを行います。

そのため、XHTML+CSSコーディングでは、スタイルシートを外してみても、文章が構造的に配置されているため、内容を把握することができます。結果、検索エンジンに理解されやすくなったり（SEO対策）、音声ブラウザによる読み上げに対応したりしているホームページとなるのです。

※マークアップエンジニア、コーダーともいわれます。

その他のホームページ制作のための基本仕様

想定モニタサイズ

XGA（1024×768）
企画内容により、SVGA（800×600）又はSXGA（1280×1024）をターゲットとする

文字コード

UTF-8又はShift-JIS
企画内容により、EUCによりコーディングを行う

HTML

XHTML 1.0 Strict
CMS等の状況により、HTML4.0によるコーディングも可能

CSS

Ver 2.0
また、プリント用のCSSも設置準備あり。