• ベストアンサー

cssファイルの名称付け

magnum_の回答

  • magnum_
  • ベストアンサー率0% (0/1)
回答No.1

index は普通、ページ本体にしか付けませんね。慣習というか。 別に何でもいいのですが、拡張子を表示していない状態だと、区別が付かないからだと思います。Windows の標準は、拡張子非表示なので。 css は複数指定できるので、枠組みとか、リセット(マージンとかを一旦 0 にする)とか、文字のみとか、役割に応じてという感じですか。 style.css または standard.css あたりから、始めるようにガイドされている本が多いですね。フォルダ構造ですが、 css フォルダ以下に分けるのが普通だと思います。結構、増えてくるんですよ、これが。長くページを運営していると。当然、index.html からのパスは、css/ファイル名.css となります。 同様に、JavaScript ファイルは、 js フォルダ以下に置くことが多いですね。index.html からのパスは js/ファイル名.js となります。

関連するQ&A

  • cssの外部ファイルの方法について

    よろしくお願いします。 cssを外部ファイルにしたいのですが方法が分かりません。 ご指導の程よろしくお願いします。 まず、Wというフォルダがあります。その中にaというフォルダがあり、その中にindex.htmlがあります。(直下に置けないためにこのようにしてあります。) 次にやはり、Wフォルダの中にbというフォルダがあり、その中にtest.htmlがあります。 index.htmlもtest.htmlにもそれぞれ<head>~</head>にcssの記述をしております。 これを、メモ帳に写して外部ファイルとしたいのですが方法が分かりません。 どなた様か、ご指導の程よろしくお願いします。

    • ベストアンサー
    • HTML
  • cssの反映について(フォルダにいれると反映されない)

    学校の課題として今HPの作成しています。 cssのことでわからないことがあるので、誰か詳しい方いましたら教えてください。 かなりページ数が増えてきてしまったので、ページごとにフォルダを作って整理をしようと思うのですが、 そうするとフォルダの中に入れたファイルにはcssが反映されなくなってしまうんです。 (ちなみにHEADの中に直接埋め込むcssでなく、cssファイルを別に作ってリンクするものです。) フォルダからcssファイルを出してしまえば、反映されるのですが、 cssファイルは全てcssというフォルダの中に入れなければいけないという決まりがあるので困っています。 <link rel="stylesheet" type="text/css" href="css/design.css"> ↑このようなタグでcssファイルのリンクを貼っているのですが、反映されません。 どこが間違っているのでしょうか?? 締め切りが金曜日までなので、かなり困ってます! 初歩的な質問&わかりにくい質問ですみませんが、どなたかよろしくお願いします。

    • ベストアンサー
    • HTML
  • cssファイルを階層の異なるHTMLファイルに反映するには?

    趣味でホームページを作成している者です。。 cssファイルを階層の異なるHTMLファイルに反映できなくて 3日間くらい試行錯誤しながら困っています。 cssを反映したいHTMLファイルの <head>部分には<link rel="stylesheet" type="text/css" href="mystyle.css" >と記載しております。 フォルダ構造は以下です。 homepageフォルダにmystyle.cssファイルがあります。 さらに同フォルダにmyfavoriteフォルダがあり その中にさらにMFフォルダにAndrea_Pirlo.htmlファイルがあります。 このAndrea_Pirlo.htmlファイルに2階層上のcssファイルが 反映されません。 わかりにくい説明で申し訳ございませんが どなたかご教授頂けたらと思います。

    • ベストアンサー
    • HTML
  • CSSファイルを入れるフォルダは統一すべき?

    こんにちは。 ホームページを作っているものです。 わたしのホームページはhtmlファイルがあるフォルダの中に必ず『CSSフォルダ』を作っています。そしてhtmlファイルは必ずその階層にあるCSSフォルダに入っているCSSファイルを参照しています。 それで本日ふと思いました。「この様なやり方で良いのか?例えばトップページがある階層に『CSSフォルダ』を作って、全てのhtmlファイルはその中に作るCSSファイルを参照した方が良いのでは?」。 ググったり、有名どころのサイトさんのソースを見たりしましたが、どちらが適切かは分かりませんでした。 どの様にすべきでしょうか、ご教示下さい。 よろしくお願い申し上げます。

    • ベストアンサー
    • CSS
  • cssが反映されない

    サイトを作ろうとしているのですが、初心者なのでこのサイト↓ http://homutuku.com/beginner/330.html を見ながら作っているのですが、スタイルシートが反映されません。 反映されないといっても、ボーダーのオレンジの線一本だけ反映されます。 あとは反映されません。画像なども。 今フォルダは 全体の「hp」というフォルダの中に、「img」フォルダがありその中にheader.gif がはいっています。 あとはこのサイトと同様、cssファイルとindex.htmlだけです。 なぜでしょうか。 よろしくお願いいたします。

    • ベストアンサー
    • HTML
  • CGIファイル内のCSSが更新できません。。

    いつもお世話になります。 先ほど導入したCGIを完成させるべく四苦八苦しています。 何年か前に使っていたCGIを、また別のサーバーに使おうと設置し、 動くだけなら動くのですが、中身のCSSファイルにて名称や、画像を 変更、上書き、転送をしても反映されず困り果てています。 サーバーはBIGLOBEで、中身のフォルダ名、ファイル名は一切変えて いません。転送後に確認すると中身はきっちり書き換えてあるのですが ブラウザで何度更新しても古いままです。 変わらないのはタイトル部分とタイトルに使いたい画像です。 CGIファイルには設定項目は一切なく、別にCSSファイルが添付されている 形式です。 自分でできることは全てやったつもりですが・・思いつく原因が 一切なくなってしまいました;; アドバイスいただければとおもいます。宜しくおねがいします。

    • ベストアンサー
    • CGI
  • テンプレートファイルでCSSファイルを読み込む指定をしましたが、うまく

    テンプレートファイルでCSSファイルを読み込む指定をしましたが、うまく読みこめていないようで、 CSSファイルで指定した項目を意図した位置に表示することができません。 SMARTYを使ってます。テンプレートファイルにHTMLを記述しています。 環境は、WINDOWS VISTAにApacheを入れて動かしています。 このテンプレートファイル(reg.tpl)の中でのCSSファイルの読み込みやCLASSの指定では次のように書いてます。 (1)reg.tplの内容です。 <HTML> <HEAD> <TITLE>{$title}</TITLE> {$form.javascript} <link rel="stylesheet" href="layout.css" type="text/css" />  →ここでCSSファイルの読み込み指定 </HEAD> <BODY bgcolor="#FFFFFF"> <CENTER> <HR size="1" noshade> <B>{$title}</B> <HR size="1" noshade> <DIV id="l1" CLASS="userid"> →ここでCSSファイルで設定したものを指定 <FONT size="2">{$form.user_id.label}:</FONT> {if $form.user_id.error } <font size="2">{$form.user_id.error}</font><BR> {/if} {$form.user_id.html} </DIV> ~中略 (2)layout.cssの内容です。 .userid { position : absolute; top: 545px; left: 150px; width: 5%; border:0px solid #FFB6C1; } (3)ファイルの設置場所は次の通りです。 ┳templates━reg.tpl ______┗layout.css (4)layout.cssをサーバーにアップロードして、上記(1)のreg.tplの<link …の指定部分を次のように絶対パスに変更すると layout.cssが正常に読み込めます。(userid項目がcssファイルに指定した位置に表示されます) <link rel="stylesheet" href="http://www.****.com/layout.css" type="text/css" /> (5)<link …で(1)のように指定した場合、layout.cssとreg.tplが同じフォルダにあれば実行しても cssファイルが読み込めると認識していたのですが読み込めません。 index.htmlファイルとcssファイルを同じフォルダにおいて、index.htmlの中に(1)の<link …のようにファイル名のみの記述をするとうまく読み込めます。 テンプレートファイルの中で使う項目にCSSファイルを利用して自由なレイアウトを実現したいのですが、絶対パスでCSSファイルを指定する方法以外にないのでしょうか? 分かる方、ご教授下さい。

    • ベストアンサー
    • HTML
  • DreamweaverMXで手書きCSSファイルにリンクする方法

    DreamweaverMXで手書きCSSファイルにリンクするには、 どうすればよいのでしょうか? 手書きCSSファイルをCSSフォルダにコピーしても、CSSパネルには表示されません。 また、”CSSファイルを添付する”でコピーしたCSSファイルにリンクさせても表示が変わりません。 外部ファイルとしたいのですが・・・         HP作成初めての者です。 どなたかよろしくお願いいたします。

  • FC2HPサービスでのファイルマネージャーについて

    ローカルでHPが出来上がりFC2のサーバー(ファイルマネージャー)でアップを試みたのですが、いろいろなQ&Aを検索しても理解できずに困っています。 ローカルではhomepegeフォルダの中にindex.htmlとimageフォルダとcss.cssのカスケードスタイルシートの3つが存在します。 imageフォルダにはHPで使用する画像がgifで保存してあります。 これをFC2の管理画面からroot階層にindex.htmlを上書きし(最初から用意されているので)同じroot階層にcss.cssをアップ、更に同rootにimageと名前を付けたディレクトリを新しく作成しました。 ですのでrootには既存のiフォルダも入れて3つのフォルダと1つのcssとなります。 imageフォルダを選択するとimageディレクトリの画面になりそこにimageファイルの中の画像をアップしました 結果はcssも画像も反映しておりません(HTMLで記述した箇所だけ反映されています) ファイルマネージャーの使い方が善く理解できていないのと恐らくは階層が違うと思うのですが cssとimageの中の画像はどの階層にアップしたらよいのでしょうか? ローカルではブラウザで確認しましても問題無く完成しております 御教授宜しくお願い致します。

  • CSS外部ファイル⇒ヘッダー&フッター

    こんにちは。 いまCSSファイルを使ってHPをキレイにしようと頑張っています。 そこで、教えて欲しいことがございます。 ワタシのHPは大きく分けて、ヘッター&フッターと真ん中の3ブロクで分かれています。そのヘッダー&フッター部分の画像と機能をそのままで複数ページにも適用させるようにしたいのです。 簡単に言いますと、indexにはリンクが沢山あり、そこから別ページに飛ぶようにしますが、そこで、ヘッダー&フッターは同じ内容にしたいというものです。コノ場合はスタイルシートに何かを書き込むだけなのか、HTMLファイルを数の分だけイジルのでしょうか。 やり方がチンプンカンプンです。 どなたか教えて下さい。