ほーむぺーじ初歩の初歩 4

HTMLファイルが作れたら、どしどしページを増やしますな。index.htmlを目次ページにして、写真の展示ページに日記ページに掲示板や…ぼんやりとでも「ホームページ」の形が頭に浮かぶかと思いますが、それを「サイトマップ」として意識してみましょう。サイトの構造図。
その段階で耳にするかもしれない、「ディレクトリ」とか「（絶対 or 相対）パス」などについて。

「ディレクトリ」てのは、パソ画面では「フォルダ」として見えたりする、パソがファイルを整頓するための構造でございますが。
（OS9で見た図）
仮に「www」というホームページ用のフォルダを作ったら。その中に「index.html」ファイル、画像ファイル用の「img」フォルダ、下層コンテンツ用の「sub1」「sub2」フォルダを作り…という具合に作っていきますが、このフォルダが「ディレクトリ」。
※ファイルやフォルダの名前は、半角英数字で分かり易ければ何でもよいのです。写真展示の「gallery」フォルダとか、日記は「diary」フォルダとか。

ツリー表示にするとこんな感じ。

www┳index.html
   ┣common.css
   ┣common.js
   ┣img┳01.gif
   ┃   ┣02.jpg
   ┃   ┗xxx.jpg
   ┣sub1┳index.html
   ┃    ┣page1.html
   ┃    ┣page2.html
   ┃    ┗img┳xxx.gif
   ┃         ┗xxx.gif
   ┗sub2┳index.html

以下略。こんな感じでサイト構造を考えて、htmlでリンクリンクー。の時に必要なのが「パス」ですが。

…えーと本日はタイムアウト。続きはまた。