- ベストアンサー
フォルダ階層について
- フォルダ階層についてお困りの方へ
- フォルダ階層の修正方法について
- HDDページの作成方法について
- みんなの回答 （3）
- 専門家の回答
質問者が選んだベストアンサー
No.1です。 画像を含め、様々なファイルが存在しますが、それを整理するのはあなたのMy Documentの整理と同じです。 もし、それぞれをフォルダーに分けるなら、 |--PC/ |--index.html |--images 以下のファイルで共通に使用する画像 | |-- Photo | |-- fig |--WhatCPU | |-- index.html | |-- CPU.html | |-- kindsCPU.html | |-- images/ 以下で利用する画像 とかに分けるでしょう。あなたの場合は、それぞれのファイル数が少ないので、同じ階層に入れたほうが良いように思います。 これは実際の製作工程を考えれば良いです。 まず、たった一つの巨大なHTMLを作成します。これは本、texで論文を書くのと同じです。 Tex HTML5 chapter（章） <body>---<header> section（節） |-- <section> subsection（項） | |--<section> subsubsection（目） | | |-- <section> paragraph（段落） | | | |--<section> subparagraph（小段落）| | | | |--<section> そのうえで、これではあまりにも閲覧には不便なので、それぞれの節なり項で切り分けてページを作成するという手順を踏むことが多いと思います。 これが、製品紹介などでしたら、製品ごとにフォルダーを作ることになるでしょう。 あなたの場合は、すべて同じ階層に入れたほうが良いように思います。 ★Windows使いには想像もつかないのでしょうが、UNIXの世界では複数の単語からなるファイル、ディレクトリ名は、whatIsThisのように単語の先頭を大文字にしてきました。Winowsは大文字と小文字を区別しませんし、フォルダー名に半角スペースを含むことができますがUNIXは伝統的に大文字小文字を区別しますし、ファイル・フォルダーに半角スペースは使いませんから、この様に書くことが多いです。 なお、タグを半角アルファベットで書くのはXHTML---XMLとの整合性のためであって、ファイル名は大文字を使って構いません。 なお、01:のような章番号、項番号は記事には書かないほうが良いです。途中に記事が挿入されたり、移動したりすると全部書き直さなければならなくなります。counterというプロパティがあるので、それで番号を振れば良いです。各ページに分けたときには<head></head>内でセットすれば良いです。
その他の回答 (2)
- too_bad
- ベストアンサー率53% (70/130)
横から失礼いたします。 WEBサイトの場合はフォルダとは称さず、ディレクトリと称します。 /pc |-- index.html |-- WhatIsCPU.html |-- WhatIsMemory.html |-- WhatIsHDD.html |-- WhatIsGraaphicBoard.html |-- HowtoInstallOS.html |--imgディレクトリ-- indexディレクトリ-- 各画像 -- WhatIsCPUディレクトリ-- 各画像 -- WhatIsMemoryディレクトリ-- 各画像 -- WhatIsHDDディレクトリ-- 各画像 -- WhatIsGraaphicBoardディレクトリ-- 各画像 -- HowtoInstallOSディレクトリ-- 各画像 ちなみにHTML言語は半角小文字を推奨します。 私ならむしろこう書きます。 /pc |-- index.html |-- cpu.html |-- memory.html |-- hdd.html |-- gpu.html |-- os.html |-- jsディレクトリ-- 各Javascriptファイル |-- cssディレクトリ-- 各CSSファイル |--imgディレクトリ-- indexディレクトリ-- 各画像 -- cpuディレクトリ-- 各画像 -- memoryディレクトリ-- 各画像 -- hddディレクトリ-- 各画像 -- gpuディレクトリ-- 各画像 -- osディレクトリ-- 各画像 画像は<img>を使わない背景画像等ならCSSから設定し、 この構造ならbody {background:url('../img/index/bg.jpg');} 等と設定します。 画像なら画像で一つのディレクトリにまとめておくほうがわかりやすいのです。 私はルートディレクトリ(index.htmlを配置するディレクトリ)には各htmlファイルと 下位ディレクトリを配置し、下位ディレクトリは画像のみのディレクトリや、 CSSのみのディレクトリ等を作成して区分けしてます。 例えばcpuの説明に数ページを要するのであれば、それもディレクトリに格納し、 cpuに関するhtmlファイルのみのディレクトリを作るのも良いでしょう。 例: cpuディレクトリ -- cpu01.html CPUとは？ |-- cpu02.html CPUの種類 |-- cpu03.html Intel製CPUとAMD製CPUの違い |-- cpu04.html 周波数の違い |-- cpu05.html コアとスレッドって何？ |-- cpu06.html SundayBridgeとは？ リンク先URL例 ttp://○○-○○.jp/cpu/cpu01.html あとマザーボードと外装ケースとマルチメディアドライブと電源ユニットの項目も 付けたほうが良いかなと余計なお世話をしてみたり・・・
お礼
回答ありがとうございます。 やはり、imgディレクトリは各ページに作るのではなく、まとめておく方がいいのですね。 参考になりました。 >マザーボードと外装ケースとマルチメディアドライブと電源ユニットの項目 こちらもそうですね。あった方がいいので付け足すことにします。 ご教授ありがとうございました。
- ORUKA1951
- ベストアンサー率45% (5062/11036)
そんなことしてたら、数年後に見たときに訳がわからなくなりますよ。私は仕事ですから、後でクライアントや他の業者が見てもわかるように書きます。 /pc |-- index.html |-- WhatIsCPU.html |-- WhatIsMemory.html |-- WhatIsHDD.html |-- WhatIsGraaphicBoard.html |-- HowtoInstallOS
補足
回答ありがとうございます。 申し訳ありません。一つ情報が洩れていました。 ページだけなら提示いただいた内容で問題ないのですが、 各ページで画像を使用しているのです。 No1フォルダ→WhatIsCPU.html →imgフォルダ →CPU.htmlで使用する画像aと画像bを使用。 No2フォルダ→WhatIsMemory.html →imgフォルダ → 画像aと画像bを使用。 提示して頂いた内容ですと、 「画像フォルダをどのように整理していくのが良いのか」 検討がつかなかったのです。 /pc |-- index.html |-- WhatIsCPU.html |-- WhatIsMemory.html |-- WhatIsHDD.html |-- WhatIsGraaphicBoard.html |-- HowtoInstallOS |--imgフォルダ-- WhatIsCPUが使用する画像フォルダ--画像a、画像b -- WhatIsMemoryフォルダ--画像a、画像b としたりする方がいいのでしょうか？
補足
追加情報ありがとうございます。 >なお、01:のような章番号、項番号は記事には書かないほうが良いです。途中に記事が挿入されたり、移動したりすると全部書き直さなければならなくなります。counterというプロパティがあるので、それで番号を振れば良いです。各ページに分けたときには<head></head>内でセットすれば良いです。 そうですよね。これはちょっと自分でHTMLつくってみて 感じてたんですが、やっぱり書かない方がよさそうですね。 ありがとうございました。