ホームページの画像が表示されません

ホームページ作成初心者です（macユーザーです）

miでホームページ全体の構造ができたので、FC2の無料スペースを借りてからCyberduckでアップロードしました
しかし、実際に開いてみると画像部分が枠線のみで、よくある×印のマークすら表示されていません
どうすればいいんでしょうか…？

ファイルはFinderの書類のなかにhtmlやcss、imagesというフォルダを作って保存しています
画像の名前は半角英数字のみ、スペースもないことを確認しました

本当に初心者なので詳しい方からすると呆れるような単純なミスなのかもしれませんが、どうか詳しく教えていただければ助かります

よろしくお願いいたします

質問者からの補足コメント

• http://totohanaillust.web.fc2.com/index.html
  こちらがホームページのURLです
  まだまだ未完成ですが…
  
  チェックしていただけると有難いです

    補足日時：2016/02/23 12:43

No.4 ベストアンサー 回答者： t_fumiaki 回答日時： 2016/02/23 13:13

以下の様なタグになっています。

この内容はPCローカルでしか表示できません。
Cyberduckの関係かもしれませんが、現状はPC内のフォルダパスがそのまま移行されてしまっています。

<img src="file:///Users/hanahosamaho/Documents/images/スキャン%201_Fotorトップ.jpg"alt="トップ画像">

src="file:///Users/hanahosamaho/Documents/images/・・・
↓　PC内のフォルダのアドレスが表現されてしまっている。
src="images/・・・


スキャン%201_Fotorトップ.jpg"
↓
ファイル名は半角英数字にする　例えばtop.gif

<img src="images/top.gif" alt="トップ画像">が正解
altの前には半角スペースを入れる。

まとめ
１．pc内部の画像ファイル名を全て半角英数字にする
２．hpスペース内にフォルダをチャント作る。
３．そこへフォルダ単位で中身のみをアップする。

FC2ならFTPを使わなくても、操作画面からアップできるので、それらを使ってアップして下さい。

この回答へのお礼

回答有難うございました！
FTPは必要なかったんですね…まとめていただいた内容もとても丁寧でわかりやすかったです
おかげさまで無事画像表示できましたー！
難しいこともたくさんありますが少しづつ自分なりに頑張ってみます

本当に有難うございました

お礼日時：2016/02/23 20:35

No.3 回答者： yyak1 回答日時： 2016/02/23 13:07

htmlが

<img src="file:///Users//○○○○○○//Documents/images/2016%20design2.jpeg" alt="(バンドグッズ　缶バッジデザイン)" width="200" height="134" hspace="2">
となっています。

これは、ソフトで作ったのでしょうか？
保存して転送する時に
<img src="2016%20design2.jpeg" alt="(バンドグッズ　缶バッジデザイン)" width="200" height="134" hspace="2">
となると思いますが・・・。
なっていないみたいです。

画像のある場所が、あなたのパソコンになっているのではないでしょうか。

この回答へのお礼

早急な回答感謝いたします！
画像のある場所もう一度しっかりと確認してみました
最終無事に画像表示されました
難しいこともたくさんありますが少しづつ自分なりに頑張ってみます！

本当に有難うございました

お礼日時：2016/02/23 20:28

No.2 回答者： t_fumiaki 回答日時： 2016/02/23 12:31

>>×印のマークすら表示されていません

ホームページの場合はファイルが無くても×印のマークは表示されません。

枠線のみ表示されるのでしたら、画像を表示するimgタグはborder（境界）付きで有り、その境界だけが表示されていると言う事です。

考えられる原因は以下。
・画像のファイル名が正しく無い
　htmlのimgタグで指定している名前と違うという意味です。

・画像を格納しているフォルダ名が違う。

FC2スペース内にimagesフォルダ作りました？有ります？

URL記載が有れば、中を見てチェック出来るのですが・・・・・。

No.1 回答者： yyak1 回答日時： 2016/02/23 12:01

FC2は、拡張子（JPG、gifなど）の大文字、小文字で反映されなかったかな。

HTMLの拡張子と、サーバーの拡張子を比べてみて下さい。