wanichanの日記

ちょっとした技術メモ。Microsoft中心。Webサイト管理等にまつわるネタ、サイトの更新情報等を発信中。最終版はwanichan.comに掲載していきます。

ホームページに画像が表示されない場合の対処方法

はじめに

先日のGoogleのパンダアップデートにより、「ワニchanのびぎなーずがいど」が消え、Expression Web 4のコンテンツが上位に来るようになりました。それで、結構Expression Webの情報を求めて私のサイトに来られる人が目立ってきています。

一昔前だったか、「ホムペ」という言葉が流行りましたよね。今ではみんな、WordPressや無料ブログ等のプラットフォームを使ってサイト運営したり、ブロガーとして活躍している人の方が多い気がします。しかし、今でも「ホムペ」を作りたいという人たちが少なからず存在します。

そんな初心者の方が陥りやすい問題として、画像がネット上の自分のホームページに表示されない、という問題。

更新したらその都度パブリッシュ

Expression Webで自分のパソコン内のWebページに画像を挿入して保存しただけでは、自動的にインターネットに公開されるわけではありません。ブログではないので「投稿」されませんから。

Expression Webでのブログじゃない、HTMLベースのレガシーなコンテンツをインターネット上に公開するには、パブリッシュする必要があります。

ファイル名やフォルダー名に注意

インターネット上に自分のホームページを公開するにあたり、まず罠として、ファイル名やフォルダー名の問題です。以下のルールに従ってください。

  • ファイル名やフォルダー名に日本語を使わない(対応していないサーバーやブラウザーあり)
  • 半角英数文字で!(英語でも全角はNG)
  • もちろん半角でもカタカナはNG(日本語なので)
  • ファイル名にスペースを使うことを避ける(表示されない場合がある)
  • スペースの代わりに「-」や「_」を使う
  • Windows上では大文字と小文字は区別されないが、インターネット上では区別される
  • 拡張子での大文字と小文字はネット上では区別される

デジカメで撮影された写真の拡張子が「.jpg」ではなく「.JPG」になったりしますよね? これはExpression Webで大文字から小文字に変えてもうまくいきません。

詳しくは『ファイルの拡張子の大文字/小文字の変更に関する問題について』の記事を参考にしてください。

自分のPCとネット上のホームページを同じにするには

自分のPC上にあるホームページデータと、インターネット上のホームページを同期するには、パブリッシュ画面にしてimage[ファイルの同期]ボタンをクリックするとOKです。ショートカットキーはCtrl+Alt+Yです。

パブリッシュ画面で、左側(自分のPC上のフォルダーリスト)のフォルダーを選択してファイルの同期ボタンをクリックしてください。

image

最終版はこちら

Expression Web FAQ:画像が表示されない場合の対処方法