電子書籍の厳選無料作品が豊富!

以下ページ構成を考えたとします。

トップページ:パソコンについて(top.html)
・01:CPUとは(01フォルダ\01.html)
・02:メモリとは(02フォルダ\02.html)
・03:グラフィックボードとは(03フォルダ\03.html)
・04:OSインストール(04フォルダ\04.html)

topページから、各ページへリンクする流れです。

【質問】
このとき、「03と04の間に、HDDについてのページを書き足す必要が出てきた際」
「03:HDDとは」「04:グラフィックボードとは」「04:OSインストール」
と「フォルダ と ページ番号を必要になってきます。」

もしこのように
「項目番号をページにつけてページを作成した後、後から間に番号を差し込む必要が出てきた場合の修正方法をどのようにしているのしょうか?」

私は、、
トップページ:パソコンについて(top.html)
・01:CPUとは(01フォルダ\01.html)
・02:メモリとは(02フォルダ\02.html)
・03:HDDとは(03フォルダ\03.html)
・03:グラフィックボードとは(04フォルダ\04.html)
・05:OSインストール(05フォルダ\05.html)

とページ名・フォルダ共に変更するという非常に面倒な手順を踏んでいるのですが、
以下のように、

トップページ:パソコンについて(top.html)
・01:CPUとは(01フォルダ\01.html)
・02:メモリとは(02フォルダ\02.html)
・03:HDDとは(05フォルダ\05.html)
・03:グラフィックボードとは(03フォルダ\03.html)
・05:OSインストール(04フォルダ\04.html)

HDDページは「05ページとして」作成していくのが普通なのでしょうか。

ご教授お願いします。

A 回答 (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>内でセットすれば良いです。

この回答への補足

追加情報ありがとうございます。

>なお、01:のような章番号、項番号は記事には書かないほうが良いです。途中に記事が挿入されたり、移動したりすると全部書き直さなければならなくなります。counterというプロパティがあるので、それで番号を振れば良いです。各ページに分けたときには<head></head>内でセットすれば良いです。

そうですよね。これはちょっと自分でHTMLつくってみて
感じてたんですが、やっぱり書かない方がよさそうですね。

ありがとうございました。

補足日時:2012/11/24 17:17
    • good
    • 0

横から失礼いたします。


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

あとマザーボードと外装ケースとマルチメディアドライブと電源ユニットの項目も
付けたほうが良いかなと余計なお世話をしてみたり・・・
    • good
    • 0
この回答へのお礼

回答ありがとうございます。

やはり、imgディレクトリは各ページに作るのではなく、まとめておく方がいいのですね。
参考になりました。

>マザーボードと外装ケースとマルチメディアドライブと電源ユニットの項目
こちらもそうですね。あった方がいいので付け足すことにします。

ご教授ありがとうございました。

お礼日時:2012/11/24 03:40

そんなことしてたら、数年後に見たときに訳がわからなくなりますよ。

私は仕事ですから、後でクライアントや他の業者が見てもわかるように書きます。

/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

としたりする方がいいのでしょうか?  

補足日時:2012/11/23 22:09
    • good
    • 0

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!