画像の保存場所を用意して整理する

src属性の設定の仕方

ウェブページに使用する画像は多くなりがちなので、画像用のフォルダを作ってそこに格納するのが一般的です。われわれもそれに従って、images というフォルダを作ってその中に入れることにします。

htmlファイルについては、imgタグのsrc属性を変更するだけです。

大きな画像は、p タグの中に画像だけをいれて次のようにすればいいでしょう。

<p><img src="images/yama.png" alt="青空に遠い山と近くの並木"></p>

images というフォルダの中の yama.jpg をsrcにするという指定です。もっと正確に言えば、このhtmlファイルのある場所を基準にして、同じフォルダに images というフォルダがあってその中に yama.jpg があると指定しています。

画像ファイルの移動

public_htmlにimagesフォルダを作ります。正確には画像を使うhtmlファイルのあるフォルダ内にimagesというフォルダを作るということです。

次に、imagesフォルダに、 yama.jpgなどの画像ファイルを移動します。

imagesフォルダに許可を与える

imagesフォルダにはbublic_htmlフォルダと同様に読み取り(r)と中に入ること(x)の許可を設定します。

chmod go+r public_html/images/* とキーボードから入力して[Enter]を押します。許可されたかを確認したければ、 ls -l public_html/imagesとキーボードから入力して[Enter]を押します。

z2c2s@star00:~$ chmod go+rx public_html/images/  
z2c2s@star00:~$ ls -l public_html/ 
合計 4 
drwxr-xr-x 2 z2c2s z2c2s 4096 2012-06-06 14:51 images
-rw-r--r-- 1 z2c2s z2c2s  424 2012-05-23 14:40 index.html
-rw-r--r-- 1 z2c2s z2c2s 1119 2012-05-14 12:44 iroiro.html
-rw-r--r-- 1 z2c2s z2c2s  830 2012-04-23 12:43 joho.html

imagesの中の画像ファイルはすでに移動前に許可がありますが、もしまだなら次のようにします。

z2c2s@star00:~$ chmod go+r public_html/images/*  
z2c2s@star00:~$ ls -l public_html/images 
合計 4 
-rw-r--r-- 1 z2c2s z2c2s 16198 2012-05-21 12:38 yama.jpg

繰り返しますが、フォルダの許可のパターンは、rwxr-xr-x ファイルの許可のパターンは rw-r--r-- となっていれば正解です。

書き換えや消去をされては困るので書き換え許可(w)はしません。

ウェブページのための読み取り許可まとめ

いままでにやってきた読み取り許可の操作です。UNIX/Linuxでは読み取り許可、書き込み許可などを合わせてファイルのパーミッションと言います。

public_htmlフォルダ内の全ファイルに読み取り許可を与える

chmod go+r public_html/*

public_html/imagesフォルダ内の全ファイルに読み取り許可を与える方法

chmod go+r public_html/images/*

public_htmlフォルダを作ったときに一度だけすること

chmod go+rx public_html

imagesフォルダを作ったときに一度だけすること

chmod go+rx public_html/images