コンピュータ基礎実習上級
#8 ファイルの整理、フォルダ、パス
一般教育研究センター 安田豊
WWW ページの階層構造
•
多くの場合 WWW サイトは階層的に作られる（例） あるスポーツ選手の情報 サイト
•
タイトル–
概要–
生い立ち•
アマチュアの頃–
受賞暦などファイルの状態
•
ところがこの ページのファイ ルがあるフォル ダ (MO) を開い てみると•
WWW ページは整 理されたが•
製作側は雑然と しているファイルの階層構造
•
ファイルも階層的に管理したい•
ページ構造に似せると便利•
タイトル–
概要–
生い立ち•
アマチュアの 頃–
受賞暦などフォルダの作り方
•
作りたいフォルダ（ M O ）ウィンドウで右ク リック•
「新規作成」を行う•
新規フォルダができる•
フォルダ名をタイプ入 力して Enter で確定ファイルをフォルダの中に入れる
Step1.
ポイントしてボタ ンをプレス
Step2.
ドラッグで移動 Step3.
フォルダの上でボ
タンを離す（ド
ロップ）
•
すぐとなりへのリンク<a href=“bio.html”>
•
フォルダの中へのリンク<a href=“biography/bio.html”>
区切りの / 記号に注目
フォルダの中にリンクを張る
•
フォルダの中へのリンク<a href=“biography/biodetail/bio.htm ｌ” >
/ で区切りながら フォルダ名を重ねて書く
フォルダの中のファイルにリンクを張る
•
フォルダの上へのリンク<a href=“../index.ht ｍｌ” >
「 .. 」が「ひとつ上」を示す
• フォルダ名は不要
– 自分にとって「上」は一つだけ
• 隣のフォルダの中へ
=“../biography/bio.ht ｍｌ”
• 相対的な視点＝相対パス
– Path= 経路、通り道
さまざまな場所とその記述
まとめ
•
整理された WWW ページを作ろう– 階層的な整理が一般的
•
HTML ファイルや画像なども整理しよう– フォルダを使って階層的に整理できる
•
それに合わせたパスの表記法を覚えよう– フォルダ名 / ファイル名
– フォルダ名 / フォルダ名 / ファイル名 – ../ ファイル名
– ../ フォルダ名 / ファイル名
– ../ フォルダ名 /../../ フォルダ名 / フォルダ名 /……
