網頁用壓縮檔（.zip）發生問題該如何解決啊？

Question

我在My Webs再新增一個文件夾，然後再將我製作好的網頁放在那個文件夾裡，而所有的圖片則是存在images裡，我做好之後，再重新檢查過幾次後，就用壓縮檔（.zip）上傳到電子信箱寄給老師，想說寄給他壓縮檔，他就可以去解壓縮，然後看到我所做的網頁內容，結果電話聯絡時，他說網頁沒辦法連結，還有圖片都沒有顯現出來，還說我的圖片是不是沒有存起來啊？
請不要笑我傻，因為我怕說這個網頁會變成不行，所以我才想直接壓縮寄給老師看，想說老師看完後，看可不可以，再上傳網頁啊！
請問有誰能幫助我解決問題啊？

圖片都變成破圖了，而且連結都沒有辦法連上去。
請問是不是解壓縮的關係，才會導致跟原本製作的網頁，有些差異啊？

Answer 1

個人看法，你的問題非常有可能在於你html檔案裡頭的圖都用絕對路徑連結，並且有空白字元的檔名，像：

[情況一]


或者你用相對路徑連結，但是你的 images 檔案夾集中在另一個檔案夾裡，交差時位置不對。

[情況二]
假設你的路徑分佈如下：

My Web
└Homework1
　　→index.html
└images
　　　→first-picture.gif

妳交差給老師時變成這樣：
TemporaryFolder
└Homework1
　　→index.html
　　　└images
　　　→first-picture.gif

那就會出問題，所有的 img 標籤要從：



改成



[情況三]

跟上面情況類似，不過相反。老師解壓縮時使用「全部解壓縮到這裡」，所以你的目錄結構從原來的：

My Web
└Homework1
　　→index.html
　　　└images
　　　→first-picture.gif

變成：

TemporaryFolder
→index.html
　→first-picture.gif

那



就要改成



[情況四]

跟情況二很像，你的老闆....呃....老師使用 Linux 系統，解壓也正確，但是因為權限的關係，操作系統不允許訪問上一層目錄。意思就是



不能用，也是要改成情況二的改法：

TemporaryFolder
└Homework1
　　→index.html
　　　└images
　　　→first-picture.gif