女の子向けプレゼント集結 ガボール Gabor (BR) 83700_44_BR リラックスサンダル サンダル サイズ:37/23.5cm

女の子向けプレゼント集結 ガボール Gabor (BR) 83700_44_BR リラックスサンダル サンダル サイズ:37/23.5cm

PRADA - プラダ♡カードケース

日本未入荷♪Cherry Blossom Blouse*チェリー刺繍ブラウス

PLUS スクリプトカラーブロックTシャツ【送料・関税込】
前回は、FTPを使用したデータのアップロード方法と、インデックスファイルの解説をしました。

FENDI★レディース★シャーリングのロゴプリントサテンスライド

スチールラック四段
その後、ちょっと確認してみたのですが、画像が表示されないのは、やはりファイルのパスが間違っていることが原因のようです。

【デシグアル】ペイズリープリントのレディースロングワンピース…。
ところで、即発*Dior キーケース ブラック カーフスキン リング ロゴ 新作ってなんですか?

女の子向けプレゼント集結 ガボール Gabor (BR) 83700_44_BR リラックスサンダル サンダル サイズ:37/23.5cm

まだパスについての説明はしていなかったですね。
それでは、今回はファイルのパスについての説明からはじめましょう。

メジャークラフト NEW クロステージ [ スーパーライトショアジギングモデル ] CRX-902SSJ 大型便 

女の子向けプレゼント集結 ガボール Gabor (BR) 83700_44_BR リラックスサンダル サンダル サイズ:37/23.5cm

パスは、一言でいうとファイルやフォルダの場所を指し示す経路【Hobbs London】 ビビアン サテン ミディ ワンピース

以前、ドメインはサーバがインターネット上のどこにあるのかを指し示す
住所のようなものだと解説をしました。

その時に、手紙を郵送する際には宛先となる住所を記載する必要があるという
内容の話をしました。

パスもドメインと似た意味合いを持っており、ファイルやフォルダがコンピュータ内の
どこにあるのかを指し示す住所のようなものと言えます。

どちらも場所を指し示す住所としての役割を持っていますが、パスとドメインでは
指し示す対象が違います。

[パス]
・「ファイルやフォルダ」が「コンピュータ内」のどこにあるのかを指し示す。

[ドメイン]
・「サーバ」が「インターネット上」のどこにあるのかを指し示す。

また、次の項目で詳しく説明をしますが、パスには「絶対パス」と「相対パス」という、
2種類の記述方法がありますので、この機会にぜひ「絶対パス」と「相対パス」の違いを
覚えてみてください。

 

女の子向けプレゼント集結 ガボール Gabor (BR) 83700_44_BR リラックスサンダル サンダル サイズ:37/23.5cm

「絶対パス」も「相対パス」も、ファイルやフォルダがどこにあるのかを指し示すという点では
同じ役割を持っています。

では、「絶対パス」と「相対パス」では何が違うのでしょうか。

それは、「どこを基準にファイルやフォルダの場所を指し示しているか」という部分です。

せっかくなので、まりなちゃんが作成した「ハロウィンのホームページ」を例にして、
具体的に解説をしてみましょう。

まず、に記述しているハロウィン画像のパスを確認します。
実際にをテキストエディタで開いて確認したところ、ハロウィン画像のパスは
以下のように記述されていました。

▼ 12行目から抜粋
LOUIS VUITTON ポルトフォイユ・ヴィクトリーヌ

★NIKE★送関込★超厳選!生まれ変わった最新エアマックス!で、少しだけimgタグについての説明をしましたが、復習もかねて軽くタグの意味をおさらい
してみましょう。

imgは画像を表示するタグでした。src属性では表示する画像のパスを指定します。
また、alt属性では、何らかの理由で画像が表示できない場合に表示するテキストを指定します。
ですが、今回のお話ではあまり関係がないので、alt属性については特に気にしなくても大丈夫です。

