デザインマスター【初級】学習ノート / みっち
▼Ｗｅｂ標準とページ制作
Ｗｅb標準と（Ｘ）ＨＴＭＬ+ＣＳＳ
◇ Ｗｅｂ標準とは
Ｗｅｂで標準的に利用される技術の総称で、Ｗ３Ｃという国際団体が定めています
◇ Ｗｅｂ標準に準拠されたサイト制作
ＳＥＯやアクセシビリティ、メンテナンス性、互換性など、Ｗｅｂサイトのポテンシャルを最大限に活かすためには、
Ｗ３Ｃの技術仕様やガイドラインに基づいて制作するのが不可欠だという認識が広がってきました
（Ｘ）ＨＴＭＬでページの構造→アクセシビリティをなるべく損なわないように工夫
ＣＳＳでＷｅｂページの見栄えを指定する→ＳＥＯやアクセシビリティのメリットに直結
テーブルレイアウトとフルＣＳＳレイアウト
これまでＷｅｂページのレイアウトはテーブル(表）で実現することが多かったが
現在ではＣＳＳでレイアウトするケースが増えてきている
テーブルレイアウトはソースコードの増大といったデメリットがありましたが
フルＣＳＳレイアウトでは比較的短く合理的なソースでのページ制作が可能
動作環境とＷｅｂオーサリングツール
さまざまな機能を使って作業を行うことに加えて、制作スキルを均一化するという目的があります
ＣＳＳレイアウトの再現力にも注意が必要で、ツールの中には編集画面上で崩れるものがあります
全てをツールまかせにするのではなく、ソースコードを見ただけで作業できるレベルになることが
より高い品質のＷｅｂページを制作するために不可欠です
クロスブラウザの課題
さまざまなＷｅｂブラウザがあり、あるＷｅｂブラウザは適切に表示されるが、
一方では崩れやズレが発生するといったことが多々あります
制作者はあらかじめ
きちんと表示され動作する
ことをチェックする必要がありこれを「クロスブラウザ」と表現します
新
ＣＳＳサポートのよいＷｅｂブラウザ
ＦｉｒｅＦｏｘ１・２、Ｏｐｅｒａ８．９、Ｓａｆａｒｉ１．２、Ｎｅｔｓｃａｐｅ７
ＣＳＳサポートにやや問題があるＷｅｂブラウザ
Ｗｉｎ ＩＥ ７
ＣＳＳサポートにそれなりに問題があるＷｅｂブラウザ
Ｗｉｎ ＩＥ ６
ＣＳＳサポートにかなり問題があるＷｅｂブラウザ
Ｗｉｎ ＩＥ ５．５、Ｗｉｎ ＩＥ ５、Ｍａｃ ＩＥ ５
古
ＣＳＳの適用対象に含めないＷｅｂブラウザ
Ｗｉｎ ＩＥ ４、Ｍａｃ ＩＥ ４、ＮＮ ４
古いＷｅｂブラウザを含むターゲットにする場合はＣＳＳをきわめて限定的な使い方をし、テーブルレイアウトを採用するやり方が一般的です
※ オーサリングツールとは ※
Ａｄｏｂｅ Ｄｒｅａｍｗｅａｖｅｒ、Ｍｉｃｒｏｓｏｆｔ ＦｒｏｎｔＰａｇｅ、ＩＢＭホームページビルダー等
タグ入力支援、ＣＳＳコーディング支援に特化したツール
参考書
ウェブの仕事力が上がる標準ガイドブック2 Webデザイン
[画像]
2009.12.12：dmmitchi
⇒
HOME
(C)
powered by
samidare