アップしたボタンが表示されない。

hoso さん、こんにちは。

添付の Err画面.PNG を拝見する限り、ボタン用の画像が、HTMLのimgタグで指定した所にアップロードされていないようです。

pngの画像がテキストで読み込まれているのではなく、

画像が壊れたようなアイコンが画像のパスのリンク切れ（imgタグのsrc属性のリンク切れ）を表し、その隣のテキストは代替文字（imgタグのalt属性に指定したテキスト）を表示しています。

ボタン画像部分の、imgタグのsrc要素に指定した画像パス（画像の場所・ファイル名を指し示すパス）を確認してみてください。

こちらも、同様のエラー再現するページを作ってみました。
https://r360.heteml.net/LaboratorySite/linkbroken-test.html

1）では、imgタグのsrc要素に指定した画像のファイル名が間違っていて、hosoさんの状況と同じように、画像のリンク切れのアイコンがでています。

2）は正しく指定した状態です。

●imgのsrc要素に指定した位置に、画像が存在するかどうかのチェック方法

（ブラウザ・Chromeの場合）

ブラウザでサーバーにアップロードしたHTMLページを表示し、画像のリンク切れアイコンを右クリックし、「新しいタブで画像を開く」を実行すると、src要素で指定した場所で画像が開きます。

画像がウェブサーバー上に存在していないと「ファイルがありません（File Not Found や 404Errorのようなメッセージ）」が表示されます。

この「ファイルがありません」の時に、ブラウザのアドレス欄に表示されるサーバーの場所に、画像をアップロードすればOKです。

ご参考になれば幸いです。
(^_^)

リモートサイトとローカルの同期設定についてはマニュアルの以下のページを読むと良いでしょう。
https://helpx.adobe.com/jp/dreamweaver/user-guide.html/jp/dreamweaver/using/dreamweaver-sites.ug.html

ご連絡有難うございます。

画像の拡張子を再度確認します。(拡張子の大文字小文字を含めて)

>Dwでリモートサイトの管理を行う方法を避けているのは何故でしょう？

以前から、FFFTP を利用していたので、そのまま使っていました。

DW　リモートサイトで試してみます。

添付の画像を見る限り画像が正常にリンクされていないだけのようにも見え、なんの判断も出来ません。FFFTPの使い方が悪い可能性もありますが、通常は拡張子が正しければ適切にアップロードされるはずですのでアップロードしたリモートサイトでのファイルの状態を確認してみてください。場合によってはアップロードした画像をダウンロードして検証する必要もあるかと思います。

また、Dwでリモートサイトの管理を行う方法を避けているのは何故でしょう？