No.45256 携帯から観覧が出来ないのですが・・・・
http://syousui.ikidane.com/
上記のホームページを制作したのですが、携帯からの観覧ができません。どうすればいいでしょうか?先日パソコン買ったばかりで知識がないのですが、教えて頂きたいです。
上記のホームページを制作したのですが、携帯からの観覧ができません。どうすればいいでしょうか?先日パソコン買ったばかりで知識がないのですが、教えて頂きたいです。
投稿者:No Name Ninja 投稿時間:2010-08-28 18:11:32
投稿者 : No Name Ninja
投稿時間:2010-08-30 18:24:03
>ただ、やはり、携帯からでは、画像は見れないですし、文字の配列もおかしいです
画像が表示されないのは、やはり、サイズが大きすぎるからでしょう。文字の配列が変わってしまうのは、多分、一部のスタイルシートが反映されないからでしょう。
>モバイル用とPC用とに別途、表示HTMLファイルを作るという方法は一からの制作になるんでしょうか
PCと携帯では、何事に対しても限度や制限が異なってくるので、凝ったデザインを施したいのなら、PC表示用、携帯表示用、と別途にHTMLファイルを作っておくのが一般的です。
携帯閲覧用HTMLファイルは、閲覧者のパケット通信料の負担にならないよう軽めに作たっり、どの機種でも同じように表示させたいならなるべくスタイルシートでの装飾を省き、HTMLタグのみで装飾します(PCでは逆で装飾はなるべくスタイルシートで行った方が良いです。また、新しい機種では、全てとは言いませんが、スタイルシートでの装飾も反映してくれます)。
で、上記のことに気をつけながら、PC表示用と携帯表示用HTMLファイルを作った場合、
「通常管理」なら、「モバイル閲覧時設定」を使い、サイトURLでアクセスした場合に、PCでの訪問者ならPC用HTMLファイルへ、携帯での訪問者なら携帯用(各機種向け)HTMLファイルへ、自動的に選別して飛ばしてくれます。
しかし、「かんたん管理ページ」の場合は、自動的に選別して飛ばす、ということは出来ません。ですので、できる方法は2つあります。
1)PC表示も携帯表示も同じHTMLファイルで賄う。
この場合、携帯表示の場合に重きを置いてHTMLファイルを作ります。過剰にスタイルシートを用いずに、凝ったデザインは諦めるしかありません。また、画像ファイルも、大きさ容量を絞って掲載する必要があります。現在のままでは当然無理ですので作り直しが必要です(ページのデザインは"ベーシック"の方が良いかも)。
2)PC用HTMLファイルの上部に携帯閲覧者向けに誘導リンクを張る。
携帯用HTMLファイルを作り、PC用トップページの上部に「携帯の方はこちらからどうぞ」と誘導リンクを設置し、そこから携帯用HTMLファイルに飛んでもらいます。この場合、PC用ページは現在のままで構いません(それでもやはりトップの画像は重すぎると思いますが)。携帯用HTMLファイルは、勿論軽めに作って下さい。
>画像編集ソフトを購入したりして対策するしかないんでしょうか?
画像ファイル自体の大きさや重さを抑えるには、画像編集ソフトで編集するほかありません。タグでどうこうできるのは、「表示サイズ」だけです。
尚、画像編集ソフトは、"購入"しなくとも、無料のもの(フリーソフト)が沢山ありますよ。大きさや重さを抑えるだけなら、無料のもので構いません。もちろん、PC付属のソフトでもOK。
以下、参考サイト
携帯を視野に入れた、HTML/XHTML/CSSの解説
http://34567.jpn.org/study1/index.html
(http://34567.jpn.org/)
携帯サイトの作り方
http://www.limy.org/program/mobile/list1.html
窓の杜:画像関連ソフト
http://www.forest.impress.co.jp/lib/pic/piccam/paint/
http://www.forest.impress.co.jp/lib/pic/piccam/picedit/
(http://www.forest.impress.co.jp/)
Vector: 画像・グラフィック
http://softnavi.vector.co.jp/?cat=68
こんな便利ツールも
http://www.sairin-system.co.jp/databook/img_change.php
画像が表示されないのは、やはり、サイズが大きすぎるからでしょう。文字の配列が変わってしまうのは、多分、一部のスタイルシートが反映されないからでしょう。
>モバイル用とPC用とに別途、表示HTMLファイルを作るという方法は一からの制作になるんでしょうか
PCと携帯では、何事に対しても限度や制限が異なってくるので、凝ったデザインを施したいのなら、PC表示用、携帯表示用、と別途にHTMLファイルを作っておくのが一般的です。
携帯閲覧用HTMLファイルは、閲覧者のパケット通信料の負担にならないよう軽めに作たっり、どの機種でも同じように表示させたいならなるべくスタイルシートでの装飾を省き、HTMLタグのみで装飾します(PCでは逆で装飾はなるべくスタイルシートで行った方が良いです。また、新しい機種では、全てとは言いませんが、スタイルシートでの装飾も反映してくれます)。
で、上記のことに気をつけながら、PC表示用と携帯表示用HTMLファイルを作った場合、
「通常管理」なら、「モバイル閲覧時設定」を使い、サイトURLでアクセスした場合に、PCでの訪問者ならPC用HTMLファイルへ、携帯での訪問者なら携帯用(各機種向け)HTMLファイルへ、自動的に選別して飛ばしてくれます。
しかし、「かんたん管理ページ」の場合は、自動的に選別して飛ばす、ということは出来ません。ですので、できる方法は2つあります。
1)PC表示も携帯表示も同じHTMLファイルで賄う。
この場合、携帯表示の場合に重きを置いてHTMLファイルを作ります。過剰にスタイルシートを用いずに、凝ったデザインは諦めるしかありません。また、画像ファイルも、大きさ容量を絞って掲載する必要があります。現在のままでは当然無理ですので作り直しが必要です(ページのデザインは"ベーシック"の方が良いかも)。
2)PC用HTMLファイルの上部に携帯閲覧者向けに誘導リンクを張る。
携帯用HTMLファイルを作り、PC用トップページの上部に「携帯の方はこちらからどうぞ」と誘導リンクを設置し、そこから携帯用HTMLファイルに飛んでもらいます。この場合、PC用ページは現在のままで構いません(それでもやはりトップの画像は重すぎると思いますが)。携帯用HTMLファイルは、勿論軽めに作って下さい。
>画像編集ソフトを購入したりして対策するしかないんでしょうか?
画像ファイル自体の大きさや重さを抑えるには、画像編集ソフトで編集するほかありません。タグでどうこうできるのは、「表示サイズ」だけです。
尚、画像編集ソフトは、"購入"しなくとも、無料のもの(フリーソフト)が沢山ありますよ。大きさや重さを抑えるだけなら、無料のもので構いません。もちろん、PC付属のソフトでもOK。
以下、参考サイト
携帯を視野に入れた、HTML/XHTML/CSSの解説
http://34567.jpn.org/study1/index.html
(http://34567.jpn.org/)
携帯サイトの作り方
http://www.limy.org/program/mobile/list1.html
窓の杜:画像関連ソフト
http://www.forest.impress.co.jp/lib/pic/piccam/paint/
http://www.forest.impress.co.jp/lib/pic/piccam/picedit/
(http://www.forest.impress.co.jp/)
Vector: 画像・グラフィック
http://softnavi.vector.co.jp/?cat=68
こんな便利ツールも
http://www.sairin-system.co.jp/databook/img_change.php
投稿者 : No Name Ninja
投稿時間:2010-08-28 20:38:58
サイトを拝見しましたところ、かんたん管理ページを使用していますね?
では、「モバイル閲覧時設定」はどうなっていますでしょうか?
忍者ホームページの管理ページにて「モバイル閲覧時設定」を確認下さい。かんたん管理ページでは、キャリアごとにディレクトリを設定することができないので、「モバイル閲覧時設定」にチェックを入れている場合は、チェックを外してください。
「チェックを入れていないのに閲覧できない」という場合は以下を確認下さい。
モバイル閲覧時設定をしないということは、PC用と同じファイルをモバイルでも表示することになります。となると、PCとモバイルでは環境が異なりますから、すっかり同じに表示できる、とは限りません。
どんな部分がネックになるかというと、
・画像の大きさや形式
・スタイルシートによる装飾
・HTML文書の文法ミス
などです。
拝見した所、トップの画像は大きすぎますし、重すぎるようです。これでは、モバイル表示には向きません。画像編集ソフトでサイズを抑えてからアップロードしましょう。(こういうことがあるので、本当はモバイル用とPC用とに別途、表示HTMLファイルを作ると良いのですが・・・)
背景画像等は、スタイルシートによる指定ですが、これは一部の機種では反映されません。また、その他一部のスタイルシートも一部の機種において反映されない場合があります。
かんたん管理ページを利用しているとのことですので、HTML文書の文法についてはそれほど気にする必要はないかと思われます。(PCでは許容されるミスでも、携帯ではミスはミスとして反映されるので、"PCでは表示されるのに携帯では表示されない"ということも起こり得ます)
>ホームページを制作したのですが、携帯からの観覧ができません。
実際の所、携帯の画面はどんな表示になりますか?
エラー文面が出るのであれば、その文面を全文提示下さい。これによってもアドバイスが異なってきます。
では、「モバイル閲覧時設定」はどうなっていますでしょうか?
忍者ホームページの管理ページにて「モバイル閲覧時設定」を確認下さい。かんたん管理ページでは、キャリアごとにディレクトリを設定することができないので、「モバイル閲覧時設定」にチェックを入れている場合は、チェックを外してください。
「チェックを入れていないのに閲覧できない」という場合は以下を確認下さい。
モバイル閲覧時設定をしないということは、PC用と同じファイルをモバイルでも表示することになります。となると、PCとモバイルでは環境が異なりますから、すっかり同じに表示できる、とは限りません。
どんな部分がネックになるかというと、
・画像の大きさや形式
・スタイルシートによる装飾
・HTML文書の文法ミス
などです。
拝見した所、トップの画像は大きすぎますし、重すぎるようです。これでは、モバイル表示には向きません。画像編集ソフトでサイズを抑えてからアップロードしましょう。(こういうことがあるので、本当はモバイル用とPC用とに別途、表示HTMLファイルを作ると良いのですが・・・)
背景画像等は、スタイルシートによる指定ですが、これは一部の機種では反映されません。また、その他一部のスタイルシートも一部の機種において反映されない場合があります。
かんたん管理ページを利用しているとのことですので、HTML文書の文法についてはそれほど気にする必要はないかと思われます。(PCでは許容されるミスでも、携帯ではミスはミスとして反映されるので、"PCでは表示されるのに携帯では表示されない"ということも起こり得ます)
>ホームページを制作したのですが、携帯からの観覧ができません。
実際の所、携帯の画面はどんな表示になりますか?
エラー文面が出るのであれば、その文面を全文提示下さい。これによってもアドバイスが異なってきます。



















モバイル用とPC用とに別途、表示HTMLファイルを作るという方法は一からの制作になるんでしょうか・・・?
あるいは、画像編集ソフトを購入したりして対策するしかないんでしょうか?