• ベストアンサー

Dreamweaver MX2004で、全ページに新しいリンク先を挿入する方法。

今、下記のようなリンクバーを約50ページ全ページの右上に作ってあるのですがたとえばこの中のメールの次に、新着情報という項目を全ページに付け足したいと思ったとき、Dreamweaver MX2004の機能を使って簡単に全ページに追加できるほうほうはありますか。それとも1ページづつ手作業でやっていくしかないのでしょうか?いい方法があれば教えてください。宜しくお願いいたします。 <div id="utility"> <a href="#">ブログ</a> <a href="#">掲示板</a> <a href="#">リンク集</a> <a href="#">メール</a> </div> #utility{ font: 75% Verdana,sans-serif; position: absolute; top: 16px; right: 0px; color: #919999; }

noname#30387
noname#30387

質問者が選んだベストアンサー

  • ベストアンサー
  • Pochi67
  • ベストアンサー率34% (582/1707)
回答No.4

 まだまだ未熟なのでidの使い方がよくわからないのですが、 1. サイト定義をする。 2. ライブラリファイルに保存したいファイル(HTMLファイル)を開いて該当のコード部分を選択、【ファイル】パネルの【アセット】タブを表示する。 3. 左の柱に『ライブラリ』のアイコンがあるのでクリック、下の方に『新規ライブラリを登録』のアイコンがあるのでクリック、ファイル名(.lbi)をつける。 4. 2.で開いたHTMLファイルでは該当部分がコードビューでもデザインビューでも薄い黄色が背景についていると思います(環境設定を変えていなければデフォルトが薄黄色) 5. 他のファイルの該当部分を置き換えていく。 同じ階層であればコピー&ペーストでOKだが、階層が違う場合は【アセット】タブのライブラリファイルを選択してから下にある『挿入』アイコンをクリックする。 6. ライブラリで置き換えられた部分は、ライブラリファイルを変更すれば保存時に「ライブラリファイルの更新」とウィンドウが出てくるので、「更新」をクリックすれば全ページ自動で更新されます。 注意。 開始タグと終了タグが揃っていない、テーブルの一部分だけ(ex.<td>から</td>までとか)、など、HTMLファイルとしてきちんと表示できないコードはライブラリで保存できません。 コードは開始タグから終了タグまで、テーブルは<table>から</table>まで、しっかり記述してください。  テンプレートはページ全体の形態を決めてしまうものです。  作り方などはライブラリと似たような方法で作ったり、保存時に「テンプレートとして保存」を選ぶと出来ます。  作成時に[編集可能領域」を作り、その部分だけに各ページの中身を入れることが出来ます。  各ページを作るには、新規でHTMLファイルを作成時に【一般】タブではなく【テンプレート】タブを選べば、サイト定義されている中で登録されているテンプレートが一覧で出てくるので、それを選んで作っていきます。  ライブラリは一部分だけを定型にしてしまうものです。  今回の場合、ライブラリの方が手間が少なくて良いと思います。  <div id="utility">~</div>を選択して、上の手順でライブラリファイルに出来るので、後は置き換えていくだけです。  ライブラリはHTMLファイルの中でいくつでも使えます。  テンプレートファイルの中にライブラリを埋め込んでしまうとうまく動かなくなるようです。  (ライブラリ変更→テンプレート変更はするが、そのあと全ページ変更・・・にはならないため)  テンプレートの編集可能領域にライブラリを置くのはOKです。  (ライブラリ変更→HTMLファイル変更 になるため)  拙い説明でわかりましたでしょうか?

その他の回答 (3)

回答No.3

Dreamweaverは検索・置換機能で全ページを一気に書換えできますよ。 まったく同じソースの部分なら一発です。 多少ページによって内容が違っても、正規表現も使えるので、かなり手間は軽減できます。

noname#30387
質問者

お礼

ありがとうございます。正規表現とはどういうことでしょうか?

  • Pochi67
  • ベストアンサー率34% (582/1707)
回答No.2

 多分、テンプレートやライブラリ機能以外ではないと思うんですが。  というか、そんな便利な方法が他にあるなら私も知りたいです・・・。 ( ̄_ ̄||| (どうしてもテンプレートに入れられないリンクメニューを持つサイトを振られて、ページ増やす度に泣きそうになるので・・・)  今回は諦めて、今後のためにライブラリにでもしていた方が良いと思います。

noname#30387
質問者

お礼

ありがとうございます。ヘルプを見ていたら、ライブラリというのがどういうものなのか、なんとなく分かりました。めんどくさいですけどidをライブラリに登録して、全ページの同じidをそのライブラリに挿入すればいいのですね?そうすれば、そのライブラリを編集するだけで、全ページのそのライブラリに登録してあるものを編集できるのですね。しかも、リンクもそのページの階層にあわせて、../など割り振ってくれるのですね。今からでも間に合いそうなので、全部、修正してみようと思います。ありがとうございました。私のライブラリの解釈はこれで間違っていないのでしょうか?もし、おかしな解釈をしているようなら教えていただけるとありがたいです。あと、ライブラリとテンプレートどちらが、有効的なのですか?

  • Pochi67
  • ベストアンサー率34% (582/1707)
回答No.1

 テンプレートやライブラリで管理していれば、そのテンプレートやライブラリの修正だけで済むんですが・・・。

noname#30387
質問者

補足

つくってしまったらもう遅いということでしょうか?

関連するQ&A

  • Dreamweaver MX を利用して作る画像バーナーの出し方。

    Dreamweaver MX を利用して作るホームページを作っています。最近ボランティアをしようと思い、その活動資金を得る目的でアフィリエイトをしようと思います。 アフィリエイトでリンクコードで、画像バーナー<a href="…をそのままコピーペーストしてDreamweaver MXに貼り付けて、そのまま通常にアップしようとしても<a href="…がそのまま出てしまい、IEでは画像が出てくれません。 ちなみに、自分が持っているブログではきちんとでてくれるのですが… どのように設定を行なえばいいのかわからないのでご存知の方教えてください。

  • Dreamweaverにロールオーバーの挿入方法

    fireworksでロールオーバーした画像(htmlと画像で書き出し)をDreamweaverのどこに挿入すればいいでしょうか? <div class="navi"> <ul> <li><a href="#">Home</a></li> <li><a href="#">Menu</a></li> </ul> また、書き出しはHTMLと画像でして、サイトのなかに書き出ししたのですが合ってますか?

  • リンク先から戻ったら、表示がおかしい。

    未完成品です。 サイトの各ページからメインページに戻ると、文字の色が変わったり、 大きさが変わります。 どこに不具合があるか、初心者なのでよくわかりません。 いじりすぎて、構成もめちゃくちゃだと思いますが、よろしくお願いします。 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title>ゲームのすべて</title> </head> <!--全体の背景--> <body bgcolor="#696969" text="#FFFFFF" link="#0000FF" alink="#DC143C" vlink="#8B008B"> <title>デザイン</title> <style type="text/css"> <!-- body { line-height:150%; font-size: 12px; color: #222222; margin:10px 0px; } .menu_c { font-size:12px; color:#cccccc; } .menu_c a { color:#ffffff; text-decoration: none; } .menu td { padding:2px 8px; } .side { background:#D3D3D3; margin:0px 0px 10px 0px; padding:5px 8px; border-left: #80838F 1px solid; border-right: #80838F 1px solid; border-bottom: #80838F 1px solid; } h3 { color:#ffffff; font-size:12px; margin:0px; padding:2px 12px; background:#808080; } h4 { color:#ffffff; font-size:12px; margin:0px 0px 0px 8px; padding:2px 12px; background:#808080; } .comb { margin:0px 1px 10px 8px; padding:5px 10px 5px 4px; background:#D3D3D3; } --> </style> </head> <!-- ページの全体幅テーブルタグ --> <table width="780" align="center"> <tr><td> <!--一番上のところ--> <table width="100%" > <tr> <td width="18%"><img src="logo.gif" width="132" height="40"></td> <td width="82%" align="right"><a href="index">ホーム</a> <hr noshade size=1></td></tr> </table> <br> <table width="100%" border="0" cellspacing="0" bgcolor="#DCDCDC" class="menu"> <tr><td width="72%">ああああああああああああああ</td> <td width="28%" align="right">デザイン</td></tr> </table> <table width="100%" border="0" cellspacing="0" class="menu"> <tr><td bgcolor="#808080" class="menu_c"><a href="#">ホーム</a> | <a href="#">おもなゲーム</a> | <a href="#">ソフト</a> | <a href="#">作られる過程</a> </td></tr> <tr><td><a href="#">ホーム</a> &gt; ページナビ</td></tr></table> <!--左サイドメニュー--> <table width="100%" border="0" cellpadding="0" cellspacing="0" style=" border-bottom: #B6B6B6 1px solid;"> <tr><td width="25%" height="70" valign="top" bgcolor="#696969"> <h3>おもなゲーム</h3> <div class="side"> ・<a href="page1.html#1">PS3</a><br> ・<a href="page1.html#2">PSP</a><br> ・<a href="page1.html#3">PSP go</a><br> ・<a href="page1.html#4">Xbox360</a><br> ・<a href="page1.html#5">Wii</a><br> </div> <h3>ソフト</h3> <div class="side"> <br> </div> <h3>おもなゲーム</h3> <div class="side"> ・<br> ・<br> ・<br> ・<br> </div> <h3>プログラマー</h3> <div class="side"> </div> <!--左サイドメニュー 終--> <!--右サイドメニュー 始--> <br></td> <td width="75%" valign="top"> <h4>自己紹介</h4> <div class=comb>ああああああああああああああああああああああああああああああああ<br> aaaaaaaa<br> aaaa </div> </td></tr></table> </td></tr></table> <table width="100%" > <tr><td align="center"><a href="index.html">ホーム</a> | <a href="page1.html">おもなゲーム</a> | <a href="page2.html">ソフト</a> | <a href="page3.html">作られる過程</a> | <a href="page4.html">プログラマー</a></td></tr> <tr><td align="center">Copyright &copy; Your site. All Rights Reserved. </td></tr> </table> </html>

  • 自社Webページ内の階層リンクへ飛ばない

    自社Webページ内の階層リンクへ飛ばなくなり困っています。 ドリームウィーバーでページを構築していますが、気づいたら同サイト内のリンクに飛ばなくなっていました。 <div id="menu"> <ul> <li><a href="#">トップページ</a></li> <li><a href="houjin.html">●●</a></li> <li><a href="tenpo.html">●●</a></li>     </ul> </div> div#menu ul { margin:0 auto; padding:10px 0; } div#menu li { font-size:85%;/* 12px相当 */ color:#2e2930; text-align:center; list-style-type:none; } div#menu li a { display:block; width:200px; color:#2e2930; line-height:60px; } /* マウスオーバー時 */ div#menu li a:hover { color:#f1f1f1; background:#2D2D2D url("img/bg_menu.gif") 0 0 repeat; } </li>が抜けていたので付け足しても変わりません。 他のページへのリンク(別窓で開く)は有効です。 考えられる原因を教えていただけると幸いです。 どうぞよろしくお願い致します。

    • ベストアンサー
    • CSS
  • ページ内リンクについて

    ページ内リンクについて質問です。 以下のプログラム内容で、実行するとTopにはいくのですが、 微妙に少しだけTopより下の位置にジャンプします。 完全にTopにいきません・・・ なぜでしょうか? リンク到着地点のタグの位置が不適切なんでしょうか? 色々挑戦したんですが、どこがいけないのかわかりません。 回答よろしくお願いします。 【HTML】 <body id="center"> <a name="container" id="container"></a> <div id="rogo">    会社のロゴ </div>   <div class="UD-msg">      本文      <a href="#container"><img src="images/page_top.GIF" alt="Page Top" title="Page Top" width="58px" height="12.5px"></a>   </div> </body> 【css】 #center{ width: 770px; margin-top: 0px; margin-left: auto; margin-right: auto; } #rogo{ margin-top: 6.6px; } .UD-msg{ margin-top: 20px; margin-left: 30px; }

    • ベストアンサー
    • HTML
  • 例えばDreamweaverでリンクを一括で消去する方法って

    自社のホームページの更新を担当している者です。 昨日、サイトの一部を更新する作業をしたのですが その際に、さわっていないはずのページで そのページに貼っているテキストリンクや画像リンクの リンクが全て無くなるという事故が起きました。 それがトップページだったので、サイトがトップページから どこへもいけないという状態です。 10箇所程のリンクがあったのですが、 ソースをみるとあったはずの <a href="URL"></a> のタグだけが全てきれいに無くなっていました。 気づいてすぐに直して、対処は済んだのですが 半日ほどそのままでアップされていたので 原因を追究するよう、会社に言われて困っています。 使用しているのはDreamweaver MX 2004です。 Dreamweaverで例えば、特定のページに貼られている リンクを一括で消去する機能かなんかがあって それを誤って実行してしまったのかな?? などと推測しているのですが、経験も少ないので 正直まったくわかりません。 考えられる原因をご存知の方、同じ経験を持たれたことのある方、 いらっしゃったらぜひ教えてください。よろしくお願いします。

  • 訪問済リンクを未訪問の状態に再び戻す方法

    質問お願いします。 フレームで上部に組んだメニューボタンの訪問済リンクが、 ページを移動するごとに訪問済みが増えて、 どのページを現在、訪問しているのかわからなくなります。 訪問済リンクを未訪問の状態に再び戻す方法を教えてください。 CSS部分 body { background-color: #FFFFFF; margin:0; padding:0; } #menu{ position:absolute; top:0px; width:800px; height:219px; left:-1px; margin:0; padding:0; background-image:url(../topimage/title.gif); background-repeat:no-repeat; } #menu #bottom{ position:absolute; float:left; top:149px; width:800px; height:70px; left:0px; } #bottom ul{ list-style:none; padding:0; margin:0; } #bottom ul li{ padding:0; margin:0; float:left; } #bottom a.c,#bottom a.c:link { display:block; width: 115px; height:70px; background-image:url(../top/img/menu/b1.gif); background-repeat:no-repeat; background-position:0% 0%; } #bottom a.c:visited { background-position:100% 0%; } #bottom a.c:hover { background-position:33% 0%; } #bottom a.c:active { background-position:66% 0%; } 以下ボタン7つのソースがほぼ同じ為、省略します。 HTML部分 <div id="menu"> <div id="bottom"> <ul>  <li><a href="../new/top.html" target="main" class="c"></a></li>  <li><a href="../product/top.html" target="main" class="d"></a></li> <li><a href="../example/top.html" target="main" class="e"></a></li> <li><a href="../company/top.html" target="main" class="f"></a></li> <li><a href="../rinen/top.html" target="main" class="j"></a></li> <li><a href="../faq/top.html" target="main" class="g"></a></li> <li><a href="../info/top.html" target="main" class="h"></a></li> <li><a href="../recruit/top.html" target="main" class="i"></a></li> </ul> </div> </div>

  • 擬似フレームでのページ内リンクについて

    擬似フレームの横分割のレイアウトで、 左に位置固定された折りたたみ式メニュー 右にメイン画面を置いてあります。 左で折りたたみメニューを開き、ページ内リンクで右に出てくる本文の項目ごとにリンクさせたいんですが普通にaタグを設置してみても上手くいきません。 どうやったらできるでしょうか? 折りたたみメニュー ・外部js function oritatami(id){ obj=(document.all)?document.all(id):((document.getElementById)?document.getElementById(id):null); if(obj) obj.style.display=(obj.style.display=="none")?"block":"none"; } ・外部CSS body { font-size: 82%; color: #505050; position: relative; padding: 0px 20px 0px 150px; } #PAGETOP { margin: 0px auto; max-width: 700px; } #MENU { width: 220px; padding-top: 20px; position: fixed; left: 30px; top: 0px; font-size: 85%; } .box{ line-height: 1.2; background-color: #FFFFFF; border: 1px solid #000000; padding: 1em; margin-top: 0.5em; } #MEIN {line-height: 1.5;} 以下、text.htmlのソース ----------------------------------------- (中略) <body> <div id="PAGETOP"> <div id="HEADER"> (中略) </div> <!--  左メニュー  --> <div id="MENU"> <div class="box"> <ul> <li><a href="text.html" onclick="oritatami('o0');return false">メニュー1</a></li> <div id="o0" style="display:none"> <ul> <li><a href="text.html#abc.html">ABC</a> <li><a href="text.html#def.html">DEF</a> </ul> </div> </div> </div> <!--  右メイン  --> <div id="MEIN"> <h2 id="abc">ABC</h2> (中略) <h2 id="def">DEF</h2> (中略) </div> <div id="FOOTER"> (中略) </div> </div> </body> 検討よろしくお願いします。

    • ベストアンサー
    • HTML
  • Dreamweaver8で作業中に、ページ内ジャンプを有効にするには?

    Dreamweaver8で作業中に、ページ内ジャンプを有効にするには? ページ内リンクテキスト <a href="abc#xyz">ファイル名</a> を右クリックして「リンクされたページを開く」を選択すると、「見つかりませんでした」となります。 長いページでページ内リンク(アンカー)が多くあり、不便をかこっています。よろしくおねがいします。

  • 「同じページ内にリンクする」で、リンク先にスタイルシートのid="st

    「同じページ内にリンクする」で、リンク先にスタイルシートのid="style"があった場合、どのように対処すれば良いのでしょうか? よろしくお願いします。 「同じページ内にリンクする」とは リンク元(出発点) <a href="#a">Aの位置へ移動</a> リンク先(到達点) <div id="a">ここがAの位置</div>

専門家に質問してみよう