• ベストアンサー

Dreamweaverでページ全体が文字化け

市販の解説書を見ながらDreamweaverを勉強中です。 入門書にそっての作業ですので、大して難しいことをしているわけではないのですが、編集作業で画像を差し替えたりしていたところ、なにかのきっかけでページ全体が文字化けを起こしてしまいました。(添付写真の状態) 取り消し作業や、DreamweaverやMacの再起動を行なってっも解決しませんでした。 なにか解決方法はありますでしょうか? 使用環境はMac OS 10.6、DreamweaverはCS5です。

  • CSS
  • 回答数5
  • ありがとう数5

質問者が選んだベストアンサー

  • ベストアンサー
  • gakunya
  • ベストアンサー率100% (1/1)
回答No.4

別の方がおっしゃっている通り、 Dreamweaver自体の問題ではないのは間違いありません。 おそらく、考えられるのは、 「HTMLファイル内のhead要素内のエンコード設定と 実際にHTMLファイルの保存エンコードがバラバラになってしまった。」 だと思います。 書籍側の素材ファイルの作り方に問題があるかもしれません。 まず問題のHTMLファイルを保存して、 そのファイルを直接開いてブラウザで閲覧したみましょう。 その時にも、文字化けが起こりますか? 実際にファイルを開いてみて、文字化けが起こるのであれば、 メニューから[表示]-[エンコード]をチェックしてしましょう。 どのブラウザでも実装されていますので、 この[エンコード]の出てくる一覧から、それぞれのエンコード名に切り替えてみます。 もし、文字化けしないエンコードがあったら、実際はそれで保存されている、ということになります。 もしブラウザを開いた際には文字化けが起こらないのであれば、 同じように「エンコード」一覧を開くと、文字化けの起こらないエンコード名が正しい保存形式です。 head内の「charset=」部分と、 Dreamweaverの環境設定内の「新規ドキュメント」設定にある「エンコード初期設定」が それぞれ同じになっているかを確認してみてください。 もしすべてがバラバラであれば、どれか1つに統一するのがまず第一。 現在のファイルは、「TeraPad」などのテキストエディタソフトをダウンロードしてきて、 文字化けしなかったエンコーディング設定に保存し直す必要があります。

opa_opa
質問者

お礼

ご回答ありがとうございます。 問題のHTMLファイルを直接ブラウザで閲覧しても同様の結果となりました。 ブラウザ内でもエンコードを変えて見ましたが、結果は同じとなりました。 head内の「charset=」部分ですが、検索をかけたところ「charset=」という部分が出て来ませんでした。 メールでもたまに、どのエンコードにしてもということがありますが、これと同じでしょうか? 入門書にそった内容ですので、初心者の私が見ても、複雑なことやトラブルが起こりやすいことは書かれてないので、やはり原因不明のまま、最初からやり直すしかないのかなと途方にくれてます…

その他の回答 (4)

  • DrFell
  • ベストアンサー率55% (305/551)
回答No.5

文字化けの様子から、UTF-8で保存しているものをS-Jisで開いているように見えるのですが、下記の方法(ブラウザで文字コード・dreamweaverからも)ダメとなると、0からやったほうが早い気がします。 文字コードの説明がない解説書なんか売るなよ~って思っちゃいますね。 とりあえず、<head>直下に <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> を追加してみてください。そして保存。もう一度開いてみる。これで治るなら、上記の方法でも反応があった筈なのでだめもとですが。 また、macとのことですが、safari?でチェックしておられますか?Safariは新しい目のバージョンを使っておられますでしょうか?古いsafariは文字化けがよく起こった、charsetも効かなかったように記憶しています。

opa_opa
質問者

お礼

ご回答ありがとうございます。 <head>直下に~というのを試しましたが、またダメでした。 テストしたブラウザはChorme、Firefox、Safariのそれぞれの最新バージョンです。 正直、ちょっとわかりにくい解説本で苦労していますが、まさかこんなことになるとは… 文字コードの説明ってかなり重要なのですね。 一通りこの本で頑張ったら、もう一冊入門書を買ってみようと思います。

  • DrFell
  • ベストアンサー率55% (305/551)
回答No.3

チェックしろとは指示していません。2で書いたのは 「 1.解説書を見ながらの問題のある1ページをdreamweaverで開く。 2.Ctrl+J(または、修正 > ページプロパティ ) 3.タイトル/エンコーディング をクリック 4.エンコーディングで変更したい文字コード今回はutf8 5.OKボタン 確認。 だめなら もう一度。ただし、4.ではEuc 確認。 だめなら もう一度。ただし、4ではs-jis 確認 」 してくださいということです。

opa_opa
質問者

お礼

ご回答ありがとうございます。 やはり、エンコードをすべて変えてテストしてみましたが、ちゃんとした表示になることはありませんでした。

  • DrFell
  • ベストアンサー率55% (305/551)
回答No.2

