![](http://oshiete.xgoo.jp/images/v2/pc/qa/question_title.png?e8efa67)
以下ページ構成を考えたとします。
トップページ:パソコンについて(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ページとして」作成していくのが普通なのでしょうか。
ご教授お願いします。
No.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つくってみて
感じてたんですが、やっぱり書かない方がよさそうですね。
ありがとうございました。
No.2
- 回答日時:
横から失礼いたします。
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ディレクトリは各ページに作るのではなく、まとめておく方がいいのですね。
参考になりました。
>マザーボードと外装ケースとマルチメディアドライブと電源ユニットの項目
こちらもそうですね。あった方がいいので付け足すことにします。
ご教授ありがとうございました。
No.1
- 回答日時:
そんなことしてたら、数年後に見たときに訳がわからなくなりますよ。
私は仕事ですから、後でクライアントや他の業者が見てもわかるように書きます。/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
としたりする方がいいのでしょうか?
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- ドメイン・サーバー・クラウドサービス 自作サイトをサーバーにアップロードしたのですが… 2 2022/11/08 18:12
- バックアップ パソコンHDDごとの暗号化(見られたくないファイルやフォルダ) 1 2022/05/21 22:08
- HTML・CSS スマホでHTMLファイルを開いてリンク先へ移動させたいです 2 2023/03/04 18:06
- Mac OS Macで今あるファイルの連番(ページ番号)に足し算をしてリネームしたい 1 2022/10/12 17:22
- UNIX・Linux Ubuntu でinvalid filenameとなるファイルをコピーする方法 3 2023/06/08 22:26
- Windows 8 カスペルスキー削除後の外付HDD不具合 3 2023/03/06 06:41
- Google Drive googleドライブ 共有フォルダ 表示 されない 2 2023/07/06 10:37
- Windows 10 Windows10の回復環境 2 2023/02/03 19:13
- Windows 10 デフラグが遅い 3 2023/01/13 00:35
- フリーソフト テキストファイル内を検索したい 1 2022/06/01 08:33
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
複数のindex.htmlを作ってもい...
-
URLにファイル名のないサイトに...
-
ホームを index.html から inde...
-
FTPでアップロードした画像...
-
全く同じファイルなのにホーム...
-
フォルダ内の最初のファイル名...
-
FTPしたのに、ページが真っ白です
-
リンク先に日本語フォルダがあ...
-
HTMLからフォルダを開きたい
-
htmlの中にexcelが埋め込むには...
-
Dreamweaverでページ全体が文字...
-
iPadの標準ブラウザでローカルH...
-
form action="#"
-
css ,videotタグ。ホームページ...
-
POSTしたデータの文字コードがu...
-
一つのリンクに複数のURLを指定
-
社内で利用するWebサイトを立ち...
-
googleドライブで、PDFファイル...
-
どのページもすべて同じURLなの...
-
メール本文に変な文字が
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
1つ下の階層のフォルダに相対...
-
リンク先に日本語フォルダがあ...
-
URLに「.html」の拡張子がなく...
-
複数のindex.htmlを作ってもい...
-
フォルダ内の最初のファイル名...
-
XREA使用で作成したHTMLファイ...
-
.htmと.htmlの違い
-
URLの書き方
-
サーバー内のフォルダにある写...
-
1つのドメインHP内に2つ<inde...
-
index.htmlファイルはどこに?
-
トップページ「/index.html」の...
-
webサイトの「index」を非表示...
-
URLの.html省略について
-
htmlでリンクに勝手にindex.htm...
-
フォルダにはダミーでもindex.h...
-
旧URLからのサーバー移転でhttp...
-
Application.OnTimeで引数付き...
-
Apacheで、indexの拡張子別に優...
-
ホームページを作成したら、フ...
おすすめ情報