さて、imgタグのおさらいはこれぐらいにして、「絶対パス」と「相対パス」の解説に戻りましょう。

src属性で指定しているパスの部分だけを抜き出すと、以下のようになります。

このsrc属性では「image/Halloween.png」のパスにあるファイルを表示するように指定しています。

特に明記はされていないのですが、ここで指定されているパスはがある
現在の位置を基準として、そこから目的となるフォルダやファイルまでの経路を記述する方式です。
このような方式を「相対パス」といいます。

CONTRAST POLO COLLAR SWEATSHIRT / Bottle greenGolden Goose★スニーカー Super-Star スエード レオパード柄フォルダやファイルまでの
経路を省略することなく記述する方式
を「絶対パス」といいます。

実際にを「絶対パス」に変換すると以下のような記述になります。

アカウント名

「絶対パス」と「相対パス」についてまとめると、以下のようになります。

[絶対パス]
・コンピュータ内のフォルダ構成の頂点(ルート)から、目的となるフォルダや
人気! ヴァレンティノ キャンバス スニーカー グリーン

[相対パス]
・現在の位置を基準として、そこから目的となるフォルダやファイルまでの経路を
 記述する方式。

項目の最初でもお話しましたが、どこを基準にファイルやフォルダの場所を指し示しているかを
意識することが違いを見分けるポイントです。

先生、修正したファイルをアップロードしなおしたのですが、やっぱり画像が表示されません…。

もしかすると、ブラウザにキャッシュが残っているのかもしれませんね。



 

ここからは、画像が表示されない原因について説明をしていきます。

スティーブンアランチェスターコート

 

▼ 画像が表示されない状態のフォルダ構成


現状のフォルダ構成では「/home/アカウント名/www」フォルダの中にと
のファイルがあります。

次にで指定している画像のパスをイメージにすると、以下のようになります。

 

▼で指定している画像のパス

ここで指定している画像のパスは、「/home/アカウント名/www」フォルダの中にあるを
基準とした相対パスで記述されています。

この記述ではがあるフォルダにフォルダがあり、さらにそのフォルダの中に
があるので、そのファイルを表示するように指定されていることになります。

ですが、実際には「/home/アカウント名/www」フォルダの中にのファイルがあります。

つまり、現在のでは存在しないフォルダやファイルを参照先として指定してしまっているために、
上手く画像が表示されなかったというわけです。

 

ようやく原因が分かったので、画像が表示されるように修正してみましょう。

修正方法はいくつかのパターンが考えられるのですが、今回はパスの指定方法に慣れるという意味でも
のパスを修正する方法を試してみましょう。

の12行目を以下のように修正してください。

[修正前]
ハロウィンの写真”>

[修正後]
ハロウィンの写真”>

YAMAHA SG1000 エレキギター美品

 

【Y-3】Y-3クラシックポケットティー★
保存したファイルのことです。

同じウェブページにアクセスしたときに、インターネット上のデータではなく、コンピュータに
保存されたキャッシュファイルのデータを参照することで、より速くデータを表示できるという
メリットがあります。

ですが、良い面ばかりではなく、デメリットもあります。

 

キャッシュファイルを利用すると、同じウェブページにアクセスしたときに、より速くデータが
表示できるようになります。

ご確認用

そのような症状を見受けたときは、ブラウザのキャッシュファイルを削除して、再度ウェブサイトを
表示しなおしてみてください。

まりなちゃん
キャッシュファイルを削除してアクセスしなおしたら、ちゃんと画像ファイルが表示されました!

SS先生
【Steve Madden】トートバッグ

まりなちゃん
でも先生!
検索サイトで私のホームページ名で検索しても、ウェブサイトが出てこないんですが…。

SS先生
なるほど。
では、次回は検索サイトに表示される仕組みについて説明しましょう。

まりなちゃん
よろしくお願いします!
WWW.JIFLJAIPUR.COM RSS