![](http://oshiete.xgoo.jp/images/v2/pc/qa/question_title.png?5a7ff87)
![](http://oshiete.xgoo.jp/images/v2/common/profile/M/noimageicon_setting_04.png?5a7ff87)
こんにちは。
ホームページを作っているものです。
わたしのホームページはhtmlファイルがあるフォルダの中に必ず『CSSフォルダ』を作っています。そしてhtmlファイルは必ずその階層にあるCSSフォルダに入っているCSSファイルを参照しています。
それで本日ふと思いました。「この様なやり方で良いのか?例えばトップページがある階層に『CSSフォルダ』を作って、全てのhtmlファイルはその中に作るCSSファイルを参照した方が良いのでは?」。
ググったり、有名どころのサイトさんのソースを見たりしましたが、どちらが適切かは分かりませんでした。
どの様にすべきでしょうか、ご教示下さい。
よろしくお願い申し上げます。
No.2ベストアンサー
- 回答日時:
CSSの一番の利点は何ですか?
「スタイルシートを変えることでプレゼンテーションを一挙に変更できる」
「プレゼンテーションをHTMLと切り離すことで、HTMLも(CSSも)簡略になり、ネットワークの付加が低減できる」
などですね。
答えは、出たと思います。
画像などと同じく、そのディレクトリ以下のすべてに利用されるものは、そのディレクトリに置くということです。
/ ルート
|-- index.html
|-- contactus.html
|-- CSS/ サイトすべてで利用されるCSS
|-- images/ サイトすべてで使用される画像
|-- dir1/ サブディレクトリ
| |-- index.html
| |-- CSS/ サブディレクトリ以下でのみ使用される画像
| |-- images/ サブディレクトリ以下でのみ使用されるスタイルシート
|-- dir2
| |-- index.html
| |-- CSS/
| |-- images/
| |-- dir2-2/
| |-- index.html
| |-- CSS/
| |-- images/
|-- dir3/
などですかね。
唯スタイルシートは、ユーザビリティの関係でサイト全体で統一されることが多いのでサブディレクトリにあるものは極めて少ないです。
CSS/ の中身は
general.css サイト全体で共通に使用される永続的スタイルシート
standardSape.css 配置やデザインを指定するスタイルシート
standardColor.css色のスタイルシート
top.css 各ディレクトリのトップページindex.htmlで使用するスタイルシート
content.css 一般的記事のスタイルシート
smartPhone.css メディア別 スマホ用スタイルシート
ttyhandheld.css メディア別 携帯電話用、モバイル端末スタイルシート
print.css メディア別 印刷用
・・・必要な場合aural(読み上げソフト用)やbraille(点字端末)用がある場合もあるでしょう。
そして、代替スタイルシート
revers.css 反転表示用
small.css 狭いディスプレイ用
などを用意していることもあります。プレゼンテーション用のものがあったり
ユーザーの選択、または端末の種類によってスタイルシートは選択され、それぞれのスタイルシートが適用された状態で利用できるようにしてあります。したがって、一箇所で管理するほうが楽です。スタイルシートの編集時にHTMLを開く必要はないので、HTMLの近くにおかれる必要もありませんし・・
例えばトップページがある階層に『CSSフォルダ』を作って、全てのhtmlファイルはその中に作るCSSファイルを参照した方が良いのでは?」
基本--第一原則--はそうです。そうすることで、スタイルシートを変えるだけですべてのページのデザインを一挙に変えられますし、おなじ設定を何度も読み込ませる必要もなくなります。
ORUKA1951様、
ご回答ありがとうございます。ちょっとかみ砕くことが難しいですが大変有難いです。
ゆっくりもう一度見てみます。
ありがとうございました。
No.1
- 回答日時:
こんにちは。
自分もいま勉強中なのですが、先輩いわくフォルダ分けしろとのことでした。
CSSに限らず画像やフラッシュなどもすべてみたいです。
理由はファイルが増えてくると管理がしにくくなるからとのことでした。
自分もフォルダ作ってからだいぶすっきりしましたよ。
noby_7423様、
ご回答ありがとうございます。noby_7423様の先輩はそうなのですね。分かりました。
ただ、わたしとしては『同じ修飾が書かれたCSSファイル=同じファイル』が各フォルダにある状況でして、これを何とか出来ないかな?と思っている次第です。
ありがとうございました。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- ホームページ作成・プログラミング ホームページ作成について。「ワードプレスではありません」。 3 2023/08/13 14:44
- HTML・CSS Dreamweaver のテンプレートでの相対パスの設定について 2 2023/06/13 17:28
- HTML・CSS CSSファイルの日本語コメントが文字化けしてしまう 3 2022/12/26 15:50
- Windows 10 ショートカットの使い方について教えて下さい。 2 2022/06/21 15:27
- WordPress(ワードプレス) Wordpress 複数プラグインの不具合? 1 2022/10/09 21:52
- HTML・CSS CSSでサイトの背景に画像を組み込みたいのですが反映されません 2 2022/11/22 16:21
- Visual Basic(VBA) Wordマクロで指定したフォルダ名に保存する方法について 8 2022/12/13 11:35
- PHP アップロードファイルの数に応じてCSSを動的に変更したいのですが、方法がわかりません 3 2023/07/23 21:59
- Excel(エクセル) エクセルのマクロについて教えてください。 2 2023/02/21 13:29
- Windows 10 ショートカットの作り方と使い方について教えて下さい。 3 2022/05/27 08:44
関連するカテゴリからQ&Aを探す
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
jspにcssを反映させるには
-
cssファイルの名称付け
-
ディレクトリ構成【「common」...
-
行と行の間を一行空けたいです
-
HTMLの CSSのファイルというの...
-
Dreamweaver のテンプレートで...
-
BODYタグのstylesrcって?
-
スタイルシートが適用されない
-
cssで、ボタンのテキスト部分を...
-
定数の定義とかはできますか?
-
サイトを作る時のcssファイルは...
-
複数のhtmlで同じcssファイルを...
-
ie6、ie7 で文字が大きくなって...
-
CSSを最近始めました。実は、2P...
-
拡張子 .cssに続く暗号みたいな...
-
スタイルシートファイルのファ...
-
ワードプレスで太字が反映され...
-
gruntでsassの自動コンパイル
-
範囲指定印刷での位置(css)
-
スタイルシート(CSSスタイル)...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
cssファイルの名称付け
-
jspにcssを反映させるには
-
サイトを作る時のcssファイルは...
-
複数のhtmlで同じcssファイルを...
-
ディレクトリ構成【「common」...
-
範囲指定印刷での位置(css)
-
cssで、ボタンのテキスト部分を...
-
スタイルシート(CSSスタイル)...
-
定数の定義とかはできますか?
-
cssが反映されません
-
エクセルファイルにCSSを読み込...
-
Dreamweaver のテンプレートで...
-
cssファイルを階層の異なるHTML...
-
一部のページにデフォルトCSSを...
-
ブラウザでプレビューでCSSが反...
-
ドキュメントルートより上の階...
-
HTMLの CSSのファイルというの...
-
CSSファイルの分け方皆様はどの...
-
<LINK> の ID の属性値
-
[Dreamweaver8]テンプレートに...
おすすめ情報