ベージの一部を入れ替える方法

質問

Web初心者です。
今DreamweaverでCSSを使いながらサイトを作っています。
そこでページ内の一部を入れ替える方法がどうしてもわからないので教えてください。
具体的にいうと、リストの画像ボタンがあって、そのボタンを押すと記事（写真とテキスト）が入れ替わるという風にしたいのです。（１は１の記事、２は２の記事という風に）
いったいどうしたらいいのでしょうか？？

回答No.3

thila

＃2で質問者様が提示されたサイトは、Dreamweaverのテンプレート機能かアセット機能（多分テンプレートだと思います）を使って作成しているようです。
※独特のコメントアウト（こんなの：<!-- InstanceBeginEditable name="temp01" -->）を吐き出すので、それで判別できます。
コメントアウトが入るのが気になるのであれば、この独特のコメントアウトがないページも書き出すことができた気がします。

テンプレート…自身でテンプレート設定時に指定した範囲以外は固定
アセット…メニュー等の一部分のみ固定

固定部分を作り変える際は雛形をいじれば、テンプレートなりアセット部分なりが入っている全てのページが自動で変更されるというものです。
雛形をいじる時は普通にDreamweaverでページを作る感覚と余り変わりませんので、変更も比較的簡単にできます。
フレームを閲覧できない環境の人やjavascriptをOFFにしている人も中にはいますから、それらの人のことを考慮されるのであればこちらの方法をお勧めします。

回答No.2

xxsuzuxx

そのホームページの場合は、特に特殊な技術を使ってはいません。
トップページのホームページアドレスと、メニューをクリックした先のホームページアドレスを見るとわかりますが、
トップページはindex.htmlというファイルで、メニューをクリックした先はabout/index.html等になっています。
デザインは同じですが全く別のページへリンクされています。

基本デザインとなる１ページを作成し、それを基にしてコンテンツページを作成していけば
同一デザインでメインコンテンツの異なるページが出来上がります。
メインコンテンツの内容を書き換えてそれぞれ別名で保存し、メニューからリンクさせてください。

多くのページがあるとメニューを書き換えるときに大変・・・という場合は
フレームやインラインフレームを使ってメニュー部分とメインコンテンツ部分を分ける方法や
javascriptでメニューだけを個別に作成したり等の方法もあります。

お礼

ありがとうございます！
メニューが動かないように見えたのでメニューは動かずにコンテンツが変わっているのかと思っていました。
私の場合ページの１０点ほどリンクさせなくてはいけないので、インラインリンクを使って作ってみようと思います。
ありがとうございました。

回答No.1

noname#39970

そういうのはJavaScriptで入れ替えるか　iframe　で個々個々のHTMLを読み込む方法が殆ど。
http://www.tohoho-web.com/html/iframe.htm

お礼

早速ありがとうございます。
インラインフレームでやる方法はわかったのですが、JavaScriptはまったくわかりません。Dreamweaverのビヘイビアで使える機能はありますか？例えばこのサイトhttp://www.healingvilla.com/なんかはメニューとメインコンテンツはジャバスクリプトで入れ替えているのでしょうか？