ホームページビルダー作成報告

HPB作成報告 前掲示板 ツリー表示 トピック表示 検索 過去ログ

ツリー一括表示

Nomal インラインフレーム作成について /hip_alfalfa (05/01/24(Mon) 23:27) [17325]
Nomal Re[1]: インラインフレーム作成について /Newのり太 (05/01/25(Tue) 08:58) [17328]
  ┗Nomal Re[2]: インラインフレーム作成について /hip_alfalfa (05/01/27(Thu) 00:52) [17346]
    ┗Nomal Re[3]: インラインフレーム作成について /Newのり太 (05/01/27(Thu) 08:55) [17350]
      ┗Nomal Re[4]: インラインフレーム作成について /hip_alfalfa (05/01/30(Sun) 00:25) [17378]
        ┗Nomal Re[5]: インラインフレーム作成について /Newのり太 (05/01/30(Sun) 00:39) [17379]
          ┣Nomal Re[6]: インラインフレーム作成について /Newのり太 (05/01/30(Sun) 09:46) [17381]
          ┗Nomal Re[6]: インラインフレーム作成について /hip_alfalfa (05/01/30(Sun) 18:29) [17382]
            ┗Nomal Re[7]: インラインフレーム作成について /Newのり太 (05/01/30(Sun) 18:55) [17384]


親記事 / ▼[ 17328 ]
[17325]  インラインフレーム作成について
□投稿者/ hip_alfalfa -(2005/01/24(Mon) 23:27:28)

    作成モード(v6以上の方):[標準モード] 
    バージョン:[v6.5] 

    新規にサイトを作成するのにインラインフレームを入れようと考えております。本サイトで勉強させて頂きましたが理解度が悪く質問させてください。
    @今までのフレームなら、例えば上下に区切る場合は(ue.htm/sita.htm/index.htm)の3つのファイルで保存するんですが、インラインフレームの場合、いくつのファイルになるんでしょうか。そしてまたどうやってファイルに名称を付けて保存するんでしょうか。インラインフレーム(仮にcenter.htm)と周りのフレーム(仮にbase.htm)を個別に開いて画像やテキストの作成が出来るんでしょうか。
    A標準モードで新規作成しページの最上部にタイトル用の表を幅100%で作成しその下に縦割り3つの表(幅100%)をつくり真ん中の表の幅を600ピクセルにしてその中にタグ(<IFRAME></IFRAME>)を入れてインラインフレームを作成しましたが、その後どうやって保存すればいいのかわかりません。
    色付きスクロールバーを作るタグをどこへ入れるのかもわかりません。
    B目的としているのは最上部タイトルの下にリンクボタンを作成し、インラインフレーム内のテキストの各所にアンカーを張って各々の場所にリンクするように出来るんでしょうか。
    ※目標としているサイトは http://www.the-faces.com/ なんです。
[ □ Tree ] [ 返信 ] 削除キー/



▲[ 17325 ] / ▼[ 17346 ]
[17328]  Re[1]: インラインフレーム作成について
□投稿者/ Newのり太 -(2005/01/25(Tue) 08:58:13)

    作成モード(v6以上の方):[いつでも標準モード] 
    バージョン:[v6.5] 

    No17325に返信(hip_alfalfaさんの記事)
    > 新規にサイトを作成するのにインラインフレームを入れようと考えております。本サイトで勉強させて頂きましたが理解度が悪く質問させてください。
    > @今までのフレームなら、例えば上下に区切る場合は(ue.htm/sita.htm/index.htm)の3つのファイルで保存するんですが、インラインフレームの場合、いくつのファイルになるんでしょうか。そしてまたどうやってファイルに名称を付けて保存するんでしょうか。インラインフレーム(仮にcenter.htm)と周りのフレーム(仮にbase.htm)を個別に開いて画像やテキストの作成が出来るんでしょうか。
    > A標準モードで新規作成しページの最上部にタイトル用の表を幅100%で作成しその下に縦割り3つの表(幅100%)をつくり真ん中の表の幅を600ピクセルにしてその中にタグ(<IFRAME></IFRAME>)を入れてインラインフレームを作成しましたが、その後どうやって保存すればいいのかわかりません。
    > 色付きスクロールバーを作るタグをどこへ入れるのかもわかりません。
    > B目的としているのは最上部タイトルの下にリンクボタンを作成し、インラインフレーム内のテキストの各所にアンカーを張って各々の場所にリンクするように出来るんでしょうか。
    > ※目標としているサイトは http://www.the-faces.com/ なんです。

    (1)インラインフレームを設置するページと、インラインフレームの中に表示させるページが必要です。
    それぞれ通常のページ同様、名前を付けて保存で任意のファイル名で保存できます。
    もちろん、各ファイルごとに編集作業が可能です。
    図解入り説明はこちら。
    http://www-6.ibm.com/jp/domino01/swhc/esupport.nsf/all/hpb1288

    (2)上のIBMヒント集を参考に。
    スクロールバーの色変更は、スクロールバーの色を変更したいページに
    スタイルシートで指定します。
    ちなみに、「色付きスクロールバーを作るタグ」というものはありません。
    なんでもかんでも「タグ」と言ってしまうのはやめましょう。
    タグ:http://www.tohoho-web.com/wwwbeg2.htm

    (3)元のページからiframe内のラベルにリンクさせるということならできますが、
    ラベルにリンクした場合、ラベル部分をウィンドウ最上部に表示しようとするので
    iframeの下部に大きなスペースがある場合など、場合によっては、
    iframeのある元のページごと動いてしまうことがあります。

    # off topic
    丸囲み文字は環境によって文字化けするかもしれないので
    web上では使用されないのが無難です。
