出産前後の痔にはご注意!

ドリームウィーバーのテンプレートで作っていたページの編集不可能領域を
編集可能領域へ変更したいと思っています。
その際、現状のページの状態を維持したまま
一括で変更することはできますか?
もし可能でしたら教えていただきたく思います。

*** 変更前 ***

abcabcabcabc
<!-- #BeginEditable "A" -->
aaaaa
<!-- #EndEditable -->
<!-- #BeginEditable "B" -->
bbbbb
<!-- #EndEditable -->
<!-- #BeginEditable "C" -->
ccccc
<!-- #EndEditable -->
abcabcabcabc


*** 変更後 ***

<!-- #BeginEditable "ABC" -->
abcabcabcabc
aaaaa
bbbbb
ccccc
abcabcabcabc
<!-- #EndEditable -->

このQ&Aに関連する最新のQ&A

A 回答 (1件)

テンプレートファイルで不要な領域を削除し、新たに領域ABCを作成します。


編集したテンプレートを保存すると、ファイル更新のダイアログが出ます。
「更新」にすると、対応していない領域のリストが出ます。
そのダイアログで、領域aaa, bbb, cccともabcに内容を移動するよう設定してやればご希望の作業ができると思います。

念のため、バックアップをとってから試してくださいね。

この回答への補足

返事が遅れまして申し訳ありません。
お答えありがとうございます。

複数の編集可能領域をひとつにすることはできました。
ありがとうございました。
しかし、それに加えて複数の編集不可能領域を編集可能領域にしたかったのです。
こちらの質問が分かりづらかったです。
下記のようなことです。

*** 変更前 ***

fukanou
<!-- #BeginEditable "A" -->
aaaaa
<!-- #EndEditable -->
fukanou
<!-- #BeginEditable "B" -->
bbbbb
<!-- #EndEditable -->
fukanou
<!-- #BeginEditable "C" -->
ccccc
<!-- #EndEditable -->
fukanou


*** 変更後 ***

<!-- #BeginEditable "ABC" -->
fukanou
aaaaa
fukanou
bbbbb
fukanou
ccccc
fukanou
<!-- #EndEditable -->

補足日時:2006/03/08 14:55
    • good
    • 0

このQ&Aに関連する人気のQ&A

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!

このQ&Aを見た人が検索しているワード

このQ&Aと関連する良く見られている質問

QDreamweaver テンプレート解除の方法

現在、Dreamweaver CS3にてHPを作成しております。
テンプレートを使って数ページ作ったのですが編集可能領域変更により、テンプレートを解除したいのです。

「修正」メニューの「テンプレートから切り離す」はなぜか白抜きで選べない状態でしたので、「マークアップの切り出し」を使って、別フォルダに移してみたのですが、タグの表示もテンプレート状態でした。

原因、方法などわかる方いましたら、教えてください。
よろしくお願いします。

Aベストアンサー

こんにちは。
通常は、【テンプレートから切り離す】や【マークアップ省略】で可能なはずですので、
マークアップ省略を行ってもテンプレートタグが消えていないということは、テンプレート内のテンプレートタグの使用方法が間違っているのが原因だと思います。

例えば、
<!-- TemplateBeginEditable name="XXXX" -->
○○○
■■■
<!-- TemplateEndEditable -->
というように、Beginで始まったテンプレートタグをEndで閉じなければならないところを、閉じていない。
編集可能領域内にテンプレートタグがある、など。

テンプレートファイルをお調べになることをオススメします。

QDreamweaver8を使っていますが編集がロックされます

ページミルで作ったファイルをDreamweaver8で編集していますが中に
<!-- InstanceBegin template="/Templates/index.dwt" codeOutsideHTMLIsLocked="false" -->

<!-- InstanceBeginEditable name="head" -->

<!-- InstanceEndEditable -->

<!-- InstanceEnd -->

といったタグが埋め込まれ、どうやらこれが原因でロックがかかり編集できません。
全て切り取ると編集できるようになりますが全てのページに埋め込まれていてなんとかならないものかと・・・

このタグの意味とDreamweaver8にて編集可能かどうか教えて下さい。

Aベストアンサー

そのHTMLファイルはあなたが作成したものですか?
Dreamweaverでテンプレートファイルを作成し、そのテンプレートファイルからHTMLファイルを作成した場合、

