トップページに戻る
ホームページビルダーは、世界標準のホームページ製作ソフトです


質問者  かすみさま
質問概要 作成HPのファイルのコードが【UTF-8】になって文字化けしている修正方法

質    問

回答有難うございました。

とっても丁寧でまたまた驚いてしまいました。

小林様のお人柄が伺えます。有難うございました。

さて、
回答の通りオプションを変更しようと思いましたが、
まず表示→ベースURL にチェックはついていませんでした。
ファイル→保存のバックアップにはチェックは付いていましたがあとは同じでしたその画面を添付しましたが、見えますか???
それとロリポップからこんな返事ももらいました

>お客様の作成されたファイルのコードが【UTF-8】となっているため
弊社ロリポップFTPで、文字化けを起こしているものと思われます。

恐れ入りますが、弊社ロリポップFTPで表示が行えるコードは
shift-js EUCとなっております。

恐れ入りますが、該当ファイルを一旦ダウンロードし、
各種文字コードに対応したテキストソフトで編集を行ってください。

何卒、ご了承くださいますようお願い致します。

どうすればよいでしょうか?

回  答

表示→ベースURL にチェックはついていませんでした。
との事、
それでありながら、なぜ、下記の表示
<BASE href="file:///C:/Documents and Settings/bessou.k/My Documents/edc1/edc1.index.html">
が発生したのかは、私からはわかりませんが・・、
いずれにしても、トップページの<HEAD>内のソースに、
この<BASE href="file:があると、ファイルを、トップページの「index.htm」と共に同じフォルダに入れてアップしていても、参照先が、自分のパソコンの中に保存してある、My Documents になってしまいますので、
この赤文字で示した一行を削除して、再度、このページを上書き保存して修正したものをアップする必要があります。

さて、ロリポップにアップしたファイルの文字化けの件ですが、これは、作成したときの作り方として、
ツール→オプション から、ファイルを選択します。すると、
[出力漢字コード] ボックス

が有りますので、ココで、 コードが【UTF-8】に成っている状態で作ってしまったものだと、想像されます。

以下の部分です。



コレを、S JISに変更すると今後の問題が防げるはずです。

では、既に作ってしまったものをどのように修正するか?ですが、

ロリポップの説明だと、
恐れ入りますが、弊社ロリポップFTPで表示が行えるコードは
shift-js EUCとなっております。

恐れ入りますが、該当ファイルを一旦ダウンロードし、
各種文字コードに対応したテキストソフトで編集を行ってください。

と有ります。

この、shift-js というのが、一般的に、「シフトJIS (SJIS) 」と呼ばれているものです。
シフトJISコードの特徴は、文字を順番に見ていくときに、文字符号化方式の範囲で、それが1バイトのアルファベットなのか? 2バイトのシフトJISコードなのかを判断できる点です。
でも、このシフトJISでも日本語文字の2バイト目にはASCIIコードとして解釈できてしまう文字列が混入してしまいます。
こうしたASCCIIコードと重なるコードが日本語文字に入らないようにしたのが、「EUC-JP」です。

まあ、この辺は、専門的なので興味があったら勉強してください。

日本語対応の文字コードはいろいろあると思ってくれればいいです。

とりあえず、ビルダーで作るときの設定として、「シフトJIS (SJIS) 」つまり、このオプションの設定を、「S JIS」か、もしくは、「無変換」にしてみてください。

横道にそれましたが、
既に作ってしまったものをどのように修正するか? でした。

ロリポップの説明に従う作業でやるとすれば、
恐れ入りますが、該当ファイルを一旦ダウンロードし、
各種文字コードに対応したテキストソフトで編集を行ってください。
との事ですので、
アップ先のロリポップサーバーから、自分のパソコンのMy Documents に、ダウンロードすべきファイルを入れるフォルダを作り、ロリポップサーバーから、index.htmファイルをFFFTPでダウンロードする。
ということになりますが、
アップロードした、ファイルは既にかすみさんのパソコンにあるわけですから、この作業は不要と思います。

上記のようにビルダーの設定を変えてから、ビルダーで、新規にサイトを作ればいいはずです。
新規にサーバーを作る時に、「トップページを既存のファイル」として、既に作った問題のファイルを指定すれば、新たにそのページが読み込みされて、編集画面がでます。



その方法で新しいサイトとして、読み込みして作り、新たに保存します。
それをアップロードすれば、問題は解消できるはずです。
アップロードしたら、ブラウザでインターネット上から閲覧してみてください。

そのとき、ブラウザの「表示」→「ソース」で、自分のサイトのインターネット上でのソースが見ることが出来ます。


  このソースを見て、韓国?中国? の
  ようなヘンな文字が混じってなければ
  文字化けの解消が成功したことに
  成ります。
『HP作成の学習をして自作ウェブサイトで稼ごう』(ID:0000170033) 読者登録解除フォーム
メールアドレスを入力してボタンを押すと登録・解除できます。
 バックナンバー
登録フォーム
まぐまぐ
『まぐまぐ!』から発行しています。
当セミナーでは、IBMのHPビルダーを使っています。