こんな初歩的な質問で申し訳ないのですがどうか教えてください!
フレームを使ってHPを作る時は、例えとして…
(1)上の部分を表示するtop.htmlというページ
(2)左の部分を表示するleft.htmlというページ
(3)右の部分を表示するページright.htmlというページ…の
3つのページを使ってindex.htmlと1ページに表示しますよね。
でも、検索をかけた場合などにフレームの無いページが表示されたりする
可能性があるので、フレームを使わずに上記のようなページを作るのって
可能なのでしょうか?
例えば、http://www.ozmall.co.jp/のようなページは、
単純にフレームを使っているのでしょうか?
もしくは、javascript等を使って表示しているのでしょうか?
その辺がいまいち、よく分らないのです。
このような問題を解決するのに、詳しく説明されたページがありましたら、
URLを教えてください。

上記の質問の仕方で、大変申し訳無いのですが…よろしくお願い致します!!

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

A 回答 (2件)

再びです。



>大抵のHPは最近はフレームを使わない傾向になっているのでしょうか?

ブラウザによってはフレームに対応していないこともありますので、最近はフレームセットを使用しないサイトが多くなっているようです。
と言いながら、私はフレームセット多用のサイトを作ってしまいましたが・・。

では。
    • good
    • 0
この回答へのお礼

再び素早いご返答ありがとうございます。:*:・( ̄∀ ̄ )。・:*:・

そうですよね。フレームに対応していないブラウザの存在があるんですよね。

今回の質問も、「フレームセットをしないサイトのほうが良い」と
本に書いてあって、「じゃ、企業等のサイトはフレームを使用しないで、
あのように表現しているのか?」がわからなかったのでここで質問をしたのでした。

これからもいろいろとここで勉強をしていきます。
ありがとうございました。

お礼日時:2001/10/24 22:20

yonagahimeさん、こんばんは。



ご質問にあるサイトを見てみましたが、フレームセットは使用していないようです。また、レイアウトに関しては、Javascriptは使用していないようです。
タグでいうところの「テーブル」によって表現されているようです。

特定のサイトの表現方法の確認は、そのサイトの「ソース」を見ることで可能です。
IEを使用されているのであれば、「表示」から「ソース」を選択するか、ツールバーにある「編集」をクリックすることで見ることが出来ます。

あとはタグの知識が必要になってくると思いますので、下記のサイトなどで勉強してみてください。
http://tohoho.wakusei.ne.jp/www.htm

また、下記の2サイトも参考になると思います。
http://www.hotwired.co.jp/webmonkey/
http://www.cybergarden.net/

最後に、書店などでyonagahimeさんが読みやすいと感じる、サイトデザインに関する書籍を購入してみるのも良いかと思われます。
細かいところで不明な場合は、当サイトなどで聞いてみるのも良いでしょう。

頑張ってください。

参考URL:http://tohoho.wakusei.ne.jp/www.htm
    • good
    • 0
この回答へのお礼

早速のお返事ありがとうございます。
確かにテーブルで作っているんですね。
大抵のHPは最近はフレームを使わない傾向になっているのでしょうか?
↑自分で後で調べてみますが…。
やっぱり、HTMLは知識として必要になってくるのですね。
教えていただいたサイトにて、テーブル以外のところも勉強をしてみます。
ありがとうございました!

お礼日時:2001/10/24 20:27

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

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

Qフレームなしのページからフレームページのアンカー部分にリンク

フレームを使用していないページから、フレーム分割したページへとぶ際に、とび先の1ページのアンカー部分を表示させることはできるのでしょうか?
意味が分かりづらくて申し訳ありません。

また可能であれば、その方法をご存じの方、どうぞお教えいただけないでしょうか。
どうかよろしくお願いいたします。

Aベストアンサー

フレームのあるhtmlファイルには

<frame src="frame.htm" name="frame">

といった様に書いてありますよね。

<frame src="frame.htm#jump" name="frame">

と#jumpの様にframe.html内の<a name=で記述されているアンカーを追加してみてはいかがでしょうか。

Q部分ページURLへのアクセスでトップフレームを表示

