- ベストアンサー
Macでホームページを作りたいのですが...
Macでホームページを作りたいのですが、とりあえず「おためし」として「おっためし～」と入力したら「\'82\'a8\'82\'c1\'82\'bd\'82\'df\'82\'b5\'81\'60」と文字化けして表示されてしまいました。テキストエンコーディングをいじってもなおりません。 まだまだ初心者の方なのですみませんが、何をどうすれば直るのでしょうか。どうかお答えくださいm(_ _)m
- みんなの回答 （7）
- 専門家の回答
質問者が選んだベストアンサー
No.3の補足です。 テキストエディットで文書を作成するとき、「リッチテキスト」にしていませんか？「標準テキスト」で作成しないと、HTML文書になりません。
その他の回答 (6)
- sekiya-h
- ベストアンサー率61% (1543/2514)
若干、手直しさせて貰いました。 <HTML lang="ja"> で日本語の宣言 <META http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> 文字コードの種類（charset）を指定（今回は Shift JIS（シフトJIS）コード） <center></center> から、<DIV align="center"></DIV>に変更 はスペース "まほう.jpg" ⇒ ファイル名は『英小文字』で、 （基本的に、日本語のファイル名は使用しません） IMG に alt 属性を追加 ----------------- <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <HTML lang="ja"> <HEAD> <META http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <TITLE>おためしおためし</TITLE> </HEAD> <BODY> <DIV align="center"> <H4>おっためし～</H4> <H3>おっためっし～</H3> <H2> はじめてだから</H2> <H1> おっためし～</H1> <IMG src="mhou.jpg" alt="まほう"> </DIV> </BODY> </HTML> ----------------- Mac にもフリーソフトで『HTML タグ エディタ』が有る筈ですから、ご利用をお勧めします。HTML 文章を打つなら、テキストエディタよりは使いやすいですよ。 下記のサイトもわかりやすいと思います。 とほほのＷＷＷ入門：http://www.tohoho-web.com/www.htm
お礼
細かい部分まで、ご指摘ありがとうございました！ なんだか私が思っていたより間違っている部分があって恐縮です；； スペースを「はじめてだから」の前につけたのはスペースを入れるとどうなるのかなぁと思ったからだったのですが、画像につけるタイトルのところまで気づいてくださりありがとうございました！ 画像、私が描いた絵だったんですが、ひらがな表記がいいのにローマ字にすると別物みたいで抵抗がありますね。 とほほ～は既に知っていましたがありがとうございます。 HPをもっている友達はみな口をそろえて「HP作るの簡単だよ」って言ってましたがこんなに大変なのに「簡単」では決してないと思います。だって本当に簡単だったら「HP作ります」なんて仕事はないはずなんですから。 では、今回この質問に答えてくださったみなさま、本当にありがとうございました。これで私も世に自分の作品を発表できます。夜遅くまでありがとうございました。
- sevenless
- ベストアンサー率66% (374/561)
> \'82\'a8\'82\'c1\'82\'bd\'82\'df\'82\'b5\'81\'60 これは RTF（リッチテキスト）のデータ形式です。標準テキストにしてください。
お礼
ご指摘ありがとうございます！ たったそれだけ（まだいろいろと問題はありましたが）のことなのにぜーんぜん効果が変わってきてしまってびっくりです。 おっためし～ がせまってくるのと \'82\'a8\'82\'c1\'82\'bd\'82\'df\'82\'b5\'81\'60 がせまってくるんじゃ大違いですよね わざわざありがとうございました！！
- Hoyat
- ベストアンサー率52% (4897/9300)
＃１です。 既に＃３さんがお答えの通りなんですが <html> <head> <title>おためしおためし</title> </head> <body> <center> <h4>おっためし～</h4> <h3>おっためっし～</h3> <h2> はじめてだから</h2><h1> おっためし～</h1> <IMG scr="まほう.jpg"> <center> </body> </html> と書いているのだとすればテキストエンコードの宣言も何もなされてませんから文字化けして当たり前になってしまいます。 <head>と<title>の間に例えば（厳密には<head>と</head>との間にですが大抵はtitleタグよりより先にmetaタグがまぁ大抵は通例） <meta http-equiv="content-type" content="text/html; charset=Shift_JIS"> （これは文字コードをShift_JISにする場合ですが） こんな感じで宣誓してなきゃ、文字コードに化けてしまいます。
お礼
早速やってみました！！できました！！！ おっためし～の文字が目の前にせまって来る感じになりました！！ ありがとうございます！！！
- harawo
- ベストアンサー率58% (3742/6450)
HTML文書を開いたウェブブラウザの名前と、そのバージョンも、質問時に提示する情報として、必要です。 テキストエディットで作成したのなら、テキストエディットは新規保存時に、テキストエンコードを指定することになっているので、この情報も必要です。 「ハウツー本やネットで書き方を調べ」ていらっしゃるのなら、METAタグでテキストエンコードを指定する方法をご存じでしょう。それとテキストエディットで保存したときのテキストエンコードを一致してさえいれば、最近のバージョンなら、どのウェブブラウザでも文字化けを起こしません。
- xxshapexx
- ベストアンサー率10% (2/20)
＞とりあえず「おためし」として「おっためし～」と入力したら なにに？？
補足
初対面でため口とは、こちら側が質問者であるからといって許せることではありませんがとりあえず今はそんなこと言ってる場合ではないのでおいといて、 入力したのはテキストエディットを開いてhtml文書のなかみです。タグをどのように打ち込んで、どうすればどのようにWeb上で見えるのかは、既にハウツー本を買ってあるのでわかるので、なぜ文字化けしてしまったのか、何か原因となることがわかるようでしたらアドバイスください。
- Hoyat
- ベストアンサー率52% (4897/9300)
何をどの様に制作したのか全く不明ですのでアドバイスしようがないので・・・ MacだろうとWinだろうとホームページ制作の基本は同じです。 とりあえずこの辺りを熟読してください。 「初心者が教えるホームページの作り方」 http://www2.netwave.or.jp/~nontan7/
補足
全く普通にホームページを作るように文書を作った、というところを全て省略して書いてしまったのですいません テキストエディットでhtml文書を作ったんです。ハウツー本やネットで書き方を調べ、全くその通りにうちこみ、<body>の部分に「おっためし～」と書いたら文字化けしてしまった、というわけです。文字化けする原因として、どのようなことが挙げられるでしょうか。 ちなみに下のように打ち込みました。↓ ＋ーーーー＋ーーーー＋ーーーー＋ーーーー＋ーーーー＋ <html> <head> <title>おためしおためし</title> </head> <body> <center> <h4>おっためし～</h4> <h3>おっためっし～</h3> <h2> はじめてだから</h2><h1> おっためし～</h1> <IMG scr="まほう.jpg"> <center> </body> </html> ＋ーーーー＋ーーーー＋ーーーー＋ーーーー＋ーーーー＋ 関係ないですが「おっためし～」部分は爆風スランプの「無理だ」の替え歌でスタッカートで楽しげに歌います。
![その他([技術者向] コンピューター) イメージ](https://gazo.okwave.jp/okwave/spn/images/related_qa/c205_2_thumbnail_img_sm.png)
お礼
＞HTML文書を開いたウェブブラウザの名前と、そのバージョンも、質問時に提示する情報として、必要です。 ご指摘ありがとうございます。初めての質問投稿でパソコンに関してもまだまだかけだしなのですみません。ためになります。 そしてリッチテキストにしていました！！！標準テキストにしたらちゃんとおっためし～と出てきました！！！さんざん悩んでいたので感動です！！！今年のベストオブ感動な出来事トップです！！！ありがとうございます！！！