dreamweaverでの外部スタイルシート
- dreamweaverを使用して外部スタイルシートを作成する方法について説明します。
- mac osX上でのhtmlファイルのコントロールや更新方法について、テキストエディットとsafariブラウザの組み合わせとdreamweaverの使用方法を比較して詳しく説明します。
- dreamweaverで作成した外部スタイルシートの更新がsafariブラウザに反映されない問題について、可能な原因や対処法について解説します。
- ベストアンサー
dreamweaverでの外部スタイルシート
こんにちは、htmlファイルと、外部cssでwebpageを作ろうと試みている初心者です、お願いします。 環境は、mac osX、テキストエディット、dreamweaver cs3、です。 htmlファイルを外部スタイルシートでコントロールしたい部分があり、外部スタイルシートはdreamweaverにしています。（というよりすべての素材は、はじめはテキストエディトから作っており、cssの名で保存したものに関してはdreamweaverで開かさるので強制的にです。） ひとつのhtmlファイル単体の更新の場合、テキストエディットを保存後、safariブラウザ開くという方法で、更新の結果、出来栄を見ていましたが。 dreamweaverを使っての外部スタイルシートの内容を変え、更新しようとしても更新の結果がsafariブラウザに反映されません。（ちなみに、詳しくは、dreamwaverの外部スタイルシートをいじり、これをdreamweaverで保存。その後、htmlファイルを開いてみる。という手順ですが、これが上手く反映出来ていないという事です。） これはどうしてかお分かりの方、是非お願いします。
- shoukunn30
- お礼率14% (3/21)
- Mac
- 回答数4
- ありがとう数0
- みんなの回答 （4）
- 専門家の回答
質問者が選んだベストアンサー
- ベストアンサー
こんばんは。 補足、読ませていただきました。 ファイルパスは、例えばリンク先や画像を指定する場合、 html ファイルや画像の保存先の url を正しく記述する必要があります。 指定方法には、相対パスと絶対パスがあります。 相対パスと絶対パスを、正しく記述していますか。と言うことです。 端折ってしまって、ごめんなさいね。 また、もう一つの補足について…。 >外部CSSファイルとHTMLファイルの一回目の作成（LINK時）では、 >どうやら反映がなされるようです。しかし、それ以後、外部CSSファイルをいじり、 >HTMLファイルをSAFARIアプリで開くと反映されないのです。 >外部CSSファイルをいじり、HTMLファイルをSAFARIアプリで開くと反映されないのです。 「反映されない」多くの場合は、記述ミスなんですが…。 それと…link 時というのはどういう意味でしょうか…所謂、 既にftp でアップロードし、web 上で確認したと言うことですか。 本来、正しく記述している場合は、ローカルファイルだろうが、 既に Web 上で閲覧しようが、ちゃんと反映するはずです。 折角 Dreamweaver と言う良いソフトウェアを購入しているので、 それで Web サイトを構築するか、 使いづらいのであれば、値段の高いソフトウェアですが、Dreamweaver を止めて、 html 及び CSS ファイルは全てテキストエディットで記述するか、 どちらか一本にしたら如何でしょうか。 進めていく上でどうしても解らなければ、いくらでもネットで調べる事も出来ますし、 専用の書籍もあります。 また、文法チェックも出来ますから、上手く活用してください。 取り敢えず、文法チェックのサイトを載せます。 Another HTML-lint gateway http://openlab.ring.gr.jp/k16/htmllint/htmllint.html W3C CSS 検証サービス http://jigsaw.w3.org/css-validator/ 私も、html と CSS ファイルは全て、Mac は mi で、Windows は 秀丸で記述しましたが、例えば、CSS ファイルに直したいところや 加えたいところがあって直したとするでしょう。 それで、ブラウザで見直してみようと思ったら反映されていない… と言うこともありましたが、原因は全て「記述ミス」でしたよ。
その他の回答 (3)
- denneko
- ベストアンサー率70% (7/10)
ブラウザのプレビューで確認が出来ないのでしたら、 「ファイル」「ブラウザのプレビュー」「ブラウザリストの編集」「一時ファイルを使用してプレビュー」にチェックです。
- denneko
- ベストアンサー率70% (7/10)
記入したURLで設定を見直すというのもありかもしれません。
こんにちは。 取り敢えず、考え得る事を書きますが、 ご理解しているようでしたらごめんなさい。 ★ html に CSS を結びつけるには、CSS が外部ファイルの場合、 link 要素 或いは @import ルールを使い、読み込ませます。 1, <head> ～ </head> の間に、link 要素を記述します。 例、(xthml 1.0 以上 CSS フォルダ作成の場合) <link rel="stylesheet" type="text/css" href="./css/sample.css" media="screen,print" /> 2, @import ルールを利用して、 古いブラウザに CSS ファイルを読み込ませない事が出来ます。 <style> ～ </style> の間に記述します。 例、 <style type="text/css" media="screen,print"> @import url(./css/sample.css); </style> 尚、@import ルールについての詳細は書きませんのでご了承下さい。 A, html CSS 共、タイプミスの有無。 B, html 内のクラス名や ID 名のタイプミスの有無。 C, クラス名や ID 名に使える文字以外の使用の有無。 D, ファイルパスが間違っていないか。 E, 上記で書いたように、html に CSS ファイルを結びつけているか。 ★ クラス名や ID 名の最初の文字に、数字やハイフンは使えません。 以上のことを踏まえて、貴方の html と CSS ファイル の内容を、今一度ご確認下さい。 追記、CSS ファイルをテキストエディット或いはお使いの テキストエディター(mi とか)で開きたい場合は、 1, 右クリック→情報を見る→このアプリケーションで開く: で、変更。 2, 右クリック→このアプリケーションで開く→その他→ お好きなアプリケーションを選択してください。 「常にこのアプリケーションで開く」のチェックの有無はご自由に。
関連するQ&A
- 外部スタイルシートがsafariブラウザに反映されない
初心者です、お願い致します。 環境mac osX 外部cssでhtmlファイルをコントロールしたく、外部css(dreamweaverを利用していますが、馴れていないのでテキストエディトでやろうか検討中)とhtmlファイル(テキストエディト）でhp作りをしております。 外部CSSファイルとHTMLファイルの一回目の作成（LINK時）では、どうやら反映がなされるようです。しかし、それ以後、外部CSSファイルをいじりその内容を保存し、HTMLファイルをSAFARIアプリで開くと反映されないのです。 よく分からないのですが、しばらく経って、dreamweaverやテキストエディットを立ち上げ外部CSSファイルの内容を変え、上記と同じ事をするとその時だけ反映され、それ以後、また反映されないという状況になった事もあったと思います。 外部cssファイルは一度しかその内容を指定出来ない、という事ではないですよね？？まさか
- 締切済み
- Mac
- アップロードすると、スタイルシートが反映されない
外部にcssファイルを作り、 文字のみスタイルシートで制御します。 DREAMWEAVER上でスタイルシートは反映されています。 F12を押しても、スタイルシートは反映されています。 しかし、フォルダからhtmlファイルを直接ひらいたり、 アップロードしたファイルをみると、 スタイルシートが反映されていません、 もちろん、cssファイルも一緒にアップロードしてます。 DREAMWEAVER4を使っています。 なんでだか、わかりません。。。 お手数かと思いますが、よろしくお願いします。
- ベストアンサー
- CSS
- 外部スタイルシートをメモ帳で書き換えても反映されませんが
すみません。連続質問で。いろいろ本を読んだり、ネットで調べたりしても、よけいに分からなくなるだけで。 ＨＰビルダーを主に使ってＨＰを作っています。 最近、外部スタイルシートを取り入れているところです。 質問ですが、 ＨＰビルダーでスタイルシートを書き換えるのがちょっと面倒な場合もあって、ＣＳＳファイルをメモ帳で呼びだして、直接書き換えて、上書き保存をしても、編集ページに反映されないようです。何か、反映をさせる方法をとらないといけないのでしょうか。
- ベストアンサー
- ホームページ作成ソフト
- Dreamweaver CSSスタイルシート
DreamweaverでHPを作っています。スタイルシートは、ｍｙstyle.cssの名前で保存しました。少し作業が進んで気づいたのですが、ｍｙstyle.cssの下に＜style>項目ができていました。自分では作った記憶がないのですが＜style>がなぜ突然現れたのかがわかりません。
- 締切済み
- Mac
- ブラウザがスタイルシートを読み込みません
ホームページを作っていたのですが、ブラウザInternetExplore7ベータ（最新版）で、外部cssファイルを読み込みません。しかしhtmlタグの中に、外部スタイルシートの内容をコピーして貼り付け、スタイルオブジェクトで組み込むと読み込まれます。 ちなみに、そのときはzentai.cssという外部ファイルを作ってhead部分に以下のように記述しました。 <link ref="stylesheet" type="text.css" href="zentai.css"> 誰か読み込まない理由を教えてください、お願いいたします。
- ベストアンサー
- その他（インターネット・Webサービス）
- スタイルシート設定が反映されない
dreamweaver8を新規にインストールしました。 スタイルシートの設定を変更てもまったく表示が更新されません。 h1を小さい字に設定しても元の大きさで表示されてしまいます。 スタイルシートの設定をdreamweaverのhtmlファイルの表示に反映させるにはどうしたらいいでしょうか。 f12でブラウザプレビューをすると設定されたとおりに表示されますのスタイルシートの使い方には問題がないと思います。 よろしくお願いいたします。
- ベストアンサー
- CSS
- IEで外部スタイルシートが反映されない
IEで外部スタイルシートが反映されない HPを製作したところ、 Firefoxでは、完璧に外部スタイルシートが適用されていたのですが、 IEでテストしたところ、CSSが全く反映されていてませんでした。 多くの皆さんがしてるように、 ヘッダーに、 <link href="style.css" rel="stylesheet" type="text/css" /> と記述しているのですが・・・ 原因としては何が考えるでしょうか？ ご助力願います。
- ベストアンサー
- ホームページ作成ソフト
- IEでスタイルシートがうまく表示されない
Dreamweaver8で、スタイルシート（css)を外部にして、 HPを作成しました。 スタイルシートでh1,h2,pなどの文字を再定義しているのですが、 IE6でHP表示させると反映されません。 一方、opera8では、きちんと反映されて表示されます。 IE6の設定に問題があるのでしょうか？ なお、IEにおいても、文字以外のスタイルシートの設定はきちんと反映されています。 よろしくお願いします。
- ベストアンサー
- ホームページ作成ソフト
- 外部スタイルシートについて
「@rt web」というテンプレートを使いホームページ制作しようと考えていますが、そのテンプレートのスタイルシートは外部スタイルシートになっていません。 http://www.ddnj.com/product/hp/artweb/index.html これを簡単に外部スタイルシートにする方法はないものでしょうか？ 簡単ではなくても外部スタイルシートに設定し直す手順を教えて頂けると助かります。 ソフトはDreamweaver４を使っています。 どうぞよろしくお願いします。
- ベストアンサー
- ホームページ作成ソフト
- CGIの外部スタイルシート
お世話になっております。 CGIをIFRAMEの中にいれたところ、外部スタイルシートが反映されなくなってしまいました。 色々と書き換えて試してみましたが、反応がありません。 どのような記述を入れれば、反応するようになるのでしょうか。 index（ここにIFRAMEがあります。） ｜ cgi-binの中にcgiとフォルダー（style.cssが入ってます。) CGIのスタイルシートの指定は下記のようになってます。 print "<title>$title</title><link rel=\"stylesheet\" type=\"text/css\" href=\"$base/style.css\"></head>\n"; スタイルシートは a { text-decoration:none; } a:hover {color:#ff0000} body,table { font-size: 10pt; } 漠然とした質問の方法ですみません。 宜しくお願いします。
- 締切済み
- CGI
補足
こんにちは、ご回答有難うございます。 「Dのファイルパスが間違っていないか？」 という事の意味がよく分からなかったのですが。詳しくはどう調べれば良いのでしょう？（初心者ですので。。。） また、どうやら、外部CSSファイルとHTMLファイルの一回目の作成（LINK時）では、どうやら反映がなされるようです。しかし、それ以後、外部CSSファイルをいじり、HTMLファイルをSAFARIアプリで開くと反映されないのです。 よく分からないのですが、しばらく経って、アプリを立ち上げ外部CSSファイルの内容を変え、上記と同じ事をするとその時だけ反映され、それ以後、また反映されないという状況になった事もあったと思います。