[ 親 17325 / □ Tree ] [ 返信 ] 削除キー/



▲[ 17328 ] / ▼[ 17350 ]
[17346]  Re[2]: インラインフレーム作成について
□投稿者/ hip_alfalfa -(2005/01/27(Thu) 00:52:50)

    作成モード(v6以上の方):[標準モード] 
    バージョン:[v6.5] 

    ありがとうございます。
    教えていただいたようにやってみました。
    インラインフレームは<center.html>という名称で保存いたしました。
    ところが今、保存しているトップページはインラインフレームも含めた<index.html>と<center.html>の2つだけで親フレームの名称を付けての保存の仕方が判りません。このままで各々のフレームを編集して互いにリンクを貼ってサーバーにアップロード出来るんでしょうか?
[ 親 17325 / □ Tree ] [ 返信 ] 削除キー/



▲[ 17346 ] / ▼[ 17378 ]
[17350]  Re[3]: インラインフレーム作成について
□投稿者/ Newのり太 -(2005/01/27(Thu) 08:55:06)

    作成モード(v6以上の方):[いつでも標準モード] 
    バージョン:[v6.5] 

    > インラインフレームは<center.html>という名称で保存いたしました。

    えっと、インラインフレームというのは、ページ内に他のページを表示させる
    ための「枠」のことであって、htmlファイルそのものではありませんので、
    iframeの中に表示させるページをcenter.htmlとして保存した。という事でよろしいでしょうか。

    > ところが今、保存しているトップページはインラインフレームも含めた<index.html>と<center.html>の2つだけで親フレームの名称を付けての保存の仕方が判りません。このままで各々のフレームを編集して互いにリンクを貼ってサーバーにアップロード出来るんでしょうか?

    おっしゃる意味、特に「親フレームの名称を付けての保存」というのが
    よくわかりませんので、的外れなことを言っていたら申し訳ありませんが、
    トップページを開いた状態で、ページ中央に参考ページのような※
    iframeを表示させたいのなら、index.htmlにiframeを挿入して
    iframeの属性で、最初に表示させたいページ(center.htmlですか?)を指定し、
    フレーム名をnakaとか、適当につけます。
    で、メニューボタンからのリンクで、iframe内に他のページを表示させたいのなら、
    別途新規ページを作成し、さっきつけたフレーム名をターゲットにしてそれらのページにリンクを貼ります。

    ※参考ページの中央のスクロールする部分は、
    よく見たらiframeではなしに、レイアウトコンテナ(DIV)に
    overflowプロパティでスクロールバーをつけているものでした。。^^;

    > 各々のフレームを編集して〜
    というのも気になりますが、基本的にiframeはindex.htmlにあるものを使いまわします。
    そのひとつのiframe内に複数のページをリンクして表示させるわけです。
    indexのメニューボタンから、iframe内へのリンクは
    ターゲット指定(例:target="naka")する必要があります。
    iframe内ページ間のリンクは、特に指定する必要はありません。
    (フレーム内からフレームを解除するときは、親フレームもしくは全画面をターゲットに。)
