別のコンピュータに転送した後、HTMLページでファイルを読み込むにはどうすればよいですか？

Question

ウェブサイトのZIPファイルを他のコンピュータに送信すると、リンクが壊れているように見えます。どういうわけか、私のハードドライブではなくフォルダにイメージを埋め込む方法はありますか？

<ul> 
    <li> 
     <img src="file:///Users/Platyous/Desktop/Summer%202016dt/DIg2500/Semester%20Website%20-%20Gintama%20Fan%20page/Images/Gintoki.png">Sakata Gintoki</li> 
    <li> 
     <img src="file:///Users/Platyous/Desktop/Summer%202016dt/DIg2500/Semester%20Website%20-%20Gintama%20Fan%20page/Images/Kagura.jpg">Kagura</li> 
    <li> 
     <img src="file:///Users/Platyous/Desktop/Summer%202016dt/DIg2500/Semester%20Website%20-%20Gintama%20Fan%20page/Images/Shinpachi.jpg">Shimura Shinpachi</li> 
    </ul> 

私のナビゲーションでも同じです。

<nav> 
    <a href="file:///Users/Platyous/Desktop/Summer%202016dt/DIg2500/Semester%20Website%20-%20Gintama%20Fan%20page/home.html">Home</a> | 
    <a href="file:///Users/Platyous/Desktop/Summer%202016dt/DIg2500/Semester%20Website%20-%20Gintama%20Fan%20page/Gintama.html">Gintama The Show</a> | 
    <a href="file:///Users/Platyous/Desktop/Summer%202016dt/DIg2500/Semester%20Website%20-%20Gintama%20Fan%20page/Games.html">Games</a> 
    </nav> 

Answer 1

コメントとして、using relative pathsがこの問題を解決します。

あなただけの今まで続い以下が動作するサーバー上にホスティングの意図することなく、ブラウザでHTMLファイルを開くために、このウェブサイトを使用している場合：

Images/Gintoki.png 
home.html 

ただし、以下の提案は、このマークアップが再利用され、ドメイン（Webサイト上でホストされているか、ローカルWebサーバーを通じてロードされている）に対してロードされたイベントに向けられています。これは、ネストされたディレクトリ/パスは、それが要求されています彼らはから提供されているディレクトリではなくパスからの相対ファイルを読み込むことができますこう

<ul> 
    <li><img src="/Images/Gintoki.png">Sakata Gintoki</li> 
    <li><img src="/Images/Kagura.jpg">Kagura</li> 
    <li><img src="/Images/Shinpachi.jpg">Shimura Shinpachi</li> 
</ul> 

<nav> 
    <a href="/home.html">Home</a> | 
    <a href="/Gintama.html">Gintama The Show</a> | 
    <a href="/Games.html">Games</a> 
</nav> 

：その場合は、URIの相対パスを使用します。通常はウェブサイトをホスティングしていた場合と同じようにウェブサイトをテストすることが最善です。

ウェブサイトのルートにある端末であるpython -m SimpleHTTPServerなどの静的なウェブサーバーを起動すると、すべてが確実に動作するようになります。

あなたが見ている問題についての説明は、あなたの他のコンピュータはおそらく、別のディレクトリにそのようなファイルをホストしていることだけである：絶対パスを指している画像の結果

file:///Users/MyOtherComputer/Desktop/Summer%202016dt/DIg2500/Semester%20Website%20-%20Gintama%20Fan%20page/home.html 

を他のコンピュータにブラウザが元の宛先からイメージを要求していて、そこに存在しないために404 (Not Found)が返されています。