<!-- InstanceBegin template="/Templates/index.dwt" codeOutsideHTMLIsLocked="false" -->

<!-- InstanceBeginEditable name="編集領域名" -->
などが挿入されます。

この場合、「Templates」というフォルダ内にあるindex.dwtを編集すると、index.dwtというテンプレートを元に作成された全てのHTMLファイルが更新できます。
私のOSはWindowsなので、ページミルを使用した事がありませんが、以下のコンテンツを閲覧した限りでは、ページミルにはテンプレート機能はなさそうなので、おそらくDreamweaverでテンプレートを作成して挿入されたコメントだと思います(Dreamweaverで生成・挿入されるものと同じなため)。
http://bach.ss.sugiyama-u.ac.jp/~yamane/close/howto/index.html

ですから、各HTMLファイルから
<!-- InstanceBegin template="/Templates/index.dwt" codeOutsideHTMLIsLocked="false" -->

<!-- InstanceBeginEditable name="編集領域名" -->
は削除せず、テンプレートを修正した方が作業も楽だと思います。

なお、このテンプレートという機能は、一つのテンプレートファイルを編集することによって、それを元に作成したHTMLファイルを全て更新するための機能です。
それぞれのHTMLで編集する場合にロックがかからないと、せっかくのテンプレートの意味がありません。

参考URLはMacromediaのDreamweaver MXでテンプレートを作成する場合のTIPSを解説したページです。
Dreamweaver8でも同様の手順で作業できると思います。

また、テンプレートを作成する方法は下記が参考になります。
[ネストされたテンプレートを作成する]
http://www.macromedia.com/jp/support/dreamweaver/ts/documents/dw0386.html

参考URL:http://www.macromedia.com/jp/devnet/dreamweaver/articles/dw_templates.html

そのHTMLファイルはあなたが作成したものですか?
Dreamweaverでテンプレートファイルを作成し、そのテンプレートファイルからHTMLファイルを作成した場合、

<!-- InstanceBegin template="/Templates/index.dwt" codeOutsideHTMLIsLocked="false" -->

<!-- InstanceBeginEditable name="編集領域名" -->
などが挿入されます。

この場合、「Templates」というフォルダ内にあるindex.dwtを編集すると、index.dwtというテンプレートを元に作成された全てのHTMLファイルが更新できます。
私のOSはWindo...続きを読む

QDreamweaverテンプレート機能でヘッダー部分を編集可能領域にするには?

Dreamweaverテンプレート機能でヘッダー部分を編集可能領域にするには、どうすればいいのでしょうか?

Body内なら編集可能領域にできたのですが・・・ページごとにmetaタグのキーワードとか、ページタイトルを変えたいので…

バージョンはCS3を使用しています。
よろしくお願いします。

Aベストアンサー

headに編集可能領域を追加するだけです。

Qliタグの中に

タグやら

を入れるのはあり?

それともなしでしょうか?
たとえば、作品実績みたいなのを羅列するとき

「画像」
「タイトル」
「簡単な説明」

を乗せたいときはどうしますか?
<ul>
<li>
<p>画像</p>
<dl>
<dt>タイトル</dt>
<dd>説明</dd>
</dl>
</li>
</ul>

こんな感じを考えたのですが・・・
<li>(作品)ごとにボーダーボトムで区切りたいかなと考えております。

<li></li>の中に他のタグを入れないほうがいいときいたこともあるんですが、皆さんならどうしますか?


</ul>

Aベストアンサー

#1 ORUKA1951です。
#1の説明は、すこし専門的過ぎたかなということと、なぜリストにするかを含めて説明しておきます。
まず、UL-unordered list 順不同リストは、文字通り順番の無い並列リストです。
★複数が同列でたくさん並ぶのでtableはおかしいですね。画像の数だけ横に長いのならtableでも良いですが、
★携帯端末では縦に並びます。
 ディスプレイの幅が狭いときもtableのように、はみ出ません

 このように、写真とそのタイトルと説明を羅列したい場合、文書構造上は最適なのはリストだと思います。リストに何を使うかとなると悩むところですね。
