HPを作成、アップロードしているのですが、
私のPCで見る分には全く問題ないのですが、友達のPCから見ると、画面の右側が切れてるらしいのです。
私のPCで見るより、『文字や画像が大きいような気がする』と言われました。『画面の大きさを調節してもやっぱり右側が切れている』との事です。私の作ったHPを、出来るならば、色々な人達に正確に近い形で見て欲しいと思っています。しかし、それはやはり無理なのでしょうか?ちなみに、私のPCは、WIN-MEで、14インチのノートPCです。
右側が切れているというのは、WIN-98・デスクトップです。良い解決策はありますでしょうか?よろしくお願いします。

このQ&Aに関連する最新のQ&A

A 回答 (4件)

そもそもお互いのパソコンの、いわゆる「画面の領域」が違うのでは?


お互いのパソコンの解像度はいくつですか?
1024×768あたりだとかなり大きく見られますが、
640×480なんかだとほとんどのHPの右側が切れてしまうのではないでしょうか。
HPをいろいろな方に正確な形で見てもらうことは不可能です。
それを踏まえ、プロの方々はなるべく小さめに(640×480でも見づらくないように)製作しているとおもいます。
これがなかなか大変なんですが、お互いがんばりましょう!
    • good
    • 0

既に解決策は他の方が書いていらっしゃるので、具体例を一つ。



・表(枠一つでいい)を作って文書をその中に納める。
・表の横幅をパーセントで指定する。(表示画面のn%で表示されます。)
・画像サイズは640x480以下にする。(差し支えなければサムネイル表示とする。)
・画像と文章は横に並べない。(320x240程度かサムネイル表示の場合は可。)

上記のようにすれば、レイアウトは多少崩れますが、殆どの環境で閲覧することが可能になります。
他にもっといい方法があるかもしれませんが、私はこのようにして作成しています。
    • good
    • 0

画面解像度、ブラウザの種類、OSの種類、設定されている文字の大きさなどで、見え方はずいぶんと変わってくるかもしれません。


対象とするお客さんの環境を想定して、一番狭い解像度で、一番多いブラウザの種類を想定して作ると言うことになると思います。
それでもイメージ通りになるとは限りませんので、HTMLではなくフラッシュをつかうとか、PDFで見てもらうとか、いろいろな方法が考えられます。もともと、HTMLは、デザインのための手法ではないそうですから、そういうことが苦手なんだそうですよ。
    • good
    • 0

良くあることですね。

まずあなたのPCは14インチのノートということですので画面の解像度がXGA(1024×768)だと思います。お友達のPCは字が大きいということですのでたぶんSVGA(800×600)ですね。大きさが違うから右側が切れてしまいます。
あなたのHPを出来るならば、色々な人達に正確に近い形で見て欲しいと思っているということですから、HP作るのに何のソフトを使っているのかわかりませんが、まずHPを作製する時にSVGAで作るといいでしょう。まだ15インチのCRTや12.1~13.3インチのノートPCはSVGAが多いですから。
    • good
    • 0

このQ&Aに関連する人気のQ&A

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!

このQ&Aを見た人が検索しているワード

このQ&Aと関連する良く見られている質問

Qホームページビルダーの16と17について

ホームページビルダー17のSEO対策、スマホ対応等について
現在、商用のホームページを管理しています。ビルダー12で作成したサイトです。
現状、目指すキーワード検索でほぼ10位くらいには位置しています。

昨年、ビルダー16を購入し同じような内容と雰囲気でリニューアルしようと思ったのですが、怠惰のためか作成しないまま今となってしまいました。
最近はビルダー17が販売され、ワードプレスの事が宣伝されていますが、このWordPressはどうなのでしょうか。バージョンアップ版を購入すべきかアドバイスいただけますと助かります。
重視したい点としては、

・SEO対策上、どうなのか
・スマホ対応がどうなのか
・ブログは別のサイトで書いていますが、ホームページ内で更新する場所を作った方がSEOに良いのか

