フレームページの使い回しについて

質問

HPを作ろうとしている初心者です。よろしくお願いします。
2分割のフレーム（上がメニューボタン、下が本文）のあるページを標準モードで作ってみました。
初めてにしてはよくできたと思い、保存しました。するとファイルは3つできます。ここまではあってますよね？
で、次のページ（同じ体裁）を作ろうとして既存のページ本文スペースの要らないパーツを削除して新たなページ用のパーツを貼り付け出来上がり。これを名前をつけて保存しました。
するとゲゲゲ・・・最初に作ったページのフレームがなくなっています。
今まで使っていた事務系やドロー系ソフトと同じような感覚で保存したのがいけなかったんだと思います。
フォルダーの中にはフレームのファイルも残ってますので、何とか最初に作成したページと合体させることはできないですか?
また同じ体裁のページが沢山ある時の保存に関しての注意点があれば教えてください。
以上2点よろしくお願いいたします。

回答No.4

zikaku · ベストアンサー

え～と、質問が変わるときは、新しいスレット（新規で書き込む）で、書き込んだほうが良いですよ～
ここに書き込むと他の皆さんが遠慮して書き込みをしませんから、私よりも、はるかに詳しい多くの人の意見をたくさん聞いたほうが、より良いHPが出来ます。

＞１、色々な掲示板とか見るとこのモード・・・・

このモードは、左側から数えてどのくらいの所に配置するか決めるモードですから・・・
基本的に、モニター（ディスプレイ）のサイズが皆さん違うんです。（私は１０２４＊７６８を使っています）

そのモードの時に向かって右側にサイズが指定できるところがありますね、それだけサイズが違うんです。
しかも、IEプラザは、お気に入りとか検索などの左側についてるだけで微妙に位置が変わってきます。
ですから、たくさんの人に見てもらうためにど真ん中に表示できる標準モードが人気が有るんです。
ま～見る人によっては（サイズや、プラザなどの違い）ぐちゃぐちゃになるでしょう

＞2.編集画面でページを右へスクロール・・・

点々は、限界基準点です。
１番で言ったとおり、サイズや、プラザなどの違いで、表示位置が変わってきます。あくまでも目安です。

＞3.実際に配置してみましたがこの点・・・

１番で、モウわかりましたね？
見る環境でぜんぜん違うんです。
私のHPは携帯でも見れるように工夫しています。

＞4.ページ範囲内・・・・

そんなもんです。（左詰）
このモードは向かって右にフレーム（メニュー）をつけるのがポイントです。

＞5.標準モードの編集でレイアウト・・・

はい、これも１番で解決ですね？
IEも、検索、お気に入り、履歴、表示無し、などでも表示画面が変わってきます。

＞普段Illustrator
確かにそうですね～
ですが、たくさんの人にHPを見てもらうんでしたら標準モードで
左より、中央、右より（表示）を活用させて作るのが
お勧めです。

お礼

こんにちは
いろいろご迷惑をおかけしております。
zikakuさんのいわれるように昨晩から標準モードゴチャゴチャでやってみました。現状何とか自分なりの突破口（あ～こういうことなんだというような感覚）が見えてきました。食べず嫌い（標準モードを）だったような気がします。
この調子でゆっくりがんばってみようと思います。
長時間お付き合い頂き本当にありがとうございました。

回答No.3

zikaku

ゆっくりで良いですよ～（暇な時で）
HP作りは、根気が大事です（自論）
ｍ(__)ｍすいません、説明不足で
ページを製作するときは基本的に
ページを分けてない状態で作ります。
（トップページはフレーム付いた画面で作りますが）
（フレーム無し（Cに似てる場合はCのファイルを新たに開いてCを複製して作ります、ぜんぜん違う場合は、新規で作ります））

＞１．上記の方法の場合フレームページが多数できてしまうがそれでも問題はないのか？

↑問題は無いですが、UP（HPを公開するのは１つ）
たとえば
A＝トップページ（index.html（フレームページ））
B＝メニューページ（menyu.html（上のページ））
C＝本文のページ（honbuntop.html（下のページ））
としますか～

Aにアクセスすると３つのファイルが表示されます。
（実際にはBとCが上下に表示されます）
Bはメニューなのでだいたい１つですが、HPが大きくなると増えます。（HPの構造にもよりますが）
Cは、Bのコンテンツ（メニュー、リンクボタン）
をクリック（押す）すると変わりますよね？
ですから、D,E,Fと製作する時は
フレーム無し（Cに似てる場合はCを複製して作ります、ぜんぜん違う場合は、新規で作ります（フレームで分けたらダメですよ））で製作します。←”ここが大事”
C,D,E,Fと、コンテンツ分

＞２．基本的な考え方は、たとえば全体で5ページある場合（デザインは同じ）フレームページは一つで使い回しするのか？

↑そうです、使い回しです。Bのメニューも使い回しです。
（HPが巨大になったり、デザインでフレームの構造が変わるときなどは、フレームをたくさん必要ですが）
ですから、製作は
フレーム無し（Cに似てる場合はCを複製して作ります、ぜんぜん違う場合は、新規で作ります（フレームで分けたらダメですよ））で、ほとんど作ります。←大事
D、E、F（本文、下の変わるページ）

デザインチェックは、フレームページA（ここではindex.html）
をプレビューさせて、Bにあるボタン（コンテンツ）をクリックするとどんな感じか見れます。

＞３・使い回しが正しい場合、例えばA（Topページ）・B・Cというページがあった場合、フレームページにA・B・Cとボタンをつけ、全てにリンクを設定（A→B・C、B→A・C、C→A・B）しなければだめでしょうか？

