WEB作成の豆知識 -製作者紹介-

製作者紹介＆制作話

紹介

ハンドルネームはHARUです。

趣味でWEB製作を行っています。ちなみに、この「WEB作成の豆知識」が初公開サイト。

このサイトを公開するに至るまで

自分のサイトを作ろう！と思ったのが2004年の秋頃。実際に作成し始めて、アレもコレも・・・とやっていくうちに、１年半も経過してしまった。

ホームページを作成するための技術はすべて独学。特に、CSSでのレイアウトについては、様々なサイトを見ながら試行錯誤した記憶がある。

HTMLやCSSなどを学んで感じたこと・・・もっと、わかりやすく、実際の応用まで解説したサイトがあっても良いのではないか？という疑問。HTMLやCSSを解説したサイトは多くあるが、なかなか欲しい情報が見つからなかったりする。

そこで、自分が納得するようなサイトを作成しようと思い、このサイトの製作に着手した。

なぜXHTML1.1とCSSなのか

CSSに対応したブラウザが普及し、一般化した今、わざわざテーブルレイアウトを使用する必要は無くなり、HTMLも本来タグの意味を考えてマークアップを行うのならばXHTML1.1で何の問題も無く、アクセシビリティー向上、SEOにも役立つという理由からこのサイトはXHTML1.1とCSSで製作されている。

メリットとしては、マークアップがとても楽と言うことだ。CSSをしっかり書いてしまえば、後は一定の規則にしたがってタグで囲んでいくだけでよい。また、ソースコードをとても構造的に記述できる。

デメリットがあるとすれば、それはごくごく一部の古いブラウザでは正常な表示は期待されない、と言うことだ。（とはいえ、InternrtExplorer 5.5以下や、Netscape4なんかはもうほとんど使われていない。確かめたことは無いのだが、Netscape4でテーブルレイアウトは本当に有効なのだろうか？）

現在、多くの企業のサイトでは、大まかなレイアウトをテーブルで作成しておき、細かいレイアウトはCSSで行う手法が取られている。しかし、これらもいずれ完全なCSSレイアウトに移行していくだろう。

最近はFirefoxやSafari, OperaなどWeb標準に準じたブラウザが広まりを見せている。テーブルレイアウトを積極的に採用するメリットはほぼ無いだろう。

製作環境

パソコン: NEC Lavie RX（ノート）
OS: Windows Home
画面解像度: SXGA+（1400x1050）
動作チェックブラウザ: Internet Explorer 6.0, 8.0; Firefox 3.5; Opera 10
HTMLエディタ: ez-HTML
グラフィックエディタ: The Gimp; Inkscape