などです。
(あくまでもビルダー16または17を使うという前提でアドバイスよろしくお願い致します)

Aベストアンサー

No1です。

ショッピングサイトでしたか…(T_T)
ん!商品紹介のみかな…?



ショッピングサイトならWordPressで作製すると
かなりキツイですよ。

「買い物かご」や「顧客管理」、「クレジット決済」なども
関わってきますので、素直に「おちゃのこネット」「Eストアー」などの
レンタルサーバーを利用されて方が良いかも…。
※SEO対策は別問題になりますが…。

最近にレンタルサーバーであればスマホにも対応していますし
スマホ版の買い物機能も備わっています。


レンタルサーバーを利用されるのであれば
ビルダー16で十分です。

私はビルダー6を使ってますが、機能としては十分ですよ。

QマックのPCのデーターを winのPCのFDで見たいのですが・・・。

macで作成したデーターを、winのPCで見たいのですが、
マック用のFDに保存されているので、ウィンで見ることができません。

データー自体はウィンのPCでも見れるように処理はしてあるみたいなのですが、
FDがウィンのPCに入りません。

データーを見たい場合どうすればいいのでしょうか?

また、マック用のFDでも薄いのがあるみたいなのですが、それなら、ウィンのPCでもみれるのでしょうか?教えてください。お願いします。

Aベストアンサー

MacフォーマットのFDはWinでは読めません。
Windows形式(MS-DOS形式というやつ)でフォーマットされたFDならどっちからも読めます。
ので、Windows用のFDに、Macのデータを入れ直せば、いいと思いますよ。
(Windows用のFDをMacに入れて、データをそこにコピーする。あるいは、Mac側で、アンフォーマットのFDをMS-DOSフォーマットで初期化してから入れる。*MacintoshフォーマットのFDをMS-DOSフォーマットに初期化し直すこともできますが、あんまり推奨しません)
さもなければ、通信で「添付」でおくっちゃうのが一番簡単ですが。(データの大きさにもよる)

FDのうすいの‥‥
スーパーディスクでしょうかね?(MOは、むしろ厚いような‥)それは、Winのほうにも読み取り用のハードがついてないと見れないのでは‥‥;
FD、MO、どちらにしても、「読むほうに読み取れるデバイスがついている(FDならFD、MOならMO、というように)」、さらに「フォーマットが読み取り可能である」ことがポイント。だいたい、Mac側でMacフォーマットにするかMS-DOSフォーマットにするかえらべるので、そこでMS-DOSフォーマットにしてもらってください。

あと、Macで保存したデータに拡張子ついてますか?ついてなければ、おぎなってください。Macでは、ソフトによっては拡張子が自動でつかないので、ファイル名のうしろに自分でつけてあげなければなりません。

MacフォーマットのFDはWinでは読めません。
Windows形式(MS-DOS形式というやつ)でフォーマットされたFDならどっちからも読めます。
ので、Windows用のFDに、Macのデータを入れ直せば、いいと思いますよ。
(Windows用のFDをMacに入れて、データをそこにコピーする。あるいは、Mac側で、アンフォーマットのFDをMS-DOSフォーマットで初期化してから入れる。*MacintoshフォーマットのFDをMS-DOSフォーマットに初期化し直すこともできますが、あんまり推奨しません)
さもなければ、通信で「添付」でおくっ...続きを読む

Qホームページビルダー16を使っています。パソコンではサイトが見れるのにスマホなどからは見れません。

ホームページビルダーを始めてから間もない初心者です。
始めのうちは普通に転送すればパソコンと携帯、どちらからも見れていたのですが、最近、携帯から自分のホームページが見れなくなってしまいました。
携帯からホームページをクリックしてもnot found と出てくるだけです。
同じような経験をされた方や、詳しい方、教えて頂けませんか?

Aベストアンサー

スマホ対応ページへ飛ぼうとして、
ページがないので not found と表示されてしまうみたいです。
リダイレクトを解除すれば正しく表示されるかと思われます(*^_^*)

