- ベストアンサー
CSSを1ページに1枚作るのって変ですか？？
変な質問ですみません。 CSSなのですが、10ページ、ページがあった場合CSSを10個作ってそれぞれ専用と考え、リンクさせるのって、これは変だと思われますか？ ちょっと分かりにくいですね・・・。 1ページに対して書く1枚ページ専用のCSSファイルがあるということです！！ というのは、共通部分があるページなら1つのファイル内で簡単に対応できるのですが、1ページ、1ページが全く関連付け出来ない、いわゆる共通性の無いページだと、記述が長くなると分けが分からなくなるのです・・・。 皆さんはこの様なときはどう対処されますでしょうか？？ちなみにこの方法はW3C的にはどうなのでしょう？？推奨されているのでしょうか？ お詳しい方、宜しくお願いいたします。
- 404not_found
- お礼率61% (176/285)
- HTML
- 回答数10
- ありがとう数4
- みんなの回答 （10）
- 専門家の回答
質問者が選んだベストアンサー
その他の回答 (9)
関連するQ&A
- 外部cssの記述方法について
よろしくお願いします。 cssを外部リンクにしたくご質問をさせて頂きました。 まず、始めにフォルダの構成ですがWフォルダというのがあります。 その中に、１というフォルダがあります。 その１フォルダの中にトップページが入っています （直下に置きたくないため） そのトップページのcssを外部リンクにするために以下の記述を<head>～</head>内にしました。 <link href="1.css" rel="stylesheet" type="text/css" media="all" /> ←inde.htmlにのみ適用したいcss <link href="commonness.css" rel="stylesheet" type="text/css" media="all" /> ←全てのページに共通に適用したいcss 上記の記述で、cssファイルは１フォルダの中に保存しました。これですとcssは適用されるのですが これを１フォルダの中にcssフォルダを作成して、cssファイルを cssフォルダに保存して以下のように記述すると cssが適用されなくなってしまいます。 <link href="css/1.css" rel="stylesheet" type="text/css" media="all" /> ←inde.htmlにのみ適用したいcss <link href="css/commonness.css" rel="stylesheet" type="text/css" media="all" /> ←全てのページに共通に適用したいcss また、別のページですが、１フォルダの中にaというフォルダを作成してtest1.htmとtest2.htmlが入っております。 その際ですが、commonness.cssは共通で適用させたく、更にはtest1.htmとtest2.htmlにのみ適用させたいcssもあるのですが htmlへの記述方法がいまいち理解出来ずご質問をさせていただきました。 私は、Wというフォルダにcssというフォルダを作成して、その中に全てのcssファイルを保存しようと考えていたのですが、考え方が間違っておりますでしょうか？ 共通に適用させたいページが保存してあるフォルダの中全てに、commonness.cssファイルを保存した場合、 いざ、編集する際に全てのcssを編集しなければならなく、それでは外部cssにする意味が無いと思うのですが やはり、そうでしょうか？ うまく、説明が出来ないのですが、どなた様かご指導の程よろしくお願いします。
- ベストアンサー
- HTML
- 一部のページにデフォルトCSSを読み込ませない方法
一部ページにCSSを読み込ませない方法がありましたら、 ご教授ください。 例えば、 全ページに以下のCSSを共通で読み込ませてあります。 <link rel="stylesheet" type="text/css" media="screen" href="css/common.css" /> <link rel="stylesheet" type="text/css" media="screen" href="css/index.css" /> しかし、test.htmlだけ <link rel="stylesheet" type="text/css" media="screen" href="css/index.css" /> を読み込ませたくありません。 つまり、 <link rel="stylesheet" type="text/css" media="screen" href="css/common.css" /> は通常通り読み込んで、 <link rel="stylesheet" type="text/css" media="screen" href="css/index.css" />のみを 除外したいです。 * 共通のCSSは外すことはできません。 * また、CSSを新たに追加することもできません。 * head内にスクリプトを記述することができますが、スクリプトの記述で解決できますでしょうか。 自分で検索もしてみたのですが、答えに辿りつけません。 どのような方法がありますでしょうか。 何か方法がありましたら、ご教授ください。 よろしくお願いいたします。
- 締切済み
- CSS
- CSSの分割とウェブサイトの表示速度 (SEO)
. よく、【(1)HTTPのリクエストを抑えるために、複数のCSSファイルはひとつにまとめる】ということが言われますが、一方で、【(2)表示速度のためにCSSを分割する】ということが推奨されることもあります。 この2つが一見矛盾する感じで少々混乱しております。 ここで、例えば、ホームページ・記事ページ・製品ページの、3つのページが存在するウェブサイトを仮定するとします。 【質問A】 そこで、(1)については、ある一つのページにおいては、もしCSSを複数呼び出している場合には、できるだけその複数のCSSファイルをまとめた方がHTTPのリクエストが少なくなるのでよい。 そして、(2)については、各ページにおいては、ページごとにCSSファイルを分けていた方がそのページでは使わない無駄なCSSコードを読み込ませなくて済むのでよい。 ということなのでしょうか？ 【質問B】 そうすると、全てのCSSファイルを一つにまとめてしまうのではなく、例えば上の3つのページに共通するCSSをcommon.css 、それぞれのページに特有なCSSをindex.css、article.css、product.css といった感じで読み込ませるようにすることは、(1)(2)の両方をある程度両立させる方法といえますでしょうか？ 【質問C】 質問Bの内容を具体的に実現するには、HTMLのヘッダー部分をテンプレートパートにして、まずcommon.cssについては<head>に<link>で記述しておき、index.css、article.css、product.css についてはその下に条件分岐で記述して各ページで該当のCSSを読み込ませるという方法で問題ございませんでしょうか。 .
- ベストアンサー
- CSS
- CSSの呼出方法と表示速度 (SEO)
. HTML内で外部CSSファイルを呼び出す方法について、表示速度の面で記述を迷っ ている部分があります。 例えば、ホームページ・記事ページ・製品ページの、3つのページが存在するウ ェブサイトを仮定するとします。 そして、3つのページに共通するCSSをcommon.css それぞれのページに特有なCSS をindex.css、article.css、product.css とするとします。 【方法A】 HTMLのヘッダー部分をテンプレートパートにして、まずcommon.cssについて<link > で記述し、index.css、article.css、product.css についてはその下に条件分 岐で記述して、CSSファイルを呼び出していく 【方法B】 HTMLのヘッダー部分をテンプレートパートにせず、ホームのページのHTMLにcommon.css 及びndex.cssを<link>で2つ記述、記事ページのHTMLにcommon.css及びarticle.css を<link>で2つ記述、製品ページのHTMLにcommon.css及びproduct.cssを<link>で 2つ記述、してCSSファイルを呼び出していく。 Bの方法は管理の手間はかかることになりますが、テンプレートパートを使い条 件分岐をするAと条件分岐をしないBで、各ページで表示速度に違いは出るもの なのでしょうか .
- ベストアンサー
- CSS
- CSSでのページ構築について
CSSでのページ構築について CSSでのサイト制作に挑戦しています。 まずは、テンプレートをつかってカスタマイズしてみようとおもい、テンプレートをDLしました。 「フッタ／左メニュー／メインコンテンツ／フッタ」というブログなどでよくあるものです。 （縦三段で、真ん中が左右２つに別れている2カラム） CSSファイルは、外部読み込み形式です。 トップページを作って、いざメニューからメインページのリンクを貼ろうと思ってつまずきました。 左ページのコンテンツメニューに設定したリンクを、右側の枠内に表示したいのですが、そういった場合は、どうすれよいでしょうか。普通に右側の内容をいれたHTMLにリンクすると、全画面がそのページになってしまって、ヘッダ／左メニュー／フッタは消えて（隠れて）しまいます。 ヘッダや左メニューをそのままにしてページ数を増やしたいときは、トップページをひたすらコピーして、右側の要素部分だけを変更していくのでしょうか？ でも、それだとCSSにする意味がないというか、全然楽ではないですよね。 左メニューの項目が増えた時など、全ページを修正しなければならなくなりますし。 自分なりにCSS関連のサイトを検索して調べてみたのですが、どこも「トップページをそのままコピーしているようにしかみえない」のです。 右側ページ内容のHTMLに、ヘッダやメニューも読み込ませるような設定が必要なのでしょうか？ ソフトはDW CS4を使っています。 どなたか、CSSの達人さま、教えてくださいませ。 お願い致します。
- 締切済み
- ホームページ作成ソフト
- CSSファイルの管理方法でアドバイスをください。
私はサイト制作初心者です。 現在、ページ数がおよそ３０ｐのサイトをレスポンシブWebデザインにて制作しております。 とりあえず制作を・・・とおもい管理のし易さを無視してたった６つのcssファイルだけで構成しているのですが、横幅毎のcssファイルがとてつもなく膨大な記述量になってきました。 各ページ毎にちょっとした演出やデザインを入れていいたら、結果すごい記述量に・・・。 ＜現在のcss構成イメージ＞ import.css ↑base.css ↑device_1.css（数百行） ↑device_2.css（数百行） ↑device_3.css（数百行） ↑device_4.css（数百行） レスポンシブWebデザインのサイトなので、各デバイス用のcssファイルをimport.css内に@import"●●"という形で１つにまとめ、htmlファイルにはlink relでこのimport.cssだけを記述しています。 一応、全ページ共通のタグをできる限りbase.cssにまとめ、各ページ毎の個別cssファイルは作らず、デバイス毎という形で一括で記述していきました。 そうすると、あれよあれよと各デバイス毎のcssがものすごい記述量でカオスな事になってしまいました。 当然といえば当然ですが。。。 そこで、cssファイルを各ページ毎に分けるべきかどうか悩んでおります。 色々ネットで調べたのですが、『cssは分ければ分けるだけ読み込み速度が遅くなっていく！』というのを知り、さらに調べると『記述量が多くても読み込みが遅くなる』という事も知り、もう一体どうしたら良いのだろうか？とさらに悩やんでおります。 読み込み速度を優先して現状のままの構成でいくのか・・・ 管理を考えて個別にしていくのか・・・ お詳しい方々、ぜひアドバイスをください！ お願いします！
- ベストアンサー
- CSS
- cssが長くなってしまう。他に良い方法は？
サイトのレイアウトをCSSで行なっているのですが、例えばノーマルなテキストの色・スタイル、リンクの色などの設定がぺージ（コンテンツ）ごとに違います。なので「pタグ内のスタイルはこれ」と絶対的に定めることが出来ません。 全ページでテンプレートを使用していて、それが既に外部CSSを1つ呼び出しています。コンテンツごとにCSSを用意するのがスマートに思えますが、そうすると外部CSSを複数指定することになります。どこかでこの方法は推奨されないと聞いたんですが、本当ですか？ もしそうである場合、その1つのCSSに全ページ分のスタイルを記述することになりますが、それもまたCSSのソースがバカでかくなってしまいます。 これはどうするべきでしょうか？
- 締切済み
- HTML
- W3Cに準拠したページ
質問させてください。 現在W3Cに準拠したページを作成しております。 htmlやxhtmlで静的なページを作成している段階では、ソースチェッカー（another htmlを使用）でよい点数をとれるのですが、プログラムの記述（jspファイルでEC動的ページ）をした場合のソースチェックでは、プログラムの記述部分がチェッカーにひっかかってしまい、よい点数となりません。 動的ページをW3Cに沿った書き方にする方法はあるのでしょうか。 もしくは、W3Cで推奨されているのは、静的ページに特化したものなのでしょうか。 動的ページに関してのW3C注意事項、ソースの書き方などが閲覧できるページがあるのであれば、教えていただけますと幸いです。 どうぞ宜しくお願いいたします。
- ベストアンサー
- その他（プログラミング・開発）
- Flashで作ったメニューを含む画像を全ページ共通にしたいのですが（外部ファイル読み込み）
カテゴリにCSSがなかったのでここに投稿させて頂きます。外部ファイルを読み込ませて全てのページで共通の画像などを表示する方法を詳しく教えて頂きたいのですが。 Flash MXでリンクをつけたメニューを作ってそれを全てのページで表示させたいのですが外部ファイルを作って読み込む方法がスマートだと検索エンジンから辿り調べてみたら書いてあるサイトを多数見つけたのですが具体的にどう記述したらいいのかわからないのですが教えて頂けないでしょうか。.jsファイルを作る事や.cssファイルを作る事など書いてありましたが具体的に中身の記述がよく分かりません。どうかよろしくお願いします。
- ベストアンサー
- JavaScript
- css の適用について
HP作成の勉強に、ローカル内で、htmlとcssを試しに書いてみたところ、 cssが適用されず、困っております。 外部のcssファイルを読み込む場合も、htmlの<head>や要素に<style>を追加する場合も適用されません。<head>内でlinkや属性指定の記述もしており、パスもあっています。 W3Cの検証も済んでいます。htmlとcssのコーディングも一致させています。 作成の環境は、Mac OS X version 10.9.4で、Emacsで書いています。 また、どのブラウザでも適用されていません。 他に考えられるとしたら、どのような原因で適用されないのでしょうか？ 教えて頂きたいと思います。よろしく御願いします。
- ベストアンサー
- Mac
お礼
みなさん沢山のご意見有難う御座います。 少し私の表現も過剰だったと思うのですが、ようはイレギュラーなページを作る際にはどうしたらよいのかということがポイントでした。 皆さんの意見も賛否両論、 管理が行いやすいほうを取り入れればいいということでようか？ 分けて便利になる方もいれば、分けたことによって管理が面倒になる方もいると思います。私もそれは実感できます。 ただ、CSSの基本概念というか知りたかったので大変参考になりました！！ w3c的にも分けることが非推奨とは無いようですし、それこそ自由なのかもしれません。 皆さん本当に有難う御座いました。 私都合で申し訳ないのですが、もう少しここの場所を開放しておきます。 有難う御座いました。