- ベストアンサー
CSSファイルを入れるフォルダは統一すべき？
- ホームページ作成時におけるCSSファイルの配置に関する問題について考えます。
- 現在の方法と別の方法を比較し、どちらが適切かを検討します。
- 結論として、CSSファイルの配置は統一したフォルダにまとめる方がよいという意見が一般的です。
- nickname_1973
- お礼率85% (106/124)
- CSS
- 回答数2
- ありがとう数2
- みんなの回答 （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ファイルを参照した方が良いのでは？」 基本--第一原則--はそうです。そうすることで、スタイルシートを変えるだけですべてのページのデザインを一挙に変えられますし、おなじ設定を何度も読み込ませる必要もなくなります。
その他の回答 (1)
- noby_7423
- ベストアンサー率0% (0/3)
こんにちは。 自分もいま勉強中なのですが、先輩いわくフォルダ分けしろとのことでした。 ＣＳＳに限らず画像やフラッシュなどもすべてみたいです。 理由はファイルが増えてくると管理がしにくくなるからとのことでした。 自分もフォルダ作ってからだいぶすっきりしましたよ。
お礼
noby_7423様、 ご回答ありがとうございます。noby_7423様の先輩はそうなのですね。分かりました。 ただ、わたしとしては『同じ修飾が書かれたCSSファイル＝同じファイル』が各フォルダにある状況でして、これを何とか出来ないかな？と思っている次第です。 ありがとうございました。
お礼
ORUKA1951様、 ご回答ありがとうございます。ちょっとかみ砕くことが難しいですが大変有難いです。 ゆっくりもう一度見てみます。 ありがとうございました。