Q最新のHPの画面を表示させたい。(更新されているはずの最新のHPが表示されない)

あまり詳しくないので質問も的をつかない部分が申し訳ないのですが、
今まで光接続できました。
しかし、マンションがケーブルTVでしか接続していないのでケーブルTVでの接続に切り替わりました。
それ以来、あまりインターネットの接続がよくなく、本当は更新されているはずのHPを見ても更新前の表示しかされないことがしばしばあります。時限があるものなどは見逃してしまい困っています。

更新ボタンを何度押しても最新のHPの表示に切り替わらず古いものばかり表示されます。

解消する方法はないでしょうか。IE6Windowsxpホームエディションです。よろしくお願いします。

Aベストアンサー

ケーブル回線ではプロキシでも設定されてますか?

ケーブルの会社に言わないとどうにもならない話と思います。

Qホームページ作成ソフト等について

現在、ホームページビルダー12でつくった商用サイト(30ページ程度)を運営しています。(問い合わせ等は外部の申込みフォームを利用)
これからリニューアルしたいと思います。

これまで、ビルダー12でのCSSを利用していたのですが、そのせいもあってか、firefox、グーグルクローム等のIEとの見え方の違いに苦戦しています。
ビルダー16はそれぞれ対応していると表示されていますが、実際のところ本当に対応しているのか不安もあります。またスマホ対応のサイトにも変換できるのも魅力があります。
知識レベルとしては、HTML+CSSの本をざっと一冊読んだ程度です。
友人のウェブサイトもこれからいくつか作る予定もあります。
更新の頻度も週に1回程度あります。

そこで質問なのですが、

■この機会に思い切って別のソフト(ドリームウィーバー等)にした方が良いのか、
■時間をかけてでもHTML+CSSを直接打ち込むようにした方が将来的には良いのか、
■やっぱり慣れと手軽さでビルダー16にした方が良いのか迷っています。
※SEO的なところも気になります。(現在は希望のワードでなんとか1ページ目に出ていますが)


ちなみに現在使っているパソコンは、NECバリュースターintel(R)pentium(R)D CPU2.8GHz
1.00GB RAM です。

アドバイスよろしくお願い致します。

現在、ホームページビルダー12でつくった商用サイト(30ページ程度)を運営しています。(問い合わせ等は外部の申込みフォームを利用)
これからリニューアルしたいと思います。

これまで、ビルダー12でのCSSを利用していたのですが、そのせいもあってか、firefox、グーグルクローム等のIEとの見え方の違いに苦戦しています。
ビルダー16はそれぞれ対応していると表示されていますが、実際のところ本当に対応しているのか不安もあります。またスマホ対応のサイトにも変換できるのも魅力があります。
知識レ...続きを読む

Aベストアンサー

 ブラウザによって見え方が違う、最大の原因は多くの場合「互換モード」と「標準モード」の差であることが多いでしょう。
 以前のIEは、過去のいきさつもあり独自の仕様に長くこだわっていました。しかし、それはウェブの本来の目的
