WEB制作、コンサルティング|論語、素読会 主宰

  1. 918 view

[ご相談内容]WEBで画像が表示されない|HTMLの記述ミスの見つけ方

[ご相談内容]
WEBで画像が表示されない。

[背景]
制作会社に依頼していた更新作業をご自身でなさりたいというご相談で、更新方法を伝えるとともに、更新マニュアルの作成をお手伝いしました。
年一回の更新ということもあり、ご相談をいただきました。

サクラエディタでHTMLを更新してローカルで確認

ローカルで確認をしてから、サーバにアップすることになっていますが、ローカルで原因が分からなかったので、サーバにアップしてのご相談です。

画像が表示されない場合の問題点は、主に2つ

  • タグが閉じられていない
  • 画像のファイル名とHTMLの記述が合っていない

title=”” の「”」を消してしまうことが多いようです。

データを選択する際に、ダブルクリックで単語単位に選択する方法を知っておくと、「”」を消してしまうミスを防げます。

ローカルで確認をする際、ファイル名を決める際に注意すべきこと

WEBサーバでは、大文字、小文字を厳格に判断しますので、ファイル名を決める際には注意。ファイル名は半角で、使用できる記号を確認する必要があります。

以下、動画を見る際の解説です。HTMLの確認と画像ファイルの確認は以下の動画で確認してください。

[ご相談内容]WEBで画像が表示されない。HTMLの記述ミスの見つけ方
00:00 相談内容(バックグラウンド)
02:30 HTMLを確認
04:00 タグが「”」で閉じられていない問題
10:00 画像がサーバに存在しない状態を確認

動画に関するご質問やリクエストは、以下のSNSからお寄せください。
また、チャンネル登録をしていただくと更新情報をお届けします。
■ LINEアカウント @292dedj
■Instagram https://www.instagram.com/kyoshitsu.k…
■Facebook https://www.facebook.com/kawasemistyle
【かわせみすたいるネット分校ブログ】
https://kawasemistyle.com/category/sc…

かわせみすたいるネット分校の最近記事

  1. 個人情報の保護[名前 篇]

  2. つぶしが効くネット&パソコン講座|インターネット初心者講座#1

  3. 乗っ取り、改ざんされたウェブサイトの復旧を試みました。

  4. 2段階認証の方法 −2段階認証とは?−

  5. 覚えやすいパスワードの作り方

関連記事

PAGE TOP