フレームページとは、あくまでも上下に何を分けるか決めるHTMLファイルです。
（例外：フレームで作るとフレーム無しと言う項目が増えますよね？あれは、フレームが表示できない携帯など（昔のPC）が表示する画面のことです。その方のためにここにリンクなど作ります。
初期設定：このページを表示するには、フレームをサポートしているブラウザが必要です。）

ですから、
メニューのページ（私の説明：B＝メニューページ（menyu.html（上のページ）））にボタン（リンクをつければ）
後はいらないです。
C、D、E、Fは、”トップに戻る”くらいのボタン（リンク））で良いと思います。

分からない時はどんどん聞いてください。
私に分かることは答えます。

補足

おはようございます。
zikakuさんのおっしゃるようにゆっくりやることにしました。
昨日はフレームページの事を忘れて、初心にかえり色々な事を試してみました。
どこでも配置もーどについて疑問点があるんですがよろしいですか？
1.色々な掲示板とか見るとこのモードでの編集はやめたほうが良い。UPされたものを見ると配置がぐちゃぐちゃになってしまうとありますがどうでしょうか？
2.編集画面でページを右へスクロールすると縦に点線が出てきます。これはページの区切り（ここまで表示されるという境）でしょうか？
3.実際に配置してみましたがこの点線を跨いでしまってもIE上でちゃんと表示されます。実際にUPした場合は表示されないんでしょうか？
4.ページ範囲内（点線より左側）で編集した場合IE上で中央に表示されず左側を基準に表示されますが、どこでも配置の場合はこういうものでしょうか？
5.標準モードの編集でレイアウト枠を入れ文字入力や画像を入れると、プレビュー上ではその位置に表示されますが、IE上では左のほうへ移動してしまいますが何故でしょうか？

変な質問ばかりで申し訳ありません。自分的には普段Illustratorで社内文書など作ってますので、どこでも配置のほうが使いやすいんです。
よろしくお願いいたします。

回答No.2

zikaku

私も、初めての時に良くやりました。
そうですね～
フレームや、大事なページは、名前をつけて保存の時に新しいフォルダーを作ってその中にしまっておきます。
たとえば、日記のページとか、使い回しの利くページも新しいフォルダーにしまっておきます。

名前をつけて保存の時も、作った後に保存するのではなく、作る前に名前を変えて保存しておけば、後から上書き保存も出来るしミスった時も大丈夫なので２倍お得です。
（ファイルの中の　ページの複製　でもいいです。）

保存（名前を変えて）してから改造は、役に立ちます。（他のソフトでも）

＞フォルダーの中にはフレームのファイルも残ってますので、何とか最初に作成したページと合体させることはできないですか?

↑は、出来ます。
ファイルで、フレームのページを開いて
開きたいページでマウスの右クリックすると
フレーム内にページを開くで開きたいページを指定すると開きます。

これをやる前に、保存をして、開いた後も保存、
保存ばかりでめんどくさいかも知れませんが
（ファイルの中の　ページの複製　でもいいです。）
全部作った後にミスった時は
元に戻るボタンで戻してください。

もう、遅いかも知れませんが、ビルダー編集画面の時に上にあるメニューのファイルをクリックすると、
昔、開いたページのログが残っています。
保存してないページも残っているので、見てみてください。運がよければ残っています。

PS,ビルダーで、製作するときはHTMLソースを見る癖をつけるとHP作りの上達が早いです。

補足

遅くなりましたがどうもありがとうございます。
実はNo.1の方から回答をもらう前に自分なりに考えてやってみました。方法としてはフレームページをフォルダー内にコピーし、そのコピーを開きzikakuさんが書かれているように、フレーム内にページを開きました。何とかできました。
すみませんがここで補足の質問をさせていただきたいんですが。
１．上記の方法の場合フレームページが多数できてしまうがそれでも問題はないのか？
２．基本的な考え方は、たとえば全体で5ページある場合（デザインは同じ）フレームページは一つで使い回しするのか？
３・使い回しが正しい場合、例えばA（Topページ）・B・Cというページがあった場合、フレームページにA・B・Cとボタンをつけ、全てにリンクを設定（A→B・C、B→A・C、C→A・B）しなければだめでしょうか？
文章がヘタで非常にわかりにくい内容かもしれませんが、何卒よろしくお願いいたします。

回答No.1

gura_

おっしゃるように、2分割のフレームの場合、ファイルは3つ出来ます。
　ひとつは上のページ(仮に名前をue.htmlとします)、もうひとつが下のページ(仮に名前をsita1.htmlとします)、残りは、これらをフレームとして表示するためのファイル(仮に名前をframe1.htmlとします)です。↓
http://tohoho.wakusei.ne.jp/html/frameset.htm

　新たに作った本文ページを仮にsita2.htmlとして保存し、フレームを指定するファイル(仮に名前をframe2.htmlとします)で下のフレームにsita2.htmlを指定するようにすれば良いでしょう。

　なお、上のメニューページからリンクして下のページに表示するためには、フレームを指定するファイルでそれぞれのフレームに名前を付け、ue.htmlのリンクにtargetでフレームの名前を指定します。

　ホームページビルダを使う場合の具体的な方法は、こちらです↓
http://hpb.cool.ne.jp/hpbuilder/hp_frame1.htm

お礼

早速のお答えありがとうございます。教えていただいたSiteもじっくり見させていただきます。
なんせ超初心者なもんですから、言葉の意味自体わからず苦労しています。