「HTML文書が、ブラウザやプラットフォームの違いを超えてうまく働くべきであるということは、多くが認めるところである。 ( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/intro/intro.html#h-2.2.1 )」(以下の文章を読んでおくこと。)
 ウェブが、IEを筆頭とする「ユーザーの囲い込みのための独自仕様」によって、分断されていくことに危機感を抱いた人たちによって、ウエブ標準が提唱され、HTML4.01strictが勧告されました。他のブラウザがそれに従い、その有用性が認められるにいたってついにIEもそれに従うようになったということ。
 ところが、過去の蓄積の多いIE専用のサイトなどの過去の仕様に対処するために、互換モードが存在すると考えればよいかと。

 言い換えると、HTMLを標準モードで動作するように記述すれば、どのブラウザで見てもほぼ同等に見えるページが作成できます。
※DOCTYPEスイッチ - Google 検索 ( http://www.google.co.jp/#hl=ja&sa=X&psj=1&ei=O2o-T8etIIeiiAeagonaBA&ved=0CBsQvwUoAQ&q=DOCTYPE%E3%82%B9%E3%82%A4%E3%83%83%E3%83%81&spell=1&bav=on.2,or.r_gc.r_pw.,cf.osb&fp=e4983194fbbc0760&biw=1013&bih=600 )

 残念ながら、ビルダーは、基本は互換モードです。

 ビルダー16が、ウェブ標準に対応しているとは言っても、絶対にオーサリングツールだけでは不可能な部分があります。

★HTMLは、文書をそれを構成する要素に分けて、その構成要素を示すようマークアップする。
 この部分は見出しだから<h2></h2>で括る。この部分は引用だから<blockquote></blockquote>で、この部分は定義リストだから<dl><dt><dd>で・・・。こんなこと文書を読み解く能力のないオーサリングツールでは無理なのは理解できるでしょう。著者が自身で、HTMLにはどのような要素(タグ)が用意されていて、どのようなときに使用するかを正しく知っていないとマークアップできません。オーサリングツールが出来るのは、その綴りが正しいか否か程度
★要素(タグ)で足りない部分は、idやclass名で文書構造を示します。
『DIV要素とSPAN要素は、id属性及び class属性と併用することで、文書に構造を付加するための一般機構を提供する。 ( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/struct/global.html#h-7.5.4 )』
 ですが、どのようなclass名がよいかは、オーサリングツールは知りません。たとえば、HTML5では、このclass名が要素として独立します。
『新しい要素 ( http://standards.mitsue.co.jp/resources/w3c/TR/html5-diff/#new-elements )』
 それらがそのまま、class名として使うとよいのですが、あくまで人が、それぞれの意味を知ってつけないとならない。
★スタイルシートに対応しているのは、プロパティだけです!!。セレクタは自分で書かなきゃなりません。
[例]HTML5で書いておきます。HTML4だと、それぞれ<div class="header"></div>のようになります。
<body>
 <header>
  <h1>見出し</h1>
  <p>・・・・</p>
 </header>
 <section>
  <h2>章見出し</h2>
  <section>
   <h3>項見出し</h3>
   <p>・・・</p>
   <aside>
    <p>本文と関係ない文章</p>
   </aside>
   <figure></figure>
  </section>
 </section>
 <footer>
 </foote>
</body>

これをスタイルシートでデザインするとき、CSSを知っていれば、
section section{font-size:0.9em;}
section aside p{color:gray;}
とか、実に簡単に書けるし。後日誰が見ても、「本文ニ階層目は小さな文字で」と読み解けますから、HTML見なくても修正できるでしょう。オーサリングツールでは、せいぜい著者が文字を小さくする要素を選択して、本来不要のclass名でもつけて書かざるを得ませんね。なぜなら彼らには読解力なんてないですから。CSS(カスケーディングスタイルシート)のもっと重要なカスケーディングは、機械に読み取れても利用するのは原理的に無理なのです。

 オーサリングツールは、大変便利な道具ですが、テキストエディタですらすら書ける人以上に、HTMLやCSSを知っていないと、まともなページを作るのは無理です。HTMLやCSSの仕様書に加えてツールのマニュアルを読んで理解しなきゃならない。

 どんな大規模なサイトでも、作るのはテンプレートに当たる数タイプのHTML・・・数ページと、手でしかまともにかけないCSSです。
 使うタグなんてせいぜい40個・・・(中学校で覚えるべき英単語が2000語 )・・・。

 SEOを誤解されています。SEOとは、検索エンジン最適化と言う意味で、検索エンジンがページの情報を正確に把握できるようにマークアップすることです。--結果的にその情報を検索したときに上位に出てきますが、それは結果です。HTML5で導入される新しい要素は、googleなどが強く求めてきたものです。

 プロで、ホームページビルダーを使う人はまずいないでしょうが、DreamWeberが圧倒的に多いですが、それはサイト管理やコンテンツ管理が容易だからです。HTMLやCSSは、著者の力量によります。

 私は今は、HTML,CSSの最初のステップは
HTMLエディタ ( http://ja.wikipedia.org/wiki/Web%E3%82%AA%E3%83%BC%E3%82%B5%E3%83%AA%E3%83%B3%E3%82%B0%E3%83%84%E3%83%BC%E3%83%AB )
 です。理由は次の記事『問題点 ( http://ja.wikipedia.org/wiki/Web%E3%82%AA%E3%83%BC%E3%82%B5%E3%83%AA%E3%83%B3%E3%82%B0%E3%83%84%E3%83%BC%E3%83%AB#.E5.95.8F.E9.A1.8C.E7.82.B9 )』ですね。特にビルダーは『作成したウェブサイトの影響 ( http://ja.wikipedia.org/wiki/%E3%83%9B%E3%83%BC%E3%83%A0%E3%83%9A%E3%83%BC%E3%82%B8%E3%83%BB%E3%83%93%E3%83%AB%E3%83%80%E3%83%BC#.E4.BD.9C.E6.88.90.E3.81.97.E3.81.9F.E3.82.A6.E3.82.A7.E3.83.96.E3.82.B5.E3.82.A4.E3.83.88.E3.81.AE.E5.BD.B1.E9.9F.BF )』があって、使うことはありません。
 というか、私の仕事のもっとも負担--利益にならなくて、もっとも労力を要するのが、ビルダーで作られたサイトの再構築なのです。






 

 ブラウザによって見え方が違う、最大の原因は多くの場合「互換モード」と「標準モード」の差であることが多いでしょう。
 以前のIEは、過去のいきさつもあり独自の仕様に長くこだわっていました。しかし、それはウェブの本来の目的
「HTML文書が、ブラウザやプラットフォームの違いを超えてうまく働くべきであるということは、多くが認めるところである。 ( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/intro/intro.html#h-2.2.1 )」(以下の文章を読んでおくこと。)
 ウェブが、IEを筆頭とする「ユ...続きを読む

Q携帯ブログサイトのHPをPCで見ることができない。

いつもお世話になっております。
携帯のブログサイトの中でPCで見ることができないものがあったのですが、これは携帯のサイト運営者の方でそのように設定できるものなのでしょうか。
また、PCからの閲覧を禁止するのは、ブログの管理者がどのような設定を行うことで可能となるのでしょうか。
よろしくお願いします。

Aベストアンサー

>携帯のブログサイトの中でPCで見ることができないものがあったのですが、これは携帯のサイト運営者の方でそのように設定できるものなのでしょうか。

できます。

>また、PCからの閲覧を禁止するのは、ブログの管理者がどのような設定を行うことで可能となるのでしょうか。

例えば管理サイドでUSER_AGENTを判断して規制している場合があります。
USER_AGENTというのは使用しているブラウザの種類です。
下記の確認くんにPC及び携帯でアクセスしてみてください。

http://www.ugtop.com/spill.shtml

使用ブラウザという項目があると思いますが、それがUSER_AGENTです。
そしてその内容については下記を参考にしてください。

http://www.hajimeteno.ne.jp/i-mode/user_agent.html

つまりこのUSER_AGENTでサイトはアクセスしてきた相手をPCか携帯か判断しているわけです。
通常のIEやNNだとこのUSER_AGENTは変更できません。
しかし下記のようなブラウザを使うとUSER_AGENTを偽装することができます。

http://arena.nikkeibp.co.jp/qa/internet/20020620/100815/

ただこの偽装の手段は最近知られてきているので現在はIPアドレスで判断することが多くなってきました。
つまり携帯各社のサーバが使っているIPアドレス以外はアクセスを拒否するという方法です。
AUを例にとると下記のようなIPアドレスになっています。

http://www.au.kddi.com/ezfactory/tec/spec/ezsava_ip.html

この方法ですと残念ながらPCから携帯サイトにアクセスすることはできません。
どちらの方法をとっているかは外部からはわかりません、実際にUSER_AGENTを偽装してみてアクセスできるかどうかで判断するしかありません。

>携帯のブログサイトの中でPCで見ることができないものがあったのですが、これは携帯のサイト運営者の方でそのように設定できるものなのでしょうか。

できます。

>また、PCからの閲覧を禁止するのは、ブログの管理者がどのような設定を行うことで可能となるのでしょうか。

例えば管理サイドでUSER_AGENTを判断して規制している場合があります。
USER_AGENTというのは使用しているブラウザの種類です。
下記の確認くんにPC及び携帯でアクセスしてみてください。

http://www.ugtop....続きを読む

Qホームページを作る

自分のホームページを作ってみようと思って、いろんな人のホームページ作成講座を見てるんですが、なんだか難しそうですね。
ホームページを持っている人に質問ですが、みなさんはどのようなものを参考にホームページを作られましたか?
おすすめのホームページや、ホームページ作成の本があれば教えてください。

Aベストアンサー

はじめまして!!
確かに初めて見ると、HTMLタグなんて唖アルファベットだらけで何が何だか判らないですよね(笑)。でも、難しくはなかったですよ。いろいろいじっているうちに形になっていくと思います。

私は共に技術評論社の『HTMLタグ辞典』と『ホームページ作成Tipsポケットリファレンス』を片手に作っています。
でも、どんどん新しい本が出ているので、実際に見てこれなら楽しく出来そうだというものを使うといいと思います。
あとは色々なサイトで見つけた格好いいデザインを参考にしていますね。
下記のホームページは作り方が分かりやすくまとまっているようなので、おすすめします。

それでは、ホムペ作成頑張って下さい!!

参考URL:http://www.cybergarden.net/

QインターネットにつながっていないPCでHP等を見る方法

インターネットにつながっていないPCでHP等を見る方法はありますかね?自宅のインタネットつながっているPCでHPのデータをメディア等に保存してそれを寮のPCでみたいのですが・・・。

Aベストアンサー

その(又は過去に閲覧した)HPを名前をつけて、mhtタイプで保存すれば、後から、そのファイルを開けば、いつでも見られると思いますが・・・

Q結局はホームページビルダーで作成

今ホームページの作成の勉強をしています。無料レンタルのホームページを利用するにしてもレイアウトなんか考えるとホームページビルダーで作成する。無料のホームページは結局場所を提供しているだけで、ある程度勉強しないとホームページは作成できないのでしょうか。

Aベストアンサー

ビルダーの機能として、既存のホームページを取り込んで編集することも可能です。
もちろん他人のページには著作権があり、そのままアップロードはできませんが、どうやって作っているのか参考にすることはできますし、作り方をここで質問しながらやっていってもよいと思いますよ。

QHPが見れたり見れなかったりで困ってます。

作ったホームページがパソコンによって、画像が見れたりみれなかったりします。なぜでしょうか?
具体的にいうと、私のFMV-BIBLOのノートPCでは画像が全て見れて、VALUESTARのデスクトップでは見れません。
主人のノートPC(HITACHI)でも見れませんでした。
とても困ってます。教えてください。

Aベストアンサー

こんにちは。itohhといいます。

ホームページを作成に使用したPCは「FMV-BIBLOのノートPC」ですね。(^_^;
そして、画像があるのもこのノートPCのDドライブですね。
kerakeraさんのノートPCで見えて他のPCで見えないのはノートPCに画像があるからです。

なおす方法は例えば。
>file:///D:/sozai/bstar_y.gif

となっているところを
htmlファイルをアップロードしたところにsozaiというディレクトリを作成して画像をアップロードしてください。
そして、
sozai/bstar_y.gif
のようにリンクしてください。これでOKだと思いますよ。

その他にアドバイスすることがあるのですが。(お節介かもしれませんが。)
フォントをいろいろ指定していますが、他のPCに同じフォントがないと思ったように表示してくれませんよ。


人気Q&Aランキング

おすすめ情報