第10回　XHTMLベーシック（携帯電話対応ページ作成）

小型情報機器のためのXHTMLベーシック

• XHTML™ベーシック (W3C勧告 2000年12月19日)を学ぶ。
• 作成例: 気まぐれモバイル
• 携帯を持っている人は、携帯から https://seki.jpn.org にアクセスしてみてください。
• ソースを見る。これまでに学んで来たHTMLとは異なり、XHTMLであるため、特に以下の点に留意する。
  • 全てのタグ（要素タイプ名、属性名）は小文字で記述する。
  • 属性の値は必ず引用符で囲む。
  • 終了タグを省略しない。
  • 空要素のタグは />で閉じる。
  • &はあらゆるところで&と記述する。

各携帯キャリアへの対応

携帯サイトを簡単に作るコツによれば、モバイル向けのサイトを作るためには以下のようにすると良い。

• 文字コードはUTF-8 (Shift-JISでも問題ない)。
• マークアップ言語はXHTML Basic。
• 画像はJPEGかGIF。
• CSSはインラインで書く。
• ページサイズはXHTML9KB以内、画像含めてで100KB以内。

表示確認

• 携帯シミュレータを使うと、各種携帯端末でどのように表示されるか確認することができる。
• とりあえず、ウィンドウサイズを小さくすることでだいたいの雰囲気を知ることができる。
• 基本的には、XHTMLベーシックの文法に正しく則ってページを作成すれば正しく表示されるはずである。したがって、W3C Makup Validation Serviceで文法チェックをするのが良いであろう。

課題

• 携帯向けページを作成して、トップページからリンクして下さい。
• W3C Makup Validation Serviceで文法チェックをして、エラーがなくなるまで文法ミスを直して下さい。
• 作成したページを授業用ウェブサーバーにFTPでアップロードして、名簿のリンクから更新されたことを確認してください。

情報処理実習F