- ベストアンサー
dreamweaverでの外部スタイルシート
- dreamweaverを使用して外部スタイルシートを作成する方法について説明します。
- mac osX上でのhtmlファイルのコントロールや更新方法について、テキストエディットとsafariブラウザの組み合わせとdreamweaverの使用方法を比較して詳しく説明します。
- dreamweaverで作成した外部スタイルシートの更新がsafariブラウザに反映されない問題について、可能な原因や対処法について解説します。
- 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, 右クリック→このアプリケーションで開く→その他→ お好きなアプリケーションを選択してください。 「常にこのアプリケーションで開く」のチェックの有無はご自由に。
補足
こんにちは、ご回答有難うございます。 「Dのファイルパスが間違っていないか？」 という事の意味がよく分からなかったのですが。詳しくはどう調べれば良いのでしょう？（初心者ですので。。。） また、どうやら、外部CSSファイルとHTMLファイルの一回目の作成（LINK時）では、どうやら反映がなされるようです。しかし、それ以後、外部CSSファイルをいじり、HTMLファイルをSAFARIアプリで開くと反映されないのです。 よく分からないのですが、しばらく経って、アプリを立ち上げ外部CSSファイルの内容を変え、上記と同じ事をするとその時だけ反映され、それ以後、また反映されないという状況になった事もあったと思います。