Dreamweaverのテンプレートの使用方法と固有のCSSの書き込みについて
- DreamweaverCS3を使用してサイトを制作している方が、テンプレートから新しいHTMLページを作成した場合、作業可能領域以外がロックされてしまい、ヘッダー部にCSSを書き込むことができない問題が発生しています。
- メインのCSSは外部記述からリンクさせているため、各ページに固有のCSSをかけることができません。
- 質問者は、固有のCSSをかけるためにはヘッダーに書き込むか、メインのCSSファイル内に書き込む方法があるのか知りたいとしています。
- ベストアンサー
Dreamweaverのテンプレートについて
実務の現場でサイト制作されている方に質問します。 現在DreamweaverCS3を使用してサイトを制作しています。 ページ数が多いためテンプレートが便利なので利用しているのですが、 テンプレートから新しくHTMLを作成した場合、 作業可能領域以外が灰色にロックされてしまい、そのページのヘッダー部にCSSを書き込むことができません。 メインのCSSは外部記述からリンクさせているのですが、 各ページに固有のCSSをかけたい場合、ヘッダーにも書き込めず 外部リンクも出来ません。 こう言った場合、各ページにかける固有のCSSもメインのCSSファイル内に書き込むべきなのでしょうか？
- tep0607
- お礼率63% (7/11)
- HTML
- 回答数1
- ありがとう数2
- みんなの回答 （1）
- 専門家の回答
質問者が選んだベストアンサー
こんにちは。 ＞ヘッダーに書き込むことができない テンプレートから作成したページの<head>～</head>内に 以下のようなソースはありませんか？ <!-- InstanceBeginEditable name="head" --> <!-- InstanceEndEditable --> この間は書き込み可能になっています。 つまり、 <!-- InstanceBeginEditable name="head" --> <style type="text/css"> <!-- .unnamed1 { color: #FF0000; } --> </style> <!-- InstanceEndEditable --> のように、そのページのみの<head>情報を追加することができるようになります。 同様に、 <!--#BeginEditable "doctitle" --> <title>○○○</title> <!-- #EndEditable --> の間も追加可能です。 <!--#BeginEditable "doctitle" --> <title>○○○</title> <link rev="made" href="mailto:xxx@xx.xx" /> <!-- #EndEditable --> のように。
関連するQ&A
- dreamweaverでテンプレートを作りたいのですが、
dreamweaverでテンプレートを作りたいのですが、 サイト内はヘッダ(ナビバー)とフッタのみ統一で背景画像やコンテンツのレイアウトも各ページまちまちにするように言われました。。 背景画像はcssでbodyに指定していますが、bodyの中のコンテンツ部分を選択して編集可能領域にすると、コンテンツ以外のbodyの背景も編集できない部分になり、ページ共通になってしまいます。 bodyの背景とコンテンツを編集可能領域にしたいのですが、どうしたらいいかわかりません。 それとも、テンプレートは使わず、ヘッダを更新する場合、置き換え機能でも、サイト内のすべてのページに反映させることが出来るのでしょうか ？？？ 初心者ですみませんが、どなたかお願いします。
- ベストアンサー
- HTML
- Dreamweaver MX テンプレートについて
Dreamweaver MXでテンプレートを作成しようとしています。 やり方だいたいわかったのですが。。 サイトのメニュー部分＋ヘッダーメニュー部分をテンプレートしているのですが、TOPページに戻るリンクに「../」と記載しています。 これはこのテンプレートをもとに作られるファイルがルートフォルダの１階層下におくからです。この部分は編集不可能の領域です。 他の部分に編集可能領域を設定し、テンプレートとして保存→新しく作るページを新規作成し、アセットパネルからテンプレートをドラッグします。 ここでテンプレートをもとにした新しいページを作成することが可能なのですが、困ったことに、さきほどのTOPページへのリンクの部分が 「file:///D|/ルートフォルダ名」に変わっているのです。 その他画像の参照先などがすべて同様に絶体参照のようにかきかわっているんです。これはなぜでしょうか？？ このままサーバーにアップしても、参照先がローカルなんで動きません。 教えてください。よろしくお願いします
- ベストアンサー
- CSS
- Dreamweaverでのテンプレートやライブラリ制作依頼
ホームページ制作の基本デザイン（ヘッダーの画像加工等も含む）と、Dreamweaverでのテンプレートやライブラリ、CSSだけを作ってもらいたいのですが、そういうＷＥＢデザイナーや制作会社を探しているのですが、ネットで検索してもうまく探せませんでした。教えていただけないでしょうか。 ページを増やしたり、更新したりというのは、クライアントのほうで、Dreamweaver(MX2004か8)を使って行います。
- 締切済み
- インターネットビジネス
- [DreamWeaver8]テンプレートはどこまで更新
Dreamweaver8のテンプレートを使ってサイトを制作しています。 テンプレート内にプルダウンメニューを使ったリンクを貼ったのですが、 Value内は自動でリンク更新してくれないみたいで、 数十ページを手作業で更新するのは辛いので何か代替案があればお願いします。 [補足・・・必要なければすみません。] ・テンプレートは Base-main－コンテンツ1 ├コンテンツ2 └コンテンツ3－コンテンツ3-1 のように階層にしています。
- 締切済み
- CSS
- Dreamweaver テンプレート制作 エラー
ＣＳＳでデザインしたＨＴＭＬファイルからテンプレート制作しようとしたところ、エラーとなってしまいました。 there is an error at line8(column7)absolute position 428 ネストされた編集可能領域と出てきます。 この段階ではまだ、テンプレートを制作しておらず、編集可能領域も選択していない状態なのですが、、、 もしお分かりになる方がいましたらよろしくお願いいたします。
- 締切済み
- ホームページ作成ソフト
- Dreamweaver４ テンプレートが反影されない
教えて下さい！ Dreamweaver4でHPを作っています。 はじめてテンプレート機能を使ってみました。 ヘッダ、ヘッダ下のメニューバー、左サイドメニューバーを テーブルで作成し、各ページ共用のデザインにして更新を簡単にするのが目的です。 これは便利！とテンプレートを作成してそれぞれの14枚のドキュメントに流し込み 適用しました。 あとはテンプレートの各メニューバー（画像）にリンクを設定するだけとなりました。 （テンプレート作成時には貼っていませんでした） テンプレートにリンクを設定して編集・保存しました。 各ページを更新しますか？との問にOKを出して、１分以内に完了している様子です。 ですが、あらたに追加した文章やリンクが反影されていません。 かなり時間を掛けて検索したつもりですが対処法がわからないので 教えて下さい。よろしくお願いします。 （※リンクはプロパティを使用して設定しました。解決法のひとつとして試してみましたがダメでした。）
- 締切済み
- ホームページ作成ソフト
- CSSでのページ構築について
CSSでのページ構築について CSSでのサイト制作に挑戦しています。 まずは、テンプレートをつかってカスタマイズしてみようとおもい、テンプレートをDLしました。 「フッタ／左メニュー／メインコンテンツ／フッタ」というブログなどでよくあるものです。 （縦三段で、真ん中が左右２つに別れている2カラム） CSSファイルは、外部読み込み形式です。 トップページを作って、いざメニューからメインページのリンクを貼ろうと思ってつまずきました。 左ページのコンテンツメニューに設定したリンクを、右側の枠内に表示したいのですが、そういった場合は、どうすれよいでしょうか。普通に右側の内容をいれたHTMLにリンクすると、全画面がそのページになってしまって、ヘッダ／左メニュー／フッタは消えて（隠れて）しまいます。 ヘッダや左メニューをそのままにしてページ数を増やしたいときは、トップページをひたすらコピーして、右側の要素部分だけを変更していくのでしょうか？ でも、それだとCSSにする意味がないというか、全然楽ではないですよね。 左メニューの項目が増えた時など、全ページを修正しなければならなくなりますし。 自分なりにCSS関連のサイトを検索して調べてみたのですが、どこも「トップページをそのままコピーしているようにしかみえない」のです。 右側ページ内容のHTMLに、ヘッダやメニューも読み込ませるような設定が必要なのでしょうか？ ソフトはDW CS4を使っています。 どなたか、CSSの達人さま、教えてくださいませ。 お願い致します。
- 締切済み
- ホームページ作成ソフト
- Dreamweaverのテンプレート機能について
こんにちは、Santaと申します。 Dreamweaver CS5 を使用しております。 テンプレート機能について、お尋ね致します。 テンプレート機能を使用しておりますと、おかしくなりませんか？ 例えば、「サイトの定義」をして、1ページ作成して「テンプレートとして保存」common.dwtとします。 common.dwtより、sample1.html,sample2.html,,,,,sample10.htmlと作っていきます。 これで10ページ分の雛形が制作出来ます。 「編集可能領域の作成」Aをします。 一部分だけ編集可能領域Aを作成しますと、残りソースの部分は編集できないように、グレー色になります。 問題はここからです。 この後に、編集可能領域に設定していない部分（グレー色になっている部分）を再度変したいと考え「編集可能領域を作成」Bをcommon.dwtに挿入します。 10ページの同じ部分に一度に、編集部分Ｂが挿入されます。 このように、少しずつ「編集可能領域」を広げていきますと、だんだんと適用されずに「停止」ボタンを押さなければ更新自体が止まらなくなり、結局適用されないことがあります。 また、「サイトの定義」を改めしてやり直したりしますと、common.dwtで編集を加えても、変更されないページが出てきたり、はたまた変更されたりするページもあったりと、なってしまいます。 みなさんはそのようなことはございませんでしょうか？ また、その場合はどのようにして回避しているのでしょうか？ common.dwtからテンプレートとして作成したページのグレー色の部分を削除するときも、 common.dwtから「編集可能領域」を削除しても、common.dwtから作成したページには反映されないということが起こってきます。 皆様は、どのように使われていらっしゃいますか？
- ベストアンサー
- ホームページ作成ソフト
- Dreamweaverのテンプレートで編集可能領域にするには？
Dreamweaverのテンプレートを作成しているのですが、 メタタグ、サイト紹介文のところを編集可能領域として 設定したいのですが、 <!-- TemplateBeginEditable name="head" --> <meta name="Keywords" content="キーワード, " /> <meta name="Description" content="サイトの詳細文" /> <link href="../style/style.css" rel="stylesheet" type="text/css" /> <!-- TemplateEndEditable --> このようにテンプレートに記述してページを作ろうとしても、 「編集可能にマークされていないコードに変更を加えました。これらの変更を保持しても次回の変更時に失われます」という表示がされます。 ページごとにキーワード、紹介文を変えたいのですがどうすればいいでしょうか？ お力を貸してください。
- ベストアンサー
- ホームページ作成ソフト
- Dreamweaverのテンプレート機能について
外注で作成したページが、テンプレート機能を用いて作成されてました。 今度、そのページの変更可能領域以外の部分にバナーを追加しようと思っています。 この場合は、テンプレートファイルにバナー画像を追加するだけで、 テンプレートにリンクしているファイルは、 全てバナー画像の追加が反映されるのでしょうか？ またその時に気をつけないといけないことは 何かあるでしょうか？ 教えてください。宜しくお願いします。
- ベストアンサー
- CSS
お礼
ご回答ありがとうございます。 これは気付きませんでした！灰色に表示されているのに その間だけ記述出来るようになっていたんですね・・・。 参考URLも拝見させて頂きました。どうやらそこに記述する場合は、完全手打ちになってしまうようですね。ガイドしてくれたら至れり尽くせりだったのに。 ともあれ助かりました！ありがとうございました。