用いたリニューアルのサンプルをご紹介します。前回に引き続き、実践篇第2回となります。第1〜3回(理論篇)も適宜ご参照ください。お付き合いいただければ幸いです。利用できる視覚系WWWブラウザ(Windows版IE6+JavaSript/NN7/Opera7/etc)著作権について筆者は本稿(本文)の著作権を主張いたしません。解説の中で、筆者の著作物でないサンプルをご紹介しますが、いずれも必然性があって引用するものです。たしかに、一般論としてのテーブルレイアウトからの移行を解説するために、各サンプルが選ばれたこと自体には必然性がありません。一般論を語る際にも(絶対にその例でなければならないという必然性のない)具体例を持ち出すことは慣例的に認められています。著作権法第32条に示される引用の要件を満たす必要はあるでしょう。筆者はこのような考えに基づき、各著作者に断りなく批評の意図を持って各サンプルを例示しております。引用のみならず改変まで行っている点については、「彼の書いた「Aである」という文章は「Aです」と書くべきであった」といった批評が一般に問題ないものとして通用している事実をもって、説明に代えさせていただきます。広報サイトをとりあげます。誌には末永く頑張ってほしいと思います。誌的方向性の情報だけでは寂しいですから。......というわけで、前回ほどではないものの、長丁場の解説になります。お付き合いいただければ幸いです。原本2004年4月1日の状態を原本とします。以下、いちいち断りませんが、本稿を読み進む際にはリンクを別ウィンドウ(タブ)に開くと便利です。Designing』は、Webデザインのためのアイデアから、ホームページ作成のためのテクニック、そしてサイト構築のための基礎知識までをカバーしたWebデザインのための専門誌です。Designing』は、Webデザインのためのアイデアから、ホームページ作成のためのテクニック、<br>そしてサイト構築のための基礎知識までをカバーしたWebデザインのための専門誌です。nowrap></td></tr></table></td></tr></table></td></tr></table></div></body></html>キャプチャ画像からは想像もつかないくらい長大なソースです。多くの補助的装飾を行っています。いった文字列が採用されています。リニューアルの際に文字色を変えたくなったら、どうするのでしょうか。参考にしてはいけないテクニックが満載です。デザインとは基礎条件が異なることには注意すべきです。いえば、いささか怪しいといわざるをえません。デザインの利点は明確ではありません。5月号の第1特集は「HTML&CSSがWebデザインを変える」です。その内容は大筋で6年前に「スタイルシートWebデザイン」が提示した内容を超えないでしょう。参考情報として本連載も紹介される予定ですが、結局のところ、プロが全面的に「正しいやり方」を採用するには苦しい状況が、この先何年も続くはずです。本連載で企業サイトを取り上げるのは初めてのことですが、それは敢えて避けてきたからなのでした。修正の手順マークアップの修正は、次の手順で行うことにします。テキストを抽出する文書構成を整理するマークアップする原本は文書の論理構造をまったくマークアップしておらず、視覚デザインのために非常に煩雑なマークアップを施しています。修正は困難な状況です。そこで、原文のマークアップをすべて破棄し、一から意味付けし直すことにします。テキストの抽出さあ、作業を始めましょう。原本からソースに登場する順番通りにテキストを抽出します。文書なので、代替文字も注意深く拾います。文書の解析結果と一致します。DesigningEnglish『WebDesigning』は、Webデザインのためのアイデアから、ホームページ作成のためのテクニック、そしてサイト構築のための基礎知識までをカバーしたWebデザインのための専門誌です。広報サイト」というべきでしょう。文書のアクセシビリティについて繰り返し解説している雑誌の広報サイトらしく、ガチガチのテーブルレイアウトを採用しつつも、伝えたい順番に情報が並べられています。線形化しても意味の通じるテーブルレイアウトになっているわけです。今回は実現したい視覚デザインが予め決まっていますから、邪道ではありますが、表示結果を眺めるところからはじめます。最新号の紹介、バックナンバー、関連情報という3つのグループに分けられます。整理された各グループをマークアップにより明示しておきましょう。