iモードHP作成用スタイルシート
FreeSoft
iModeSSとは?
最近、話題のドコモの携帯・iモードでは、インターネット上のホームページを閲覧する事ができ、専用ホームページを作成しようと思っている方も多いと思います。
しかし、ここで問題となるのはパソコンのブラウザ(Microsoft Internet Explorerや、Netscape Navigater)と、iモードのブラウザでHPの見え方が違い、パソコンでHPを作成する時に見た目のチェックが困難である、と言う事でしょう。
そこで、このiModeSSでは、スタイルシートを利用して元のHtml文章にほとんど手を加える事無く、Internet Explorerで、iモード閲覧時に近い見た目を実現するものです。
これを使えば、パソコンでのiモード用HPの作成がよりスムーズなものになるでしょう。
動作環境
- Microsoft Internet Explorer 4 または 5 が動作する環境
注意
- iModeSSは基本的にIE5での動作を前提にしています。現在のバージョンではIE4でもIE5と同様に動作しますが、IE5を推奨します。
- Microsoft Internet Explorer 3での動作は確認していません。
- Netscape Navigater 4では正しく動作しません。
使用方法
iModeSSの本体はスタイルシート定義ファイル(imode.css)です。このスタイルシート定義ファイルを任意のHTMLファイルから呼び出す事によりiモード閲覧時風の見た目を作成します。
iModeSSを使用するには以下のような手順で行って下さい。
- iModeSSの圧縮ファイル(iModeSS.LZH)をダウンロードし、任意のフォルダに展開します。
- iModeSSを使って表示させたいHTML文章のあるフォルダに"imode.css"をコピーします。
- iModeSSを使って表示させたいHTML文章のヘッダ部分(<HEAD>〜</HEAD>の間)に、下記の一行を加えます。これにより、そのHTML文章からimode.cssを呼び出します。
<LINK REL="stylesheet" TYPE="TEXT/CSS" HREF="imode.css">
- これでInternet Explorer5でHTML文章を開けばiモード風の見た目になって表示されますので、どのように表示されるかをチェックして下さい。
- チェックが済み、実際にサーバー上にHTML文章をアップロードする場合は、iモードで見る場合には不要ですので上記の一行は削除して下さい。iモードではスタイルシートは無視されるので残したままでも問題はありませんが、無駄なだけです。
iModeSSのダウンロード
ダウンロードの前に、利用規約を御一読下さい。
ダウンロードファイルはLHA形式で圧縮されていますので、適当な解凍ソフトで解凍してからご利用ください
オマケ
ダウンロードした圧縮ファイルの中には、オマケとして「任意のHTML文章を任意のサイズの別ウインドウで開く」iModeSSチェック用ファイル(omake.htm)が同梱されています。
これを使用すると簡単にiモードの画面に近いサイズのウインドウ等を自由に開く事ができます。
omake.htmの使用方法
- omake.htmを開きます。
- 別ウインドウで開きたいファイルの名前(絶対パスor相対パス、URLも可)や、ウインドウのサイズなどの設定をして「別ウインドウに開く」ボタンを押します。