いやいや、新しいページは、新しくソース、保存ともマッチしたページを作るので文字化けしません。当たり前です。ドリが壊れているわけではありません。 文字化けするページは、ソースと文字コードがマッチしていないので文字化けします。文字化けするページを開いて#1のことを試してみてください。全体におかしいのではなく、特定のファイルのソースがおかしい筈ですので、1ファイルずつ直す必要があります。

opa_opa
質問者

お礼

再度のご回答ありがとうございます。 文字化けするページと言っても、解説書を見ながらのこの1ページ(htmlとCSS)のみです。 解説書から外れた、特殊なことは一切やってない(出来ない)です。 配置していたJPEG画像を差し替えたときに、突然このような状態になったので、とまどうばかりです。 特定のファイルソースをチェックすると言っても、正直全くの初心者で、どこをどうチェックしたらいいかわからない状態です。 どこからチェックしていったらよろしいでしょうか?

  • DrFell
  • ベストアンサー率55% (305/551)
回答No.1

保存されている文字コードが合っていないのだと思います。 1.Ctrl+J(修正メニュー > ページプロパティ > タイトル/エンコーディング を選択 3.エンコーディングで変更したい文字コードを選択(日本語だとutf8、Euc、s-jisのどれか) 4.OKボタン

opa_opa
質問者

お礼

ご回答ありがとうございます。 エンコーディングを変えて試して見ましたが、やはり文字化けは治りませんでした。 新規に作ったページでは普通に日本語が打てるので、Dreamweaver自体がおかしくなっていないとおもうのですが。 引き続きアドバイスあれば、お願いします。

関連するQ&A

  • DreamWeaverでメモ帳を開くと、文字化けします。

     ご覧頂いて、ありがとうございます。ある作業のためDreamWeaverでメモ帳を開いて編集したいのですが、なぜかメモ帳の日本語が文字化けしてしまっています。サイトの管理もDreamWeaver8で行っていましたので、何かの拍子にエンコードを変更したのでは、と思うのですが・・・  どなたか解決法をご教示いただけますでしょうか。OsはVista、DreamWever8です。

  • Goliveで作ったHPをDreamweaverで

    ホームページ初心者です。 Mac/CS2に入っていたGoliveでホームページを作って毎月簡単な更新をしていました。 でもそのMacが壊れて、新しいMac(Lion)とCS5.5になったのですが、Dreamweaverで編集しようと思うのですが、全くわかりません。 Goliveで作ったときはマニュアル片手にcssで作りました。 何とか作れましたが理解しているとは言いがたいと思います。 Dreamweaverの解説書を買ってくれば、他のソフトで作ったHPの編集の仕方が載っているかと思っていましたが、どれを見てもそのような項目もなく、ネットで検索してもわかりません。 まず何をどうしたら良いのか?が全く検討がつかず途方に暮れています。 とりあえずDreamweaverでGoliveで作ったファイルを開こうとしましたが反応しません。 CS2は人に入れてもらったものだったのでもうありません。 Dreamweaverでの編集は可能でしょうか? 今アップしているホームページを、まず何をすれば編集できるでしょうか?

    • ベストアンサー
    • CSS
  • Dreamweaverでの文字化けについて

    Adobe Dreamweaverでファイルを編集していると、日本語が文字化けしてしまいます。 Dwで作成されたhtmlページが文字化けしている、既存のファイルをDwで開くと文字化けしている、などの問題の解決方法はあったのですが、編集中のものが文字化けするという問題の解決方法が見つからないんです。 画像を見ていただくとわかると思いますが、メニューなどの表示に問題はありません。 エンコードを変更したりもしてみましたが解決出来ませんでした。 よろしければお知恵を拝借させていただきたいです。

  • Dreamweaver CS4とFireworks CS4の連携につい

    Dreamweaver CS4とFireworks CS4の連携について質問です。 連携機能を使ってDreamweaverからFireworksを呼び出して画像を編集し、 編集を終了してDreamweaverに戻るとHTMLの日本語の部分が文字化けしてしまいます。 具体的な手順は以下のとおりです。 ・FireworksでFireworks PNG形式の画像ファイルを作成。 ・作成した画像ファイルからJPGファイルを作成。 ・Dreamweaverで作成したJPGファイルをHTMLに挿入する。 ・Dreamweaverのプロパティインスペクタにある編集ボタンを押してFireworksを呼び出す。 ・Fireworksで画像を編集し、Dreamweaverに戻ると、日本語の部分が文字化けしている。 作業環境はMac OSX 10.5 DreamweaverとFireworksは30日間の試用版を使っています。 解決策があれば教えていただけないでしょうか? よろしくお願いいたします。

  • Dreamweaverで文字コードを指定して開けますか?

    ホームページ制作会社に作ってもらった、PHP+Smarty のシステムのコンテンツ更新をDreamweaver CS3 を使ってやっています。 具体的には、.tpl ファイルをDreamweaverで開いて編集しているのですが、 <meta http-equiv="Content-Type" content="text/html; charset=shift_jis" /> と記述されているにもかかわらず、実際は日本語EUCで保存されていて、Dreamweaverでっ開くと文字化けしてしまいます。 今はいちいち、charset=shift_jis を charset=euc-jp にエディタで変更後、Dreamweaverで編集、編集後エディタでcharset=shift_jisに戻し、アップロードという面倒な作業をしています。 Dreamweaver で、meta charset=shift_jis の指定を無視して、日本語EUCでで開く方法はないでしょうか?

  • DreamweaverのWindows版とMac版

    今度、Dreamweaver(実際にはWeb Standard CS4)を購入しようと思っているのですが、 Windows版とMac版のどちらを購入したらいいかご教授ください。 現在、紙媒体のデザイン(10年以上)をMacで行っており、PhotoshopやIllustrator(それぞれMac)は使えます。 ブログ等はいくつかやっていますが、基本的にはほとんど初心者です。 そのブログ等でもWinとMacでは表示が異なるので悩んでいます。 考えられる優位点は、 Win版 ・ユーザーが圧倒的に多い ・解説書等も多い(ただし、CS4からWinとMacのUIが統一されている) Mac版 ・10年以上に渡ってMacを使っているので作業に慣れている ・PhotoshopやIllustratorがともにMac です。 ちなみに、PCはWin、Macどちらもスペック的に問題ないものを所持しています。 Win版とMac版との比較に対する意見は古い質問等ではなされていますが、 CS4という点で相談に乗っていただけると幸いです。 よろしくお願いします。

  • ダウンロード文字化けとsafariの表示できないページ

    Macについて2つ質問があるので、お願いします。 使用環境はPower Mac G4、Mac OS 10.3です。 【質問1】 いつもとは限らないのですが、ダウンロードした ファイル名(種類は問わず)が文字化けしています。 インターネットでよくある文字化けとは違い、 複雑な漢字がごちゃごちゃに組み合わさっています。 【質問2】 safariでこのサイト(教えてgoo)の旅行カテゴリー を見ると、質問が表示されません。 解決策をご存知の方がいらっしゃいましたら、 よろしくお願いします。

    • 締切済み
    • Mac
  • Dreamweaver ライブラリ機能について

    仕事の引継ぎで、たくさんhtmlファイルなどを譲り受けました。 それらのファイルではDreamWeaverのライブラリ機能を使っているのですが、ライブラリファイル(.lbi)を編集してもこれに依存しているはずのファイルに編集内容が反映されません。 前任の方の作業環境は分からないのですが、Macの可能性が高いようです。当方はwindowsでCS3を使用しています。 原因・対処法など、お分かりの方、アドバイスをいただけませんでしょうか。よろしくお願いします。

  • CSSファイル内の日本語(2バイトフォント)が、文字化けします

    Dreamweaver (mac版 CS3)で、cssを編集、保存し、一度閉じた後、ファイルを開くと、css内の日本語が文字化けしてしまいます。編集時は文字化けせずに、ちゃんと日本語で表示されているのですが、一度閉じてしまうと駄目です。 (特に、この文字化けしたcssファイルを外部cssとして使用し、htmlを表示させても、問題はありません。htmlや、ブラウザで表示される日本語が文字化けする事はないです。あくまでcssファイル内の日本語です。) たとえば、コメント内の日本語/* デモ */の『デモ』の部分や、 font-family:"MS P Gothic", "MS Pゴシック";などと指定すると、『MS Pゴシック』の部分が文字化けします。 @charsetを以下の四つで shift-JIS, euc-jp, iso-2022-jp, utf-8 保存してみましたが、どれも文字化けしてしまいます。 Dreamweaverの環境設定内の「フォント」も プロポーショナルフォント、等幅フォント、コードビュー、の三つとも Osakaまたは、Osaka等幅(日本語用フォント、windowsでいえば『MSゴシック』的なフォント)の指定になっています。 同じく環境設定内の「cssスタイルシート」内の、 「修正時にcssファイルを開く」にはチェックが入っています。 ただ、dreamweaverで文字化けされるcssファイルを、『テキストエディット』(windowsでいう『メモ帳』)で開いてみると、文字化けされずに表示されますので、Dreamweaverで開く時のみの問題と考えています。 css文書内を全部アルファベットのみで書けばいいじゃんといえば、それまでなのですが、コメント内に日本語を表示できないと、ざっと見た時にわかりにくいので、解決法をお分かりの方がいらしたら、お願いいたします。 以前会社でwindows版、dreamweaver MX2004(だったかな?)を使用していた時は、このような症状がでた覚えがないのですが、cs3が原因なのか、mac版なのが問題なのか、はたまた私が何か大切な事を忘れているのか、知らないのか…?ともあれ、よろしくお願いいたします。

  • MacからWinで文字化け

    Macで作成した文書をWinにメール添付で送ったときに文字化けしました。 Wordの横書きは正常でしたが縦書きは文字化けしました。 その文字化けした文をコピーして横書きにペーストしたら戻りますが、それをまたコピーして縦書きにペーストするとまた化けています。 文字化けを解消する事は出来るでしょうか? Mac:Word 98 Win:Word XP

専門家に質問してみよう