• 締切済み
  • すぐに回答を!

DREAMWEAVERのテンプレート機能

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

共感・応援の気持ちを伝えよう!

  • 回答数1
  • 閲覧数422
  • ありがとう数4

みんなの回答

  • 回答No.1
  • webtera
  • ベストアンサー率57% (40/70)

使用されているのが、「DREAMWEAVER4.0J」ということですが、現在、WEBサイト制作を生業にされている方、もしくは詳しい方で、そのバージョンを使用して制作されている方はまずいないと思われますので、解答は付きにくいと思います。 DREAMWEAVER4.0Jは使用していませんので、参考に書かせていただきます。テンプレートファイル(●●●.dwt)を作成したら、それを元にして(●●●.html)を作ります。保存先は、テンプレートフォルダ以外の場所にした方がいいです。その作成したページをプレビューしたらそのように表示されますか。拡張子が.dwtではなくて、●●●.htmlにする必要がありますので、テンプレートを開いたまま、●●●.htmlで保存して下さい。そして、その●●●.htmlの表示は崩れますか。いかがでしょうか。

共感・感謝の気持ちを伝えよう!

質問者からの補足

ご回答ありがとうございます。 そうですよね・・・「DREAMWEAVER4.0J」を使っている方はそういらっしゃいませんよね(汗 新ヴァージョンのもほしいとは思っていますが、なかなか値段と検討中という状況です(大汗 webteraさんが仰せのように試してみました。 テンプレートファイル(●●●.dwt)を元に(中身の書き換えなしで)(●●●.html)というファイルを作成し、アップしてみたところ、表示は崩れませんでした。 ※保存先はテンプレートフォルダ以外の場所です。 この場合、「テンプレートから作成」したページではない(拡張子のみ変更)ので、<!-- #BeginTemplate "/Templates/testo.dwt" --> は自動挿入されていないですよね。 ちなみに保存先ですが、テンプレートファイル(●●●.dwt)は「Templates」というフォルダに保存されており、他のファイルは1つ上のフォルダに保存されている状態です。 ■public_html (ホームディレクトリ) ├─imgフォルダ ├─Templatesフォルダ │ ├─●●●.dwt ├─index.html ├─○○.html ├─○○.html └─○○.html やはり、バグという線が強そうでしょうか・・・(:_;)

関連するQ&A

  • [Dreamweaver8]テンプレートに外部CSSを適用→HTMLドキュメントにCSSが適用されないのは何故?

    Dreamweaver8初心者で、現在勉強中の者です。 Dreamweaverのテンプレート機能を使った、外部CSSの設定方法についてお尋ねします。 ディレクトリは現在、以下のような状態です。 [サイト -SampleWebSiteFolder-]    |―[Templates]    |   |―[style.css]    |    L―[template.dwt]    |     L[index.html] ※拡張子の無いものはフォルダを表します。 index.htmlファイルへCSSを適用させたいのですが、適用されないで困っています。 cssは、外部スタイルシートファイルを用意(style.css)し、テンプレート(template.dwt)に対して、CSSスタイルパネルの[スタイルシートを添付]ボタンより設定しています。 結果、テンプレート(template.dwt)に対してはCSSが適用されるのですが、HTMLドキュメント(index.html)にはCSSが適用されていない状態です。 テンプレートを用いて外部スタイルシートにてサイトを管理する場合、上記のケースにおける問題の原因は何でしょうか。 ちなみに、テンプレート[template.dwt]及び、HTMLドキュメント[index.html]の<head></head>内には、以下のソースが記述されています。 <link href="style.css" rel="stylesheet" type="text/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 8でテンプレート保存時共有違反と出ます

    Dreamweaver 8(ドリームウィーバー8)で Template.dwt を保存しようとすると 「\Templates\Template.dwt へのアクセス中に共有違反が発生しました」 というエラーが出てしまいます どのようにすれば直るのでしょうか? 初めての利用ですので不備などあると思いますが よろしくお願いいたします

  • Dreamweaverのcssとテンプレート

    こんにちは。 Dreamweaverを使用しているのですがどうしてもわからないことがあります。 cssファイルを更新(文字の大きさ・色等)するとtemplate.dwtファイルには反映される(A)のですが、template.dwtファイルを元に作成しているhtmlファイルには反映されません。(B) template.dwtファイル内の文章を変更したらhtmlファイルには反映されます。(C) <現状> (A)cssファイルとtemplateファイルはつながっている(=反映される) (B)templateファイルとhtmlファイルはつながっている(=反映される) (C)cssファイルとhtmlファイルはつながっていない(=反映されない)←ここで詰まってます 1か月ほど前に使用した時は問題なく反映されていました。 (cssを変更後、通常通りhtmlにも反映される) 何が原因なのかさっぱりわかりません。 <使用環境> Dreamweaver CS4 Windows7 IE、Chrome 非常に困っています。 どこをどうすればよろしいでしょうか。 どうぞよろしくお願いします。

  • DREAMWEAVER DWTファイル

    こんにちわ。 DREAMWEAVERかなりの初心者のものです。 なので、質問にも自信がありませんが、よろしくお願いします。 DREAMWEAVERでホームページを作った方がいまして、その方の引継ぎで今DREAMWEAVERを使っております。 内容としましては、既存のものと同じページをコピーしてロシア語に翻訳したものをつくるのですが、なんとなくリンクのはり方などはわかったのですが、DWTファイルになっていて、すべてにタイトル画面のような感じで同じページがテンプレートのような状態で入っています。 そのテンプレートのような画面はほかのページからはいじれず、そのtitleと名前のついているDWTファイルからならいじることが可能でした。 そこの文字などもちょっと変えて保存をすればほかのページにも勝手につながると思っていたのですが、ほかのページに反映されません。 どのような方法でそのDWTファイルを更新、加筆などをすればほかのページにも更新されるのでしょうか? もうひとつなのですが、コードを見てみたところ、コピーしたものだったので、<!-- InstanceBegin template="/Templates/title.dwt" codeOutsideHTMLIsLocked="false" -->というテンプレートのところがコピー後名称を変えたものではなく、コピー前についていたテンプレートのものになっていたのです。 単純にここのDWTファイルの名称を今のものに変えればいいのかなと思い、変えようとしたところコードのとこに入力をすることができません。ここの変更方法はあるのでしょうか? 私が思うに、ここのテンプレートのところが前のままになっているためにほかのページに変更後のテンプレートが反映されないんだと思いました。 そのテンプレートの変更方法はありませんか? わかりにくい質問方法で申し訳ないですが、ご回答の方よろしくお願いいたします。

  • Dreamweaverのテンプレート更新について

    dreamweaverのテンプレート機能を利用してサイトを制作していますが、完成後にdreamweaverを持っていない人がテンプレートを更新するとなると、dwtファイルをテキストエディットなどで開いてタグやテキストを修正した場合でも、テンプレートから作成したページに反映させることはできますか? 自分でやってみましたがうまくいかなかったので、何かやり方があるのでは?と思ったのですが。。。。 ご存知の方いらっしゃいましたら教えてくださいませんか?

  • 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 CS3のテンプレートでエラーがでる

    Dreamweaver CS3のテンプレートを使ってweb制作してます。 IEで見た場合、ページAからページBへ飛ぶとページAにエラーが発生してしまいます。 読み込みなおしすると、エラーが消えます。 ライン:2 文字:1 エラー:構文エラーです。 コード:0 というエラーがでます。 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html lang="ja"><!-- InstanceBegin template="/Templates/index.dwt" codeOutsideHTMLIsLocked="false" --> この辺に問題あるのでしょうか?

    • 締切済み
    • CSS
  • Dreamweaver(ドリームウィーバー)のテンプレート機能で、

    Dreamweaver(ドリームウィーバー)のテンプレート機能で、 全ページ共通のグローバルナビゲーション(メニューボタン)を管理しています。 よくある、当該ページで、そのページの名称のボタンだけon画像に差し替えで、 リンクをはずすということをするには、 ページごとにテンプレートから切り離して指定するしかないのでしょうか? 今まではその方法でやっていたのですが、 それだと運用後の修正がめんどうなので、 なにか他にうまい方法があればと思いポストしました。 尚、メニューボタンの構成については、CSSを使って2枚画像で作っています。 http://tenderfeel.xsrv.jp/css/396/ ←これのov画像を分けた感じ。 CSSを駆使すれば、画像差し替えはできるような気がするのですが、 リンクをとるのは難しいですよねぇ・・・ 上の作成方法にも特にこだわりはないので、 それも含めてなにか上手い方法がありましたらよろしくお願いします。 環境:Dreamweaver CS4、WindowsXP

  • dreamweaver8のテンプレートのパスについて

    dreamweaverでテンプレートを作り、新規作成をすると下記(抜粋)のようになってしまいます。 ここからーーーーー <!-- InstanceBegin template="/Templates/contents.dwt" codeOutsideHTMLIsLocked="false" --> <head> ~(省略)~ <!-- InstanceBeginEditable name="doctitle" --> <title>タイトル</title> <!-- InstanceEndEditable --> <link href="file:///Macintosh%20HD/Users/mo/Desktop/cat/web/shared/css/defau lt.css" rel="stylesheet" type="text/css" /> <link href="file:///Macintosh%20HD/Users/mo/Desktop/cat/web/contents/css/con tent.css" rel="stylesheet" type="text/css" /> <link href="file:///Macintosh%20HD/Users/mo/Desktop/cat/web/contents/financi al/css/category.css" rel="stylesheet" type="text/css" /> <!-- InstanceBeginEditable name="head" --><!-- InstanceEndEditable --> </head> ーーーーここまで Templatesフォルダをサイト外に移動したりすると、エラーが出るとAdobeのヘルプで見ました。 多分色々触っているうちに上記操作をしてしまったようです。 エラー解消のため一度Dreamweaverをアンインストールし、再インストールしましたが、「テンプレートから新規作成」すると同じ現象が起こります。 別のちゃんとテンプレート化されたサイト(この現象が起こる前に「テンプレートから新規作成」したファイルがあります。)で、「テンプレートから新規作成」をしても、同じようにPC上のパスになってしまいました。 色々試してみましたが、どうしてもこの状況から脱出することができません。 解決方法をご存知の方、よろしくお願いします。 作業環境は Mac OSX(10.4.8) Dreamweaver8 です。