[ 親 17325 / □ Tree ] [ 返信 ] 削除キー/



▲[ 17350 ] / ▼[ 17379 ]
[17378]  Re[4]: インラインフレーム作成について
□投稿者/ hip_alfalfa -(2005/01/30(Sun) 00:25:43)
□U R L/ http://homepage2.nifty.com/hip~alfalfa/

    作成モード(v6以上の方):[標準モード] 
    バージョン:[v6.5] 

    骨組みだけアップロードいたしましたがやはりインラインフレームが表示されません。
    index.htmlとcenter.htmlだけなんですがインラインフレーム内のcenter.htmlが表示されないんです。1〜10までのアンカーを張ってそれぞれリンクを貼ったんですが。ビルダーでプレビューやインターネットでは一応、表示されるんですがリンクをクリックするとcenter.htmlのアンカー部分のみ表示されベースのindex.htmlが表示されません。サイトの設定ミスなんでしょうか?
    それとsenter.htmlの横スクロールは表示しないように出来るんでしょうか。表の横幅は全て%で設定しましたので、あるとじゃまなんですが。
    知識も無いのに質問ばかりで申し訳ありません。
[ 親 17325 / □ Tree ] [ 返信 ] 削除キー/



▲[ 17378 ] / ▼[ 17381 ] ▼[ 17382 ]
[17379]  Re[5]: インラインフレーム作成について
□投稿者/ Newのり太 -(2005/01/30(Sun) 00:39:41)

    作成モード(v6以上の方):[いつでも標準モード] 
    バージョン:[v6.5] 

    No17378に返信(hip_alfalfaさんの記事)
    > 骨組みだけアップロードいたしましたがやはりインラインフレームが表示されません。
    > index.htmlとcenter.htmlだけなんですがインラインフレーム内のcenter.htmlが表示されないんです。1〜10までのアンカーを張ってそれぞれリンクを貼ったんですが。ビルダーでプレビューやインターネットでは一応、表示されるんですがリンクをクリックするとcenter.htmlのアンカー部分のみ表示されベースのindex.htmlが表示されません。サイトの設定ミスなんでしょうか?

    まず、ベースURL(ベースターゲットも)が設定されているので、
    画像を含め全てのリンクの参照先がパソコン内のファイルを示しています。
    なので、web上では表示されません。こちら解除してください。

    また、ターゲットが_self(同一ウィンドウ)になっています。
    iframe内に表示させたければ、ターゲットをiframeに付けた名前*にしてください。
    *ファイル名ということではありません。"center"ってつけてるようですね。

    > それとsenter.htmlの横スクロールは表示しないように出来るんでしょうか。表の横幅は全て%で設定しましたので、あるとじゃまなんですが。

    今のところ、web上ではcenter.htmlが見られません。
    上記修正して、実物を見れば何かわかるかもしれません。もう寝ますけど。。

    > 知識も無いのに質問ばかりで申し訳ありません。
    >
[ 親 17325 / □ Tree ] [ 返信 ] 削除キー/



▲[ 17379 ] / 返信無し
[17381]  Re[6]: インラインフレーム作成について
□投稿者/ Newのり太 -(2005/01/30(Sun) 09:46:09)

    作成モード(v6以上の方):[いつでも標準モード] 
    バージョン:[v6.5] 

    >>それとsenter.htmlの横スクロールは表示しないように出来るんでしょうか。表の横幅は全て%で設定しましたので、あるとじゃまなんですが。
    >
    > 今のところ、web上ではcenter.htmlが見られません。
    > 上記修正して、実物を見れば何かわかるかもしれません。

    あ〜、ごめん。ありました。
    http://homepage2.nifty.com/hip~alfalfa/center.html

    全体の表の幅はページ幅に対して64%となっていますが、
    入れ子になっている表のセルが596pxとか、600pxとか
    実数で指定されています。
    なので、ウィンドウ幅が狭くなっても、その数値よりは狭くなりません。

    で、ちょっと再現してみたんですけど、iframeには横スクロールバーは出ないようです。
    おっしゃってるのは、index.html自体に出る横スクロールバーのことでしょうか。
    これは、メニューボタン?のところに、幅148pxの画像が6つ並んでいますので
    148×6=888、プラス表の罫線&パディングなので、それより狭いウィンドウで
    横スクロールバーが出るのはしょうがありません。

    故意にスクロールバーを消しても、右端の方のボタンが隠れてしまって
    押せなくなったら困るでしょう。
