DreamWeaver(CS5)で携帯用のサイトを作成しています。
PCサイトをメインに、+携帯用サイトという形で、最終的に有料のサーバースペース(さくらインターネット・ライトか、ロリポップの予定)を借りて、ドメインも取得する予定です。
ただ色々調べて、キャリア毎に表示が異なること、タグの制限等はわかったのですが、いくつかわからないことがあります。
1.とりあえず無料のスペース(FC2)を借りて、携帯端末(docomo)で表示確認をしようと、
ttp://アカウント名.web.fc2.com/i/
の中に、index.htmlをおきました。
ですが、サイトが移動しました(301) → 無効なデータを受信しました(301)
という形でサイトの表示ができません。
最後尾に/をつけないと、そのようなエラーが出るようなので付けたのですがダメでした。
念のため、index.htmlでも指定しましたができませんでした。
.htaccessをおいて、
AddType "application/xhtml+xml; charset=Shift_JIS" .html
の記述もしてみたのですがやはり表示できませんでした。
ただ、docomoの「iモード HTMLシミュレータ-II」ではきちんと表示されました。
対策方法がありましたらお願いいたします。
2.完成後の話なのですが、サイト構成を
index.html(PCサイトTOP)
├[img]
├[css]
└[i](携帯サイト)
└index.html
という風にする予定なのですが、
例えば、ttp://www.ドメイン.com/
というドメインをとった場合、PCからは勿論index.html(PCサイト)に飛ぶと思うのですが、
携帯からドメインを利用して、i/index.htmlに直接飛ぶことは可能でしょうか。
以上2点になりますが、ご教授のほどよろしくお願いいたします。
A 回答 (1件)
- 最新から表示
- 回答順に表示
No.1
- 回答日時:
> 携帯からドメインを利用して、i/index.htmlに直接飛ぶことは可能でしょうか。
この部分のみについて、ですが…。
可能か不可能かで言えば「可能」です。
PHPまたはCGIを使いますので、サーバーがPHPやオリジナルCGIに対応していなければ無理なんですけれどもね。
ユーザーエージェント(端末の個別の情報)を取得し、これを条件にして if { ~ } elseif { ~ }; で分岐させる記述をしたindex.cgiまたはindex.phpをドメイン直下に置いておけば出来ます。
つまりPCの場合も、一度このindex.cgiまたはindex.phpを通過する、という事になります。
PCでも携帯でも同じURLにアクセスすることで勝手にキャリア別のページに飛ばす、という仕組みです。
プログラムの具体例は、私の持っている書籍だと2008年発行の
エムディエヌコーポレーション 発行
黒須 信宏 著
【Webデザイン 明解テクニック 100】
ISBN978-4-8443-5969-2
という本に掲載されていました。
2008年の情報であることを踏まえて、上記書籍以外でなるべく新しいものを探された方がいいと言えますが、それ以前にFC2がオリジナルCGIやPHPに対応していないならば「直接飛ぶ」というアクションは諦めるしかない、という事になります。
さくらやロリポップはこの程度のCGIやPHPには充分対応しているので使えますね。
上記の本に掲載されているプログラムを「iモード」と「PC」でのみ分岐させるCGIの例として短縮してみると下記のような感じです。
iモードじゃなかったらPC、という分岐なので、elseifではなく、elseに変更しています。
下記、\(半角円マーク)は、実際にはバックスラッシュになります(/と逆向きのアレ)。
#!/usr/bic/perl
#index.cgi
#
#iモード用URL
$imode = "http://www.ドメイン.com/i/index.html";
#PC用URL
$pc = "http://www.ドメイン.com/index.html";
#
#ユーザーエージェント取得
$brwsr = $ENV('HTTP_USER_AGENT');
#
#分岐iモード
if ($brwsr =~ /DoCoMo/) {
print "Location: $imode\n\n";
}
#分岐PC
else {
print "Location: $pc\n\n";
}
exit;
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- その他(プログラミング・Web制作) .htaccessファイルの修正がこれで問題ないかどうか 1 2022/04/21 08:42
- ホームページ作成・プログラミング Adobe DreamweaverでのサイトのFTP 2 2023/03/05 11:55
- WordPress(ワードプレス) ワードプレスの管理画面が行方不明。 1 2022/04/27 12:09
- サーバー 別サーバに構築したApache+Tomcatの連携について 2 2023/03/06 23:23
- JavaScript jqueryを使ったスムーススクロールのコードを書いたのですが、HTMLコード内にある、a butt 2 2022/04/14 10:59
- SEO 複数のサイト(別々のサーバー)を1代のPCで管理する方法 4 2022/11/27 09:40
- HTML・CSS リンクバナーのHTMLタグ。画像を変えたり、設置位置を変えるとバナー貼付け側はどう見える? 2 2023/02/01 12:01
- Yahoo!メール Yahooアカウントにログインできなくなって困っています。 2 2023/05/16 02:28
- JavaScript jQueryでのドラッグアンドドロップについて 1 2022/07/30 09:10
- サーバー IIS10でホスト名を設定するとHTTP Error 404が出てしまいます 1 2022/04/04 13:17
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
既存画像(gif または png)の背...
-
ホームページ作成
-
XREA使用で作成したHTMLファイ...
-
ホームページビルダー15で作っ...
-
友人のホームページを引き継ぐには
-
FC2ホームページの変更に仕方
-
友達にドッキリをしたくて、ホ...
-
ホームページビルダー19文字化け
-
FFFTPでサーバに新規フォルダが...
-
ログインしないとみることがで...
-
CGIが実行可能なHP領域又はレン...
-
さくらサーバーに置いているホ...
-
jQueryで画面サイズによってス...
-
ビルドとリビルドの違いを教え...
-
今さらですがHPを作成するに当...
-
ホームページの内容変更を無料...
-
サイト改修にあたり、各ページ...
-
ホームページの画面文字を濃く...
-
HTMLで、ホームページが作れる...
-
ページの内容コピペ 範囲が広い...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
アクセスログの「HEAD」と...
-
トップページの入れ替えを教え...
-
BASIC認証を複数設定するには?
-
エクセルから作ったホームペー...
-
ホームページビルダーのトップ...
-
FFFTPで「コマンドが受け付けら...
-
昔のゲーム、ブラックオニキス...
-
snes9kの音量調節について
-
簡単なテストページが表示され...
-
Apacheのhttp.confの中の設定に...
-
同じURLなのに古いページが検索...
-
ドメインを入力した際に「index...
-
HTMLのindexファイルで拡張子ht...
-
ホームページに画像がアップロ...
-
Dreamweaverのブラウザでプレビ...
-
ホームページビルダーでファイ...
-
拡張子 HTML HTMの違い
-
photoshopのメニューバー
-
ホームページ作成時の htm...
-
ホームページビルダー12でリ...
おすすめ情報