HTML

Webというのは、デスクトップだけで見られる時代は過ぎ去り、ネットブック、携帯電話、携帯ゲーム端末などさまざまなデバイスでアクセスできるように なりました。また、それにともないWebにアクセスできる環境も机の上から地下鉄のホームだったり、郊外のアウトドア施設だったりと変わってきました。

テーブルタグを使ってコーディングすることが主流だったころは、HTMLタグのそれぞれの意味をあまり知らなくても、Dreamweaverなどオーサ リングソフトを使えば、見た目を確認しながら、コーディングをすることができました。しかし、（X）HTMLとCSSコーディングが主流になってきた現在 では、オーサリングソフトを使って見た目の確認をしながら、さらにHTMLタグの特徴を理解しなければマークアップができなくなりました。

携帯サイトをデザインする上でまず考えるのがPCサイトとの違いです。「携帯は進化してきた」と言われるようになったとはいえ、PCとは全く別物で違う ものとしてとらえた方が良いでしょう。マークアップの方法もキャリアごとに違うだけでなく、端末レベルでも違ってきます。携帯サイトとPCサイトの大きな違いは2つあります。

「アクセシビリティ（accessibility）」とは、「access」＋「～ible（～できる）」（の名詞形）であり、「ユーザー自らがアクセ スして利用できるかどうか？」を意味します。Webサイトにおいては、例えば図1のように、さまざまな状況や環境のユーザーであっても、自らアクセスして 利用できるような配慮が大切です。

今回はブラウザ戦争とDOCTYPEスイッチについて紹介し、ブラウザ戦争、Web標準、Doctypeスイッチが互いに密接にかかわりあっていること を理解したいと思います。ブラウザ戦争とは、1994年から2000年ごろまで、Netscape Navigator（NN）とInternet Explorer（IE）の間であった市場のシェア争奪戦を指します。

往々にしてWebについて勉強する際、知識や仕組みを丸暗記するのは非常に大変です。しかし、Webの歴史を学ぶと、Webの散在する知識がつながりを もち、面白く論理的に覚えることができます。そして、結果的にしっかりと知識を自分のものにできます。今回は、HTML（Hyper Text Markup Language）とXHTML（eXtensive Hyper Text Markup Language）の歴史をひもときたいと思います。HTMLとXHTML、名前が似ているので、よくHTMLがバージョンアップをしてXHTMLになっ たと考えてる方がいますが、これは正しくありません。

携帯サイトでは、キャリアによる仕様の違いがあるため、これをどの程度まで考慮するか、はじめに考えなくてはなりません。携帯サイトの作成法には、下記の 5つの方法がありますが、ここでは「3キャリア対応の静的サイト+プログラム」について紹介します。  

ディレクターはディレクション全般、デザイナーはデザイン、コーダーはコーディング、プログラマーはプログラミング…。ほとんどのWeb制作現場において、作業は完全分業制が主流です。ただ、すべてのWebページ制作が分業で進むかというと、正直なところ、なかなかそういうケースばかりではありません。コストや納期、制作する側のリソースなどの事情から、1人のスタッフがやむなく複数の作業を幅広くこなさなければならないケースが多いのも事実です。そうした場合、たとえ専門外の分野でも自分の責任範囲として作業しなくてはならなくなります。

Webサイトの制作業務を請け負っていると、制作の途中でデザインが変わることは少なくありません。コーディングもいきなり仕様が変わったり、新しい機能 やカラムが追加になるといったことがしばしば発生します。