[ 親 17325 / □ Tree ] [ 返信 ] 削除キー/



▲[ 17379 ] / ▼[ 17384 ]
[17382]  Re[6]: インラインフレーム作成について
□投稿者/ hip_alfalfa -(2005/01/30(Sun) 18:29:02)
□U R L/ http://homepage2.nifty.com/hip~alfalfa/

    作成モード(v6以上の方):[標準モード] 
    バージョン:[v6.5] 

    index.htmlとnaka.htmlに変えてレイアウトも少し変更致しましたがインラインフレームはやはり表示されません
    > まず、ベースURL(ベースターゲットも)が設定されているので、
    > 画像を含め全てのリンクの参照先がパソコン内のファイルを示しています。
    > なので、web上では表示されません。こちら解除してください。
    具体的にどうやって設定や解除をするんでしょうか?
    > また、ターゲットが_self(同一ウィンドウ)になっています。
    > iframe内に表示させたければ、ターゲットをiframeに付けた名前*にしてください。
    > *ファイル名ということではありません。"center"ってつけてるようですね。
    インラインフレームのフレーム属性はURLが【 file:///C:/Documents and Settings/☆☆☆/My Documents/HIP のお買いもの/hip/naka.html】で名前は【naka】にしておりますがnakaで良いのでしょうか?
[ 親 17325 / □ Tree ] [ 返信 ] 削除キー/



▲[ 17382 ] / 返信無し
[17384]  Re[7]: インラインフレーム作成について
□投稿者/ Newのり太 -(2005/01/30(Sun) 18:55:36)

    作成モード(v6以上の方):[いつでも標準モード] 
    バージョン:[v6.5] 

    とりあえず、こちらを先にしてください。

    > 具体的にどうやって設定や解除をするんでしょうか?>ベースURL

    ソース(上のほうにあります)で消すか、
    ページのプロパティ>ページ情報タグにて、ベースURLの欄を空欄に。
    ターゲットの既定値は、ここで指定しておくと
    ページ中のリンクはすべてここで指定されたターゲットになります。
    違うターゲットにしたいときはリンクの挿入時にその都度指定してください。
    ターゲットの既定値を、指定するかしないかはお好きに。

    # 通常、この画面で自分で設定しなければ勝手に設定されるものではありません。(と思うよ。)

    > index.htmlとnaka.htmlに変えてレイアウトも少し変更致しましたがインラインフレームはやはり表示されません

    えっと、『iframeに表示するファイル名』と、『iframeのフレーム名』を混同しないで下さい。
    前に見たときは、iframeに表示するファイル名がcenter.htmlで、iframeのフレーム名がcenterになってました。
    インラインフレームの属性画面で言えば、
    URL欄が、表示するファイル名(file:///C:/〜(中略)〜center.html)、
    フレーム名はそのときにつけたフレーム名(center)。となっていたはずです。
    で、肝心のリンク時のターゲットが、iframeのフレーム名(この場合center)にするべきところ、、
    同一ウィンドウ(_self)になっていたので、リンク先がiframe内に表示されず、
    |リンクをクリックするとcenter.htmlのアンカー部分のみ表示され
    |ベースのindex.htmlが表示されません。
    となってしまうというわけです。

    > インラインフレームのフレーム属性はURLが【 file:///C:/Documents and Settings/☆☆☆/My Documents/HIP のお買いもの/hip/naka.html】で名前は【naka】にしておりますがnakaで良いのでしょうか?

    現状ではiframeのフレーム名は"naka"ですので、
    リンクのターゲットは、"naka"を指定してください。
    # "naka"でも"soto"でも"piyo"でもいいんです。
    # iframeの属性の「フレーム名」に書いた名前であれば。

    iframeのURLは、ベースURLを解除すると、たぶん相対パスになります。
    相対パスについてはこちら。
    http://www.wsb.jp/hpb/cgi/qabbs/cbbs.cgi?mode=all&namber=17319&type=0&space=0&no=0
[ 親 17325 / □ Tree ] [ 返信 ] 削除キー/


HPB作成報告 前掲示板 ツリー表示 トピック表示 検索 過去ログ

- Child Tree -