OL ordered list 序列リストは、順番が必要なとき以外は使わないでしょう。
DL definition list 定義リストでも良いかな?
・・・そして、なによりもリストにしておけば、携帯端末や読み上げソフト、あるいは検索エンジン最適化からも良いでしょう。
しかし、「(作品)ごとにボーダーボトムで区切りたいかな」という条件が一つありますね。
だとすると、
【注意】
 ★分かりやすくするため全角スペースでインデントされています。
  利用するときはタブに変換すること
 ★これは、私のページ一部を抜粋したもの。画像は200px×150px
 ★基本的にCSSのためだけのclass,id,divは無いのでHTMLはシンプルです。
 ★セレクタの使い方は調べること。
 ★これはolですがulでもよい。
 ★本来は、
 <div id="photoList">
  <ol>
   <li>本体
    <ul>
     <li><img src="./photo/R0011583.jpg" width="200" height="150"
        alt="ディスプレイを開く"></li>
     <li>本体を正面から撮影したところ、パネルの下がカバー</li>
    </ul>
   </li>
とマークアップしたほうがスマートでしょう。


______________サンプルソース。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="ja">
<head>
 <meta http-equiv="content-type" content="text/html; charset=Shift_JIS">
 <title>ディスプレイの分解:ノートパソコンの分解</title>
 <meta http-equiv="Content-Style-Type" content="text/css">
 <style>
<!--
  @media screen{
   div#photoList{
    display: block;
    border: solid green 1px;
    margin: 1em 10% 1em 10%;
    background-color: rgb(200,200,200);
    padding:0px;
   }
   div#photoList > ol{
    margin: 0px;
    padding: 0px;
   }
   div#photoList > ol>li{
    display:block;
    width: 210px;
    float:left;
    border-style: solid;
    border-color: black gray gray black;
    border-width: 1px 4px 4px 1px;
    padding: 5px;
    height: 240px;
    margin: 5px;
    background-color: white;
   }
   div#photoList > ol>li dl{
    margin:0px;
   }
   div#photoList > ol>li dl dt{
    padding: 5px 10px;
   }
   div#photoList > ol>li dl>dd{
    margin-left: 0px;
    text-align: center;
   }
   div#photoList > ol>li dl dd+dd{
    margin-left: 0px;
    text-indent: 1em;
    font-size: 0.8em;
    line-height: 1.5em;
    text-align: left;
   }
   div#photoList > hr{
    clear: both;
    margin: 0px;
    visibility: hidden;
   }
  }
-->
 </style>
</head>
<body>
 <h1>ノートパソコンの分解</h1>
 <h2>ディスプレイの分解</h2>
 <div id="photoList">
  <ol>
   <li>
    <dl>
     <dt>本体</dt>
     <dd><img src="./photo/R0011583.jpg" width="200" height="150"
         alt="ディスプレイを開く"></dd>
     <dd>本体を正面から撮影したところ、パネルの下がカバー</dd>
    </dl>
   </li>
   <li>
    <dl>
     <dt>ビスの位置</dt>
     <dd><img src="./photo/R0011587.jpg" width="200" height="150"
         alt="カバーを外す"></dd>
     <dd>電源スイッチカバーを外すとビスがでてくる。</dd>
    </dl>
   </li>
   <li>
    <dl>
     <dt>パネルを開く</dt>
     <dd><img src="./photo/R0011590.jpg" width="200" height="150
         alt="パネルを180度開く"></dd>
     <dd>ヒンジに負荷がかからないようにパネルを一杯に開く</dd>
    </dl>
   </li>
   <li>
    <dl>
     <dt>パネルを裏返しに</dt>
     <dd><img src="./photo/R0011597.jpg" width="200" height="150"
         alt="パネルを1裏返す"></dd>
     <dd>取り外したパネルを裏返しにする。</dd>
    </dl>
   </li>
  </ol>
  <hr>
 </div>
</body>
</html>

#1 ORUKA1951です。
#1の説明は、すこし専門的過ぎたかなということと、なぜリストにするかを含めて説明しておきます。
まず、UL-unordered list 順不同リストは、文字通り順番の無い並列リストです。
★複数が同列でたくさん並ぶのでtableはおかしいですね。画像の数だけ横に長いのならtableでも良いですが、
★携帯端末では縦に並びます。
 ディスプレイの幅が狭いときもtableのように、はみ出ません

 このように、写真とそのタイトルと説明を羅列したい場合、文書構造上は最適なのはリストだと思います...続きを読む

Qイラレで背景の色を変更するにはどうしたら良いですか?

イラレで背景の色を変更するにはどうしたら良いですか?