わかりにくいタイトルでごめんなさい。

http://www.~.jp/index.htm

でアクセスできるトップページは左右の2つのフレームに別れていて、右側にコンテンツ、左側が各コンテンツへのリンク(画像)を表示しているとします。

そこでコンテンツAをクリックしたときには、右側にトップページと同じディレクトリにあるa.htmを表示します(状態A)。これは、targetでフレームを指定しています。

さて、index.htmのURLをご案内して見に来てもらう時は問題ないのですが、a.htmのURLをご案内して来てもらったときは、左側のリンクバーが表示されません。そのときでも、状態Aの様に表示するにはどうしたらいいでしょうか。

全てのページをフレームページにして、リンクバーをロードさせれば実現出来そうですが、あまりスマートには思えなくて...

Aベストアンサー

非常に簡単でかつスマートにできる。

(1)それぞれの単体のページのジャバスクリプトとして以下の趣旨の記述を書く。(それぞれのページに具体的に記述するのではなく、共通の読み込みJavaScriptにすれば良い)
(論理だけ述べる。
 ジャバスクリプトは書かない。自分で調べること)

(1).まず、親フレームが存在し、それが本当に自分のHPの親フレームかとうかの一致確認処理。
(レフトフレームの「フレーム名」から判定するのが良い)

(2).一致していれば、何もしない(それは左のリンクバーから来たとほぼ間違いなく推察される)

(3).一致していなければ、「そのファイルの名前を引数として」トップページを呼び出す。
location.search.substring()などで引数を受け取れる。
ヒントはhttp://oshiete1.goo.ne.jp/kotaeru.php3?q=18407 書籍などにものっている機能。

(4).トップページのジャバスクリプトは、
2つに分ける。
JavaScriptでフレーム分けを吐き出す。
JavaScript内で、引数があるばあいと、ない場合とで、document.writeの内容を変えれば良い。
※javaScriptを切っていた場合のデフォルト(今のフレーム分けと同じもの)は用意しておくことをお薦めする。

非常に簡単でかつスマートにできる。

(1)それぞれの単体のページのジャバスクリプトとして以下の趣旨の記述を書く。(それぞれのページに具体的に記述するのではなく、共通の読み込みJavaScriptにすれば良い)
(論理だけ述べる。
 ジャバスクリプトは書かない。自分で調べること)

(1).まず、親フレームが存在し、それが本当に自分のHPの親フレームかとうかの一致確認処理。
(レフトフレームの「フレーム名」から判定するのが良い)

