公開後のサイトに画像が表示されない(After published site, images is not displayed)

すみません、横から失礼します。

ご提供頂いたスクリーンショットで気になったのですが、デスクトップに作成された「alm's_st」で始まる名前のフォルダを、Dreamweaverのローカルルートフォルダに設定されているかと思います。おそらくこのアポストロフィーが原因になっているのではないかと思います。

Dreamweaverはサーバーと同じファイルパス構造を把握してファイル転送を行うのですが、途中に記号や日本語が含まれているとパスを誤認する場合があります。ローカルルートフォルダにつきましても、必ず半角英数字のみをご利用ください。

allm1346 さん、こんにちは。

HTMLコードでは、URLの文字列に 全角（漢字・かな等）を使う場合、URLエンコードした形式に変換する必要があります。

次の図は、このページのパンくずリストにある「Dreamweaverフォーラム」の部分のHTMLソースコードです。

a要素 href属性を見るとURLの一部の全角文字「Dreamweaverフォーラム」が「％」がついた文字に書き換わっています。これが、全角文字をURLエンコードした状態です。

修正する方法としては、ページデータの「フォルダ名／ファイル名（画像・html）」に使われている全角文字を「URLの全角をエンコードする」もしくは「URLに全角を使わず、半角の英数字に変更する」のいずれかです。

都度、全角文字を手動でURLエンコードするのは面倒ですし、指定ミスの原因にもなりますので、全角を使わずに半角だけを用いた「フォルダ名／ファイル名（画像・html）」に名前変更した方が作業しやすいのでは？と思います。（私が作業するなら、こちらの方法を選びます。）

【参考URL】
▼URLエンコード（パーセントエンコーディング）とは - IT用語辞典 e-Words
https://e-words.jp/w/URL%E3%82%A8%E3%83%B3%E3%82%B3%E3%83%BC%E3%83%89.html

↑このURLにも「エンコード」という全角が使われていますが、URLエンコードされています。

以上、ご参考になれば幸いです。

(^_^)

追記：
すみません💦↑を書いた後で、Dreamweaverにある関連の設定を思い出したので追記です。

編集>環境設定メニューの「コードの書き換え」で、「％を使用してURLの特殊文字をエンコード」にチェックを入れた状態でDreamweaverを使うと「新しく作業したURLから、全角部分を自動的にURLエンコード」してくれます。
※残念ながら、すでに作ってしまったページを、自動的にURLエンコード変換することはできません。