翻訳者の序文: このオリジナルの記事シリーズには、Web 標準の普及から始まり、Dreamweaver 8 を使用して標準に準拠した Web を構築する方法が説明されています。 Dreamweaver 8を使った独自規格準拠のWebサイト」（この記事は有料抜粋です）のため、内容を適宜削除させていただきました。順序は元の記事と一致しますが、長さを調整します。ここでお知らせします。翻訳レベルには限界がありますので、ご了承ください。
この記事を読んでいるということは、おそらくすでに Web 標準に興味があり、DW (Dreamweaver の略) で構築されたサイトでの標準の適用に非常に興味を持っていることでしょう。
もしかしたら、WS (Web Standards の略) についてはすでにある程度理解しているかもしれませんが、DW を使用して互換性のあるコードを作成する方法はわかりません。または、あなたは DW ユーザーであり、WS に準拠し、CSS をより広範囲に使用して、よりユーザーフレンドリーなドキュメントを作成したいと考えています。あなたがどのタイプであっても、この記事はあなたが望む答えを提供します。DW を使用して WS を処理する方法を説明します。
Web標準の定義
この記事全体を通じて WS に関係する限り、まず、正確に何について話しているのかを明確にしましょう。
WSはWeb開発言語の指針となる仕様であり、W3Cによって策定されています。これらの仕様には、HTML、XHTML、CSS などの複数の言語と、数学で方程式を表すために使用される MathML などのその他の関連言語が含まれています。そのような特別なニーズがある場合には、それらを使用できる場合があります。 。 W3C はまた、(WAI 経由で) Web ページのアクセシビリティを促進する「Web コンテンツ アクセシビリティ ガイドライン - WCAG」を公布しました。
ヒント: これらの仕様を直接入手してください
これらの仕様は W3C Web サイトで読むことができますが、読みにくい場合もあります。
HTML4.01
XHTML 1.0
CSS1
CSS2.1
WCAG 1.0
この記事では、XHTML 1.0、CSS 1 および 2.1、WCAG 1.0、その他の仕様と推奨事項を使用しますが、W3C ドキュメントをあまり読む必要がないことを知っていただけると幸いです。
WS が必要なのは誰ですか?
WS は良いことだという漠然とした考えしか持っていないかもしれませんが、多くの有名なサイトを含む多くのサイトは WS に準拠しておらず、適切に管理されているように見えます。では、なぜ WS に準拠するために最善を尽くす必要があるのでしょうか? そうすることで実際のメリットがあるのでしょうか? W3C の仕様と推奨事項に注意を払う必要があるのは誰ですか?
Web開発者とデザイナー
WS に注意を払う必要がある最初のグループは私たち、つまり Web サイト構築の開発者とデザイナーです。 WS を使用した開発方法を学ぶのに時間を費やす価値はありますか?
クリーンなマークアップにより、バグ修正が迅速化されます。
W3C でページを検証すると、少なくとも、不規則なマークアップがこれまでに経験したエラーの原因ではないことがわかります。ページを検証し、見つかったエラーを修正するプロセスにより、終わりのない要素やタグのスペルミスによって引き起こされる表示の問題が解決される場合があります。
文書を検証しても問題が解決しない場合でも、少なくとも正規文書に問題が存在することがわかります。この問題がバグではないことがわかったので、ブラウザごとの CSS 処理の違いなど、他の問題に焦点を当て始めることができます。
アクセシビリティ要件への準拠は簡単です
正規の XHTML マークアップを作成すると、ドキュメントが意味的に正しいことを確認でき、ドキュメントのコンテンツをプレゼンテーションから分離できるため、多くの WCAG1.0 列のアクセシビリティの問題に多大な労力を費やすことができます。 。アクセシビリティは障害のある人だけのものではないことを認識することも重要です。フレンドリーなサイトには、携帯電話や PDA などのさまざまなデバイスからアクセスできますが、これらのデバイスには散在した非標準マークアップを処理する処理能力がありません。
上位互換性のある
現在のブラウザで新しく開発したページのパフォーマンスのみを考慮する場合、将来的に新しいブラウザでそのパフォーマンスを保証するにはどうすればよいでしょうか? 新しいブラウザではページの表示が非常に悪くなる可能性があります。それらの迷惑な問題を解決してください。
WS に準拠してもこの問題が完全に根絶されるわけではありませんが、標準の互換性により設計が失敗するリスクが大幅に軽減され、今日のブラウザ ソフトウェア会社も標準をサポートし始めています。仕様の一部を誤って解釈してしまう可能性はありますが、それを完全に否定することはできません。最悪の事態が発生し、新しいブラウザによって標準化されたサイトに奇妙な影響が生じた場合でも、互換性のないサイトよりも修正する方がはるかに簡単です。問題が発生すると、他の標準に準拠したサイトにも影響が及びます。ウェブ コミュニティの集合知がこの点を指摘し、それに対処する記事を書くでしょう。したがって、このバグを互換性のないドキュメントで修正するよりも互換性のあるドキュメントで修正する方が簡単であるということについて全員で話し合いました。
より便利なリファクタリング
サイトからテキストを削除して再構築し、最初からやり直す必要があったことがありますか?フォント ラベルや小さな表のセルが乱雑に配置されているラベルを見たことはありますか (そのため、最初から開始する必要があります)、長いプロセスと多大な時間と費用がすべて費やされているということだけがわかります。このサイトのリファクタリング。
ドキュメントのコンテンツとプレゼンテーションを分離すると、標準準拠という優れた点が得られます。これは、次回サイトをリファクタリングするときに、Web ドキュメントをコピーする必要がないことを意味します。サイト内のすべてのテキストはセマンティック (X)HTML でマークアップされ、Web マスターが変更したいすべてのプレゼンテーション情報は、簡単に置き換え可能な CSS ファイルに保存されます。
一部のクライアントは、リファクタリングを待たずに変更を加えるよう依頼し始めます。彼らは、マンモス化石ピットを訪問するまで待ってから、「左の列を右に移動してください」と言うように頼みます。標準化された互換サイトの場合、すべてのページは CSS によって制御されます。複雑なテーブル構造を持つ多くのページで、工夫を凝らすことなくページ上のタグを簡単に移動できます。これにより、ページ レイアウトの変更が容易になります。
構造をプレゼンテーションから分離すると、一部の閲覧者にとってより魅力的と思われるサイトのハイコントラストで小さな画像バージョンなど、新しい要素を追加しやすくなります。スタイルシートは簡単に置き換えることができるのに、なぜ別のテキストのみのバージョンのページを作成する必要があるのでしょうか?
ブラウザソフトウェア会社
ブラウザソフト会社もWSに注目し始めている。以前は、ブラウザ ソフトウェア会社は、基本言語に独自のタグと属性を追加していました。しかし今では、これまでにないほど、すべてのブラウザが標準に準拠し始めており、最新のブラウザの一部はすでに、仕様で定義されている (X)HTML および CSS に従ってブラウザを表示するよう取り組んでいます。
近い将来、ブラウザはほとんどの非標準マークアップとコードを表示できるようになるでしょう。そうしないと、何千もの非標準サイトが適切に表示されなくなります。そのとき、一般の人々がブラウザを非難し始める可能性があります。 Webデザイナーではありません。ただし、他のデバイス (デスクトップのような処理能力を持たないデバイス) は、遭遇するコードの標準化された互換性により大きく依存します。
作成ツールソフトメーカー
Dreamweaver を開発する Macromedia などのオーサリング ツール ソフトウェア ベンダーは、Web デザイナーと同様に WS に準拠し始めています。これは、これらのオーサリング ツールが標準化されたマークアップを出力することを要求する顧客が増えているためです。当初、これらのビジュアル開発環境は、紛らわしい非標準のマークアップを生成するため、良い評判がありませんでしたが、最新の主要なビジュアル開発環境では、互換性とアクセシビリティの標準化された要素が取り入れられており、これが主なセールスポイントにもなっています。ソフトウェア ベンダーは市場のニーズに耳を傾け、それに対応する必要があります。
ウェブユーザー
私たちが設計するサイトのユーザーも、たとえ気づかなくても、今日の人気のあるブラウザー専用に開発されたサイトを無意識のうちに使用している可能性があります。これらのユーザーが別のブラウザに切り替えると、独自のタグが新しいブラウザで受け入れられないため、オンライン体験が楽しくなくなる可能性があります。標準化され互換性のあるサイトは、既存のブラウザでも将来のブラウザでも、さまざまなブラウザで適切に動作します。
さらに、アクセシビリティに関する推奨事項に従っている Web サイトは、Web の閲覧に満足できないと感じているユーザーにとってより親しみやすいものになります。ウェブは、視覚障害やその他の障害のある人にとって、より便利なショッピング、読書、検索条件を提供する必要があります。独自のタグやその他の独占的な (ブラウザを指す) テクノロジーが使用されているという理由で、サイトの閲覧を妨げられるべきではありません。