• 締切済み

DreamWeaverのテンプレート画像が*.htmlに表示されない

最近DW4からDW-MX2004に乗り換えたのですが、困っています。 テンプレート(*.dwt)に表を作成し画像を貼り付け、編集可能領域を設定しました。 この時点では、問題なく表示されています。 このテンプレートを、階層の異なるフォルダにある「index.html」に適用したところ、画像が表示されません。(リンクチェックでは破損リンクとして表示されます。) 「index.html」の編集不能領域のタグを見ると、テンプレート(*.dwt)で作成した画像リンクのパスが、「Templates」フォルダからのパスのままとなっており、異なる階層に ある「index.html」から参照出来るパスに変更されていません。 だから画像が表示されないのだと思いますが、この症状の改善策はありますか? どなたか教えていただきたく、よろしくお願いいたします。

みんなの回答

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

 サイト定義しているのに、テンプレートからページを作っても適用されないっておかしいですよねぇ。 ( ̄_ ̄;  後出来る対策といえば、 1.一度案インストールして入れ直す 2.アップデートファイルをダウンロードしてくる(参考URLからどうぞ) 3.相対パスを諦めて、すべて絶対パスにしてしまう  別のファイルをサイト定義して、簡単なテンプレートと、それからページを作ってみてください。  同じ症状が出たならソフト自体が不良品なのかも・・・マクロメディア社に問い合わせた方が良いかもしれません。

参考URL:
http://www.macromedia.com/jp/support/dreamweaver/downloads_updaters.html
  • Pochi67
  • ベストアンサー率34% (582/1707)
回答No.1

 テンプレートを開いた状態から『新規保存』でHTMLファイルとして保存した・・・なんてことしてませんか?  これをやるとうまくいかなくなるようです。  ちゃんと『新規』から【テンプレート】を選んで作成しましたか?  上↑ので疑問が解決しないなら、テンプレートファイルで画像のパスを作成し直してください。  直接キーボードからパスを打ち込むとダメになる時があるみたいなので、プロパティパネルの【リンク】項目でファイルの参照を使ってやってみてください。  それでもダメならちょっとわからないです。

tomohiro-s
質問者

お礼

ご回答、ありがとうございます。 はい、もちろん「*.dwt」(テンプレートとして)で保存しています。 また画像パスを作り直して再保存し、再度*.htmlにテンプレートを適用しても画像リンクが切れたまま。 リンクはターゲットを使うか参照から選択しているのですが、*.dwtで見ると問題なく表示されているのですが*.htmlで見るとリンクが破損しているのです。 DW4でテンプレートやスタイルシートを使った作成・更新は身についているのですが、同じような操作方法でリンクが切れてしまうのです。 うぅん、参った・・・

関連するQ&A

  • dreamweaverのテンプレートでリンクが上手く貼れない

    dreamweaverのテンプレートを利用しているサイトを引き継ぎました。 下記のようなフォルダ階層です。 index.html aaa/index.html bbb/index.html bbb/ccc/index.html bbb/ccc/ddd/index.html Templates/main.dwt 新たに bbb/ccc/eee/index.html を作成し、リンクを追加したいのですが、 Templates/main.dwtにある記述 <a href="../ccc/ddd/index.html"> をコピーして追加して新たに <a href="../ccc/eee/index.html"> を加えてリンクしました。 すると、すべてのhtmlがTemplates/main.dwtをテンプレートとして作成されているために、リンクが上手く貼れません。 bbb/ccc/ddd/index.html と同じ階層にあるhtmlはこれでよいのですが、 bbb/ccc/index.html と同じ階層にあるhtmlはリンク先が違ってしまいます。 階層によってリンクを変える方法があるのでしょうか? とりあえず現在のところは該当フォルダ内のhtmlに対して置換を行っているのですが、回り道な作業をしているような気がしてなりません。 テンプレにはTemplates/main.dwtしかないので、そのdwt一枚で更新していたのだと思うのですが、設定で階層ごとにリンクパスを自動に変える方法などがあるのでしょうか? ご存じの方、よろしくお願いいたします。 環境: windows XP dreamweaver 8

  • Dreamweaver テンプレートのリンク設定

    お世話になります。 Web更新作業の引継ぎで、クライアントのサーバーからファイルをダウンロードしました。前任の会社がファイルをテンプレートで作成しており、 更新作業を実施した際、リンクの設定がおかしくなりました。 作業は、Dreamweaverで実施しました。 テンプレートファイルの .dwtを修正し保存。←リンクの箇所は修正していません! .indexのDWメニュー[修正]→[テンプレート]→[サイト全体の更新]→[次を含むファイル]で反映させたいファイルを選び更新しました。 サーバーにアップしてから気付いたのですが、リンク切れを起こしています。 その後、DWで.dwtと.indexファイルを確認したのですが、 .dwtでは ----------------------------------------------------- <dd><a title="※※※" href="tokyo.html">※※※</a></dd> <dd><a title="※※※" href="hamamatsu.html">※※※</a></dd> .indexでは ------------------------------------------------------- <dd><a title="※※※" href="../Templates/tokyo.html">※※※</a></dd> <dd><a title="※※※" href="../Templates/tokyo.html">※※※</a></dd> -------------------------------------------------------- となっており。リンクのパスが変わってしまっています。 .dwtのリンク設定のまま.indexに反映させるには、どうしたらいいのでしょうか? よろしくお願いします。

    • 締切済み
    • CSS
  • DreamWeaverでテンプレートの設定について

    ドリームウェーバ でテンプレートを保存すると、 Templates フォルダに 自動的に保存されます。 今、 index.html と イメージフォルダ と テンプレートフォルダ が同階層にあります。 テンプレートファイルからみると、イメージの位置は、 「 /images/****.jpg 」 のような形になります。 index.html からみると、イメージの位置は、 「 images/****.jpg 」 となります。 そこで質問ですが、 DWの デザイン画面では ちゃんと イメージがすべて表示されているのに、 ブラウザで表示したとき、 テンプレートで読み込むはずのイメージが表示されません。 どうすれば、表示されるのか教えてください。

    • ベストアンサー
    • HTML
  • Dreamweaver MX テンプレートについて

    Dreamweaver MXでテンプレートを作成しようとしています。 やり方だいたいわかったのですが。。 サイトのメニュー部分+ヘッダーメニュー部分をテンプレートしているのですが、TOPページに戻るリンクに「../」と記載しています。 これはこのテンプレートをもとに作られるファイルがルートフォルダの1階層下におくからです。この部分は編集不可能の領域です。 他の部分に編集可能領域を設定し、テンプレートとして保存→新しく作るページを新規作成し、アセットパネルからテンプレートをドラッグします。 ここでテンプレートをもとにした新しいページを作成することが可能なのですが、困ったことに、さきほどのTOPページへのリンクの部分が 「file:///D|/ルートフォルダ名」に変わっているのです。 その他画像の参照先などがすべて同様に絶体参照のようにかきかわっているんです。これはなぜでしょうか?? このままサーバーにアップしても、参照先がローカルなんで動きません。 教えてください。よろしくお願いします

    • ベストアンサー
    • CSS
  • Dreamweaverのテンプレート機能について

    こんにちは、Santaと申します。 Dreamweaver CS5 を使用しております。 テンプレート機能について、お尋ね致します。 テンプレート機能を使用しておりますと、おかしくなりませんか? 例えば、「サイトの定義」をして、1ページ作成して「テンプレートとして保存」common.dwtとします。 common.dwtより、sample1.html,sample2.html,,,,,sample10.htmlと作っていきます。 これで10ページ分の雛形が制作出来ます。 「編集可能領域の作成」Aをします。 一部分だけ編集可能領域Aを作成しますと、残りソースの部分は編集できないように、グレー色になります。 問題はここからです。 この後に、編集可能領域に設定していない部分(グレー色になっている部分)を再度変したいと考え「編集可能領域を作成」Bをcommon.dwtに挿入します。 10ページの同じ部分に一度に、編集部分Bが挿入されます。 このように、少しずつ「編集可能領域」を広げていきますと、だんだんと適用されずに「停止」ボタンを押さなければ更新自体が止まらなくなり、結局適用されないことがあります。 また、「サイトの定義」を改めしてやり直したりしますと、common.dwtで編集を加えても、変更されないページが出てきたり、はたまた変更されたりするページもあったりと、なってしまいます。 みなさんはそのようなことはございませんでしょうか? また、その場合はどのようにして回避しているのでしょうか? common.dwtからテンプレートとして作成したページのグレー色の部分を削除するときも、 common.dwtから「編集可能領域」を削除しても、common.dwtから作成したページには反映されないということが起こってきます。 皆様は、どのように使われていらっしゃいますか?

  • DREAMWEAVERのテンプレート機能

    DREAMWEAVERを使ってサイトを作成しています。 今までテンプレート機能は使っていなかったのですが、ページ数が多くなった事もあって、テンプレート機能を使って作成をはじめてみました。 テンプレートファイル(.dwt)を作って、プレビューで見た所、ちゃんと表示されました。 「テンプレートから新規作成」でページを作り、プレビュー画面で確認したところ、Firefoxではちゃんと表示されますが、IEだと崩れた表示になります。 サイトはCSSで段組してあり、CSSの方も詳しくはないので、CSSのコードがおかしいという事も考えられるのですが・・・汗 ただ、まったく同じコードで書かれているページで「テンプレートから作成」「テンプレートを使わず作成」ではテンプレート作成表示のみ崩れます。 両方のページのコードを確認したところ、テンプレートから作成したページには自動的で<!-- #BeginTemplate "/Templates/testo.dwt" --> が挿入されているのと、されていないとう違いのみです。 試しに、テンプレートから作成したページの<!-- #BeginTemplate "/Templates/testo.dwt" -->コードを消して見てみたところ、表示は崩れませんでした。 使っているDREAMWEAVERは「DREAMWEAVER4.0J」かなり古いものを使っているのですが・・・汗 これが原因(バグ)なんでしょか? 同じような症状がでた方がいたら教えて頂ければ幸いです。 どうぞ宜しくお願いします。

    • 締切済み
    • CSS
  • Dreamweaverのテンプレート機能

    Dreamweaverのテンプレート機能を使った場合 テンプレートが適用されているファイルの編集可能領域以外は テンプレートを編集するかたちになりますが、 テンプレートが適用されているファイルが10ファイルあるとして そのうちの1つの一部分だけのテンプレート機能を外すことは可能でしょうか。 何がしたいかというと、 10ファイルのうちの一つだけ リンクの指定をフルパスにしたいのです。 しかしフルパスにしたい部分は テンプレートの一ヶ所だけなので、 テンプレート機能は維持したいのです。 どなたかわかる方おられませんか。

    • ベストアンサー
    • HTML
  • Dreamweaver MX 2004のテンプレートの編集が反映されません・・

    Dreamweaver MX 2004を使ってHPを作成しているのですが テンプレート(dwt)に編集を加えても、テンプレートから作成しているファイルに反映されません。 「テンプレートファイルの更新」→「ページの更新」 とし、テンプレートを使用しているファイルを開き、 「修正」→「テンプレート」→「テンプレートをページに適用」 としても、更新されないままです。 何が間違っているのでしょうか? ご指導の程、宜しくお願い致します。

  • Dreamweaver テンプレート作成

    Dreamweaver MXでテンプレート作成をいます。 作成できたテンプレートの編集可能エリアにFirewoks からhtmlを読み込むと完成画像に隙間が出来てしまいます。 対策方法は、ありますでしょうか?

    • ベストアンサー
    • CSS
  • Dreamweaver で 外部JSを読み込む際の設定について

    初めまして。 Dreamweaver の使い方に関する質問です。 DWでテンプレート(dwt)に外部JSファイルを埋め込む際の方法についてですが、 <head>~</head>間に手打ちで<script type="text/javascript" src="./js/abc.js"></script>のように記述しています。 しかし、この方法だとJSファイルへのリンクが切れるページが出てきます。 というのは、テンプレートで作ったページがすべて同じ階層のフォルダにあるわけではないので、 テンプレートで手打ちした部分が、深い階層のページにまで反映されない状態です。 ちょっと説明がヘタですが、わかりますでしょうか? 今はとりあえず、<head>~</head>間には記述せず、編集可能領域にJSファイルを読み込む記述をして対応していますが、 何か、正攻法というか、正式な操作方法などはあるのでしょうか?

専門家に質問してみよう