イラレで、通常、背景の色は白色に設定されていますが、
これを変更するにはどうしたら良いのでしょうか?

また、bmpやjpgといった画像ファイルに出力するときにも
背景は白色で出力されます。
これの色を変更するにはどうしたら良いですか?

よろしくお願いいたします。

Aベストアンサー

Illustratorには背景色という物が存在しません
印刷物を制作する場合普通は白い紙に印刷するからでしょうねキット
四角を書いて一番したに置きご希望の色にして下さい

Qイラストレーターのアウトライン化の解除方法??

ウィンドウズのイラストレーターの機能についての質問です。
アウトライン化がすでに実行されている文字の修正をする場合に、アウトライン化の解除はどうようにすれば出来るのでしょうか??
いろいろな本をみると、一度アウトライン化を実行すると、解除ができないと記載されていました。
ご指導頂きたくお願い申し上げます。

Aベストアンサー

それらの本に書かれている通り、一度アウトライン化をすると元には戻せません。

ただし、Ctrl+zやコマンド+zなどで作業を一つ前に戻すなどが出来るので
間違えたり、やり直したかった場合はそれで対処するしかないですね。

アウトライン化したデータを保存してしまった場合はどうやっても解除できないので
アウトライン化したデータを作った場合はアウトラインする前のデータも
別名保存などで残すのが一般的です。

Qaタグに直接style=""で:hoverをしたいしたい

お世話になります。
下記のaタグのCSS記述部分を直接<a href="" style="..."として記述するには
どのようにすればよいのでしょうか
hoverをaタグ内に直接指定しようとしていろいろ調べたのですが、解説しているサイトを見つけられなくて、質問させてもらってます。
A:link.menu {
text-decoration:none;
FONT-SIZE: 12px;
COLOR: #0000ff;
}
A:visited.menu {
text-decoration:none;
FONT-SIZE: 12px;
COLOR: #0000ff;
}
A:hover.menu {
FONT-SIZE: 12px;
color:#0000ff;
background-color:#66bce2;
}
A:active.menu {
FONT-SIZE: 12px;
COLOR: #0000ff;
}

お手数お掛けしますが、どなた様かご教授いただけますようお願い致します。

Aベストアンサー

<a href="http://www.yahoo.co.jp" style="text-decoration:none;FONT-SIZE:12px;COLOR: #0000ff;"
onmouseover="this.style.backgroundColor='66bce2'"
onmouseout="this.style.backgroundColor=''">やふう</a>

Qテーブルタグの中にdivを含めてはダメ?

テーブルタグの中にdiv要素を入れるとダメなのでしょうか?
何か不都合でもあるのでしょうか?
何かご存知の方がいれば教えていただけませんか?

Aベストアンサー

以下、HTML 4.01での話です。(XHTMLでもほぼ同じだと思います)

tableタグ直下に書けるのは、caption,col,colgroup,head,tfoot,tbodyと定義されています。
特定の条件下でtbodyが省略できますので、実際はtrも書けます。これら以外は書けないことになっています。
tr直下にはth,tdが書けることになっています(それ以外は不可)。

th,tdの下にはブロック要素が書けるので、divも書けます。

このように、テーブル内でth,tdの中以外でdivが使えないのはHTMLの仕様でそう決まっているからです。

Q【DreamWeaver】「コード」画面の文字を大きくしたい

ドリームウィーバー8(Win)使用者です。
HTMLを表示する「コード」画面の文字が小さくて目が疲れるため、もう少し大きくならないかと考えています。
DreamWeaverの機能としてなんとかなりませんでしょうか?
お詳しい方、よろしくお願いいたします。

Aベストアンサー

「編集」「環境設定」「フォント」を選択。
「コードビュー」「サイズ」を16ptを選択。

QDreamweaverのテンプレートで各ページ毎にタイトル変更

Dreamweaverのテンプレートで各ページ毎にタイトル変更できるようにする方法ってあるのでしょうか?
また
meta name="keywords
meta name="description
なども各ページ毎に編集できる方法があれば教えてください。

Aベストアンサー

テンプレートを作成すると自動的にtitleタグは編集可能領域になります。
それに加えてヘッダ領域にもう一つ編集可能領域が自動で出来ているはずなので、metaタグもそこに書けます。
http://www.oyakonews.com/oyanews/homep/UPDATE/UPD_05.html


人気Q&Aランキング