ローカルプレビューの時には表示されていた画像が、公開したサイトには表示されません。リモートサーバーへの接続はできていて、同期した後、指定したURLでサイトを開いてみるとcssは適応されているのに挿入した画像が一切反映されていません。
どうすれば改善できるでしょうか？
when I did local preview, images had been displayed, but if I look at pulished site, those are not displayed.Already connected remote server and after synchronized, when I tryed open site, CSS has been adapted but inserted images not displayed at all.
How can I improve it?
7
返信
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エンコード変換することはできません。
allm1346 さん、結果のご連絡ありがとうございます。
こちらは、Adobe のユーザーコミュニティのため、後からこのページをご覧になる方のために、結果までわかるのは、ありがたいです。
さて。「'（アポストロフィ）」の件ですが、たまたまチェックできるサーバー環境が作れたので、ローカルルートフォルダ（Windows10 Pro 環境、デスクトップに abc'deフォルダを作成）を作って、アップロードの実験をしてみたところ、こちらでは問題なくアップできました。また、HTMLに記述した画像もブラウザで表示ができました。
私が使っているサーバーでは、URLエンコードすれば日本語のファイル名もサーバーへアップできますし、「'（アポストロフィ）」が含まれるフォルダのアップロードもできました。
ウェブ用データでは、ファイル名に利用する文字は「半角英数字、「-」(ハイフン)、「_」(アンダースコア)」にとどめるのが基本で、安全な策だと思います。
その他の文字が使えるかどうか？に関しては、ご利用のウェブサーバーの仕様によるのかもしれません（今回問題なくいけたのは、わたしが利用しているサーバー環境によったもので、別のサーバーではうまくいかないかもしれない、という意味合いです）。
補足ですが、ご連絡まで。
AdChoices
