Adobe CSでサイト構築。

諸事情によりWebサイトを構築する必要が出てきてしまい、今日は朝からHTMLコーディング。
とは言っても、あくまで個人サイトのリニューアル作業に過ぎないのであるが。

私がWebサイトを構築する際にとりわけ気を使うのは、HTMLの美しさとデザインの両立である。巷のサイトはテーブルタグによるスライスを多用することで、非常に複雑なレイアウトを実現している。しかしこの方法は文法構造を完全に無視したもので、デバイス非依存の情報交換言語であるHTMLの本旨に則したものではない。
従って、私のサイトでは従来からデバイス/ブラウザ非依存のレイアウトを心がけてきた訳であるが、これが恐ろしい程の難題であることは言うまでも無い。特にテーブルタグを用いずにナビゲーション用のボタンを自由自在に配置するとなると、必然的にCSSに頼ることとなる。しかし、CSSの対応状況はブラウザによってマチマチで、例え文法通り完璧に組んだとしても表示結果は随分と乱れてしまう。そこで、これまではAdobe ImageReadyでナビゲーションバーを作成し、フレームを巧妙に用いることで互換性を何とか維持してきたというのが実情だった。

しかし、ImageReady CSの登場によって状況は大きく変化した。というのも、ImageReady CSはXHTML1.1&CSSによる書き出しを完全にサポートしているので、文法構造を維持したまま複雑なレイアウトを実現することが可能となったのである。実際にいじってみた感触もそこそこで、手打ちで構築するのに比べれば数倍楽にコーディングが完了した。とりあえず、凄いものが仕上がりそうだということだけは断言しておこう。

ちなみに、本日のBGMは成実ちゃん&aiko。
Shining Starサイコウ、Destinyサイコウ。
そしてbe master of lifeサイコウ。

コメントを残す

メールアドレスが公開されることはありません。

次のHTML タグと属性が使えます: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>