WEBデザイン制作

コーディング

WEB標準という言葉を聞いたことがあるかと思います。
これは、WWWで標準として使用される技術のことをいいます。

WEBコンテンツの視覚表現(レイアウト・デザイン)の標準は、CSSなのですが、
文書構造を記述するHTML(XHTML)で視覚表現(レイアウト・デザイン)まで行っていました。
tableタグでレイアウトを行うテーブルレイアウトです。
その背景には、CSSの導入に対し、ブラウザのサポートが大幅に遅れたことが要因
しています。

しかし、ここ数年でCSS導入に対するサポートも強化され、使用における体制は整ってきています。
WEBでは、現在、文書構造をHTML、視覚表現(レイアウト・デザイン)をCSSで行う
本来のWEB標準に移行し、その体制が進められています。

CSSレイアウトによるコーディング

  1. 文書構造をHTML(XHTML)、視覚表現(レイアウト・デザイン)を外部CSSで制御するため、
    HTMLファイルの容量が小さくなり、ページの読み込み速度が速くなる
  2. HTMLの記述がシンプルなため、サイト運用者にとってはメンテナンス性が向上する
  3. WEB標準に準拠したコーディングのため、検索エンジンが読み込みやすくなる、またレイアウトを制御できるためSEO対策としては、有利である。
  4. CSSでレイアウト制御できるためサイトの全体ページのデザインやレイアウト修正が一括で変更でき、作業効率が良い。 CSSを変更するだけで全く違うサイトデザインに変更できる。

テーブルレイアウトによるコーディング

  1. WEB標準では推奨していないコーディング方法である。
    但し、CSSレイアウトでは対応できない複雑なレイアウトでは、部分的にテーブルレイアウトを行う場合もあります。また、期間限定(キャンペーンなど)サイトなど特にCSSコーディングを必要としない場合にはテーブルレイアウトで制作します。 )
  2. tableタグなどが多く入れ子になり、ページの読み込みに時間がかかる。
    但し、テーブルタグが入れ子にならないように作業工夫することで回避できます。)

モア・デザインのCSSコーディング対応について

モア・デザインのCSSコーディングは、 W3CのCSS検査サービスであるCSS Validator 及びW3CのHTML検査サービスである HTML Validatorにて正当なCSS・XHTMLとして検証されております。
CSSハックを使用しないWEB標準に準拠したコーディングです。
コーディング仕様書、制作ガイドラインに基づき制作対応しております。