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" />
No.1ベストアンサー
- 回答日時:
style.cssが[Templates]というフォルダ内にあるのに、CSSのアドレスが
<link rel="Templates/style.css" ~以下略
となっていないのでうまく参照出来ないと思われます。
style.cssをTemplatesフォルダから出してindex.htmlと同じ階層に置いてやるか、ソースを上のように書き直して下さい。
(ソースを修正する場合、サーバに転送する時にも[Templates]というディレクトリを作ってそこにCSSファイルを入れてやらなければなりません。
この回答への補足
ご教授いただきましてありがとうございます。
ご指摘の通り、ファイルのパスが原因でindex.htmlへCSSが適用されていないのは分かるのですが、最大の疑問点は、テンプレート[template.dwt]に対して外部CSSを設定したものは、index.htmlに対して自動的にファイルのパスをstyle.cssから Templates/style.cssへと書き換えてくれるはずなのです。
しかし、それがなされないということで困っております。
Dreamweaverのテンプレート機能と外部CSSを組み合わせることによって、スタイルの管理の一元化を望んでおりますが、この機能が働かない限り、HTMLドキュメントとCSSファイルは全て同じ階層に置かなければならなくなり(全部手打ちでフォルダ/ファイルパスを書けば仕訳は可能ですが)、テンプレートによる一元管理機能を果たしていないことになります。Dreamweaverの操作上の問題で、ファイルのパスが書き換えられないのかどうか...まだ釈然としていないので、色々試してみたいと思います。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript jqueryを使ったスムーススクロールのコードを書いたのですが、HTMLコード内にある、a butt 2 2022/04/14 10:59
- HTML・CSS Dreamweaver のテンプレートでの相対パスの設定について 2 2023/06/13 17:28
- HTML・CSS CSSが上手く反映されないみたいです 2 2022/11/21 16:19
- HTML・CSS 書籍を見つつサイト造りの練習をしているのですが、見た目が一致しません 2 2022/11/28 15:00
- HTML・CSS 下にスクロールしても、追従するボタンのコードを書いたのですが、ボタンの中の画像が半分しか表示されない 1 2022/04/16 21:31
- HTML・CSS cssが効かなくて困ってます 1 2023/01/01 23:57
- HTML・CSS html/cssで要素が出てこなくて困ってます 1 2022/12/31 16:59
- HTML・CSS PrettierのHTMLの記述変更 linkタグ 1 2022/06/23 04:06
- HTML・CSS htmltとcssの連携をして画像縮小について 1 2022/11/15 20:32
- HTML・CSS サイトをマルチデバイス対応にする為の準備や、CSSなどのおすすめサンプル集やアドバイスを頂きたいです 1 2022/07/13 22:15
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
cssファイルの名称付け
-
cssファイルを階層の異なるHTML...
-
サイトを作る時のcssファイルは...
-
範囲指定印刷での位置(css)
-
スタイルシート(CSSスタイル)...
-
拡張子 .cssに続く暗号みたいな...
-
ディレクトリ構成【「common」...
-
リンクについて
-
jspにcssを反映させるには
-
CSSファイルの分け方皆様はどの...
-
ブラウザでプレビューでCSSが反...
-
デバイス毎、画面の向き毎にデ...
-
HTMLの CSSのファイルというの...
-
画面キャプチャー 禁止 css
-
cssでiPhone SEで文字が小さす...
-
ドキュメントルートより上の階...
-
outlook 文字を揃えたい。tab...
-
マイクロ(μ)の文字を半角で出...
-
教えてください。
-
入力規則のリストの文字の大き...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
cssファイルの名称付け
-
jspにcssを反映させるには
-
ディレクトリ構成【「common」...
-
サイトを作る時のcssファイルは...
-
HTMLの CSSのファイルというの...
-
cssで、ボタンのテキスト部分を...
-
複数のhtmlで同じcssファイルを...
-
cssファイルを階層の異なるHTML...
-
cssが反映されません
-
一部のページにデフォルトCSSを...
-
WindowsとMacで違うCSSを読み込...
-
エクセルファイルにCSSを読み込...
-
定数の定義とかはできますか?
-
ブラウザでプレビューでCSSが反...
-
範囲指定印刷での位置(css)
-
ドキュメントルートより上の階...
-
スタイルシート(CSSスタイル)...
-
Dreamweaver のテンプレートで...
-
【CSS】スタイルやクラスがどの...
-
cssでiPhone SEで文字が小さす...
おすすめ情報