(2).一致していれば、何もしない(それは左のリンクバーから来...続きを読む

QHTML フレーム内にWebページを表示したい

学生時代にHTMLを習ったことがあり、10年ぶりに作ろうと思ったのですが、
フレームに別ページを表示させようとするとエラーとなってしまいます。OSはWin10。
(IE(11)では別ウインドウでなくては開かない、Firefox(51.0.1)ではエラーすら表示されない)

コードは以下の通りです。フレームの一つに自分で作ったページを表示させ、
もう一つにGOOGLEなどのウェブページを表示させたいです。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN"
"http://www.w3.org/TR/html4/frameset.dtd">
<html>

<head>
<title>サンプルページ</title>
</head>

<frameset cols="100,*">
<frame name="frame1" src="./a.html">
<frame name="frame2" src="http://www.google.co.jp">
</frameset>

</html>


いろいろ調べましたが、最近はセキュリティの都合でこのような表示はできないようなのですが、何か方法はないでしょうか?

学生時代にHTMLを習ったことがあり、10年ぶりに作ろうと思ったのですが、
フレームに別ページを表示させようとするとエラーとなってしまいます。OSはWin10。
(IE(11)では別ウインドウでなくては開かない、Firefox(51.0.1)ではエラーすら表示されない)

コードは以下の通りです。フレームの一つに自分で作ったページを表示させ、
もう一つにGOOGLEなどのウェブページを表示させたいです。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN"
"http://www.w3.org/TR/html4/frameset.dtd">
<html>

<...続きを読む

Aベストアンサー

>もう一つにGOOGLEなどのウェブページを表示させたいです。

ありません。googleは、frame内に表示されることを禁止しています。google側の問題です。自分のページなら表示されるでしょ

フレームの最大の問題点--googleなどから見た---は、googleのコンテンツがあたかも、そのページの作者のものてあるように見られること

 フレームは、遠い昔---「10年ぶりに」じゃなくて、20年以上前から、非推奨の代表格でした。

QHTML+フレーム構成のページを、HTML+CSSで書き換えるには?

HTML+フレーム構成のページを、HTML+CSSで書き換えるには?
コンテンツはそのままに、HTML+フレーム構成のページを、HTML+CSSで書き換えることになりました。

ヘッダー、フッター、上部に画像ロゴ、左にメニューを配置したいと思ってます。
メインコンテンツ部分以外はSSIでインクルードしたいと思っています。

案外簡単だと思ったのですが・・・すぐ配置が崩れて悩んでます。
さらに、CromeとIEで確認をするたびに配置が違ってしまいます。
merginとpadsdingを0にしてから始めるらしいことまでは調べたのですが、
そうするととても配置が変で面倒になります。

現在はFFFTPと秀丸とブラウザで作業してます。

ほかに、PhotoShop6とホームページビルダー14とMicrosoftExpressionweb3は手元にライセンスがあります。

HTMLは分かりますが、CSSは初めてです。多少がんばれば、javaScriptも使えるかもしれません。

お薦めの本や、作り方、フリーウェアなどありましたらご指導ください。よろしくお願いいたします。

HTML+フレーム構成のページを、HTML+CSSで書き換えるには?
コンテンツはそのままに、HTML+フレーム構成のページを、HTML+CSSで書き換えることになりました。

ヘッダー、フッター、上部に画像ロゴ、左にメニューを配置したいと思ってます。
メインコンテンツ部分以外はSSIでインクルードしたいと思っています。

案外簡単だと思ったのですが・・・すぐ配置が崩れて悩んでます。
さらに、CromeとIEで確認をするたびに配置が違ってしまいます。
merginとpadsdingを0にしてから始めるらしいことまでは調べ...続きを読む

Aベストアンサー

CSS に関して、リセットに関して調べて見てください。
以下のサイトが参考になると思います。

http://ps60.blog109.fc2.com/blog-entry-31.html

他にも色々調べて見てください。

Q上フレームページと下フレームページが共にページのTOP(一番上)の位置

上フレームページと下フレームページが共にページのTOP(一番上)の位置が見えるよなリンクの仕方を教えてください。

HTML初心者です。上下2つに分けたフレームページを作っています。
下フレームページの下の方の位置のリンクボタンをクリックすると上フレームページが見えなくなってしまいます。また下フレームページも下の方の位置へリンクしてしまいます。

下フレームページのどの場所のリンクボタンをクリックしても常に
上フレームページと下フレームページが共にページのTOP(一番上)の位置が見えるよなリンクの仕方をご教授ください。初心者ですのでなるべく簡単で具体的なHTMLの書き方を教えてください。
どうぞよろしくお願い致します。

Aベストアンサー

意味がよくわかりませんが、とりあえずjavascriptを使って

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta http-equiv="Content-Script-Type" content="text/javascript">
<tytle>Test</tytle>
<script type="text/javascript">
function movetop(f){
f.contentWindow.scrollTo(0,0);
}
</script>
</head>
<frameset rows="50%,*" frameborder="yes" border="1" framespcing="0">
<frame src="/ue.html" onload="movetop(this);" id="ue" name="ue">
<frame src="/shita.html" onload="movetop(this);" id="shita" name="shita">
</frameset>
</html>

意味がよくわかりませんが、とりあえずjavascriptを使って

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta http-equiv="Content-Script-Type" content="text/javascript">
<tytle>Test</tytle>
<script type="text/javascript">
function movetop(f){
f.contentWindow.scrollTo(0,0);
}
</script>
</head>
<frameset rows="50%,*" frameborder="yes" borde...続きを読む


このカテゴリの人気Q&Aランキング

おすすめ情報