締切済み

DreamWeaverテンプレートについて

2007/12/25 12:00

現在DreamWeaver8でWEB作成をしています。新しく作るページのメニュー部分に、テンプレートを導入したいのですが、そのメニューにはロールオーバーがあります。テンプレートを使いつつ、「現在いるページの画像はＯＮ状態」という仕組みにしたいのです。普通に作るとテンプレートはページを複製するだけで、個々の細かい変更は出来ないようなので、何か方法があればご回答お願い致します。どうぞよろしくお願いします。

tortoise-power
お礼率46% (19/41)

ホームページ作成ソフト
回答数2
ありがとう数2

みんなの回答 （2）
専門家の回答

みんなの回答

yama_0927
ベストアンサー率100% (1/1)

2008/01/14 12:04 回答No.2

まずお伺いしますが、ロールーオーバーはどのように設置されているでしょうか？ファイアーワークス等で設定したものを書き出しで配置でしょうか？それともＣＳＳでの制御でしょうか？オススメとしてはまずロールオーバーはＣＳＳのbackgroundで背景をコントロールして、テンプレートのbodyのＩＤにて識別するって方法はどうでしょうか？簡単に書きますと、 <body id="page1"> <ul> <li><a href="#">A</a></li> <li><a href="#">B</a></li> <li><a href="#">C</a></li> <li><a href="#">D</a></li> </ul> </body> という感じでメニューをつくり違うページでは<body>のidをpage2とかにしてＣＳＳで識別すればよいのではないでしょうか？テンプレートをロックしたままBODYのIDを変える等の操作に関しては参考ＵＲＬを見ていただくと良いと思います。

参考URL：: http://www.eclp.net/maeda/dwt/index.html

質問者

補足 2008/02/21 18:55

お返事が送れて申し訳ありません。ご回答ありがとうございます。ロールオーバーの設置はひとつづつ設置するだけのシンプルなものです。 CSSは使用していません。なんとなく方法はわかるのですが、勉強不足のため具体的にピンときません・・・；この場合、IDには何を指定していると考えれば良いのでしょうか？ “リストタグの一部だけロールオーバなし”という設定を、メニューの数だけ用意するということですか？

master000
ベストアンサー率33% (16/48)

2007/12/27 18:22 回答No.1

こんなことをやりたいのですかね。わたしは、こんな感じでメニューを作っています。まず、下にあるのをマスターテンプレートとして保存します。つぎにこのマスターテンプレートから２番目のテンプレートを作成し、  にある番号を変更します。最後に２番目のテンプレートからHTMLを作成します。これで、２段メニューの完成です。 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS">  <title>無題ドキュメント</title> <link href="../default.css" rel="stylesheet" type="text/css">   </head> <body> <div id="wrapper"> <div id="header"> <h1>メニューサンプル</h1> </div> <div id="container"> <div id="sidebar"> <ul> <li>メニュ－１  <ul> <li>サブメニュ－１</li> <li>サブメニュ－２</li> <li>サブメニュ－３</li> <li>サブメニュ－４</li> </ul>  </li> <li>メニュ－２  <ul> <li>サブメニュ－１</li> <li>サブメニュ－２</li> <li>サブメニュ－３</li> <li>サブメニュ－４</li> </ul>  </li> <li>メニュ－３  <ul> <li>サブメニュ－１</li> <li>サブメニュ－２</li> <li>サブメニュ－３</li> <li>サブメニュ－４</li> </ul>  </li> </ul> </div> <div id="main"> メインページ</div> </div> <div id="footer" class="clearfix"> footer </div> </div> </body> </html>