プロが教える店舗&オフィスのセキュリティ対策術

使用ソフトは、DreamWheaverです。
某ショッピングサイトのトップページを作成していますが、左のカテゴリメニューや特集欄などは、中央のページが変わる際に違うHTMLファイルを読み込むわけですが、左メニューが同じだと、同じ記載がされているのでファイルが重くなるのと、変更時にすべてのHTMLファイルの左部分を変更しないといけない、ということになります。
左フレームだけ別HTMLファイルにして、一個だけ変えたらすべてのページで左フレームが変わるようにしたいです。どうすればいいのでしょうか・・・?

A 回答 (2件)

通常フレームは以下のように記述します。


-----------------------------
<!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=shift_jis">
<title>サイトタイトル</title>
</head>

<frameset cols="200,*" frameborder="no" border="0" framespacing="0">
<frame src="navi.html" name="leftFrame" scrolling="no" noresize >
<frame src="index2.html" name="mainFrame">
<noframes><body>
このサイトはフレームで構成されています。
</body></noframes>
</html>
-----------------------------
この場合左フレーム内に表示されるのがnavi.htmlで
右フレーム内に表示されるのがコンテンツページです。
(TOPページはindex2.html)

ノンフレームで制作すると、おっしゃる通り全てのページにナビゲーションを作成することになりますが、フレームで制作した場合には、この場合左フレーム内に表示されるHTMLファイルは1つだけです。

また、Dreamweaverにはテンプレート機能がありますので、それを利用してサイトを制作すれば、元になっているテンプレートを修正すれば、そのテンプレートから作成されたHTMLファイルは全てDreamweaver側で修正してくれます(ファイルサイズはナビゲーションの分重くなはなりますが)。

また、フレームを使用したサイトで左フレーム内のファイルから右フレーム内に表示するHTMLへのリンクを指定する場合は、例の場合ではnavi.htmlに
<a href="リンクするHTMLファイル名" target="mainFrame">ナビゲーション名</a>
と記述します。
この場合ですとトップページはindex2.htmlですので、トップへのリンクの記述の仕方は
<a href="index2.html" target="mainFrame">TOP</a>
となります。

Dreamweaverでフレームページを作成する場合には、「ファイル」の「新規作成」で「フレームセット」を選択し、「左固定」を選択すれば簡単にフレームページの作成が可能です。
Dreamweaverでのサイト作成については、慣れない内は以下のURLが参考になると思います。
慣れてきたらMacromediaのサイト内を検索すると、有用な情報が閲覧できます。

[Dreamweaverでゴォ!]
http://www.non-period.com/be/dw/

[若葉のDreamweaver入門]
http://wakabano.cool.ne.jp/dream/
    • good
    • 0
この回答へのお礼

ありがとうございました!わざわざDreamweaverでの作成方法まで記載いただき、大変参考になりました。
早速やってみます!

お礼日時:2005/11/15 21:19

あの・・・書いている意味がわかりません。



フレームをご存知なのなら、フレームを使われたらいいのではないのですか?
フレーム内は別HTMLファイルなのですから。

それともドリームウィーバーでのフレーム作成の方法を質問されているのでしょうか?
    • good
    • 0
この回答へのお礼

十分分かると思いますが・・・

お礼日時:2005/11/15 21:18

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