ようこそ ゲスト さん、新規登録（無料）して気になる疑問を解決しませんか？
はじめての方へ｜ヘルプ｜FAQ

質問
質問者：5181 Macでホームページを作りたいのですが...
困り度：
  • すぐに回答を！
 Macでホームページを作りたいのですが、とりあえず「おためし」として「おっためし〜」と入力したら「\'82\'a8\'82\'c1\'82\'bd\'82\'df\'82\'b5\'81\'60」と文字化けして表示されてしまいました。テキストエンコーディングをいじってもなおりません。
まだまだ初心者の方なのですみませんが、何をどうすれば直るのでしょうか。どうかお答えくださいm(_ _)m
質問投稿日時：08/05/25 19:09
質問番号：4049909
この質問に対する回答は締め切られました。
最新から表示｜回答順に表示｜良回答のみ表示

回答

良回答10pt
回答者：sekiya-h 若干、手直しさせて貰いました。

<HTML lang="ja"> で日本語の宣言
<META http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> 文字コードの種類（charset）を指定（今回は Shift JIS（シフトJIS）コード）
<center></center> から、<DIV align="center"></DIV>に変更
&nbsp; はスペース
"まほう.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>&nbsp;
<H3>おっためっし〜</H3>
<H2>&nbsp;&nbsp;はじめてだから</H2>
<H1>&nbsp;おっためし〜</H1>
<IMG src="mhou.jpg" alt="まほう">
</DIV>
</BODY>
</HTML>
-----------------

Mac にもフリーソフトで『HTML タグ エディタ』が有る筈ですから、ご利用をお勧めします。HTML 文章を打つなら、テキストエディタよりは使いやすいですよ。

下記のサイトもわかりやすいと思います。
　とほほのＷＷＷ入門：​http://www.tohoho-web.com/www.htm​
種類：アドバイス
どんな人：一般人
自信：参考意見
回答日時：08/05/26 01:18
回答番号：No.7
この回答へのお礼細かい部分まで、ご指摘ありがとうございました！

なんだか私が思っていたより間違っている部分があって恐縮です；；
スペースを「はじめてだから」の前につけたのはスペースを入れるとどうなるのかなぁと思ったからだったのですが、画像につけるタイトルのところまで気づいてくださりありがとうございました！
画像、私が描いた絵だったんですが、ひらがな表記がいいのにローマ字にすると別物みたいで抵抗がありますね。

とほほ〜は既に知っていましたがありがとうございます。

HPをもっている友達はみな口をそろえて「HP作るの簡単だよ」って言ってましたがこんなに大変なのに「簡単」では決してないと思います。だって本当に簡単だったら「HP作ります」なんて仕事はないはずなんですから。

では、今回この質問に答えてくださったみなさま、本当にありがとうございました。これで私も世に自分の作品を発表できます。夜遅くまでありがとうございました。

回答

 
回答者：sevenless > \'82\'a8\'82\'c1\'82\'bd\'82\'df\'82\'b5\'81\'60

これは RTF（リッチテキスト）のデータ形式です。標準テキストにしてください。
種類：回答
どんな人：経験者
自信：自信あり
回答日時：08/05/26 00:32
回答番号：No.6
この回答へのお礼ご指摘ありがとうございます！

たったそれだけ（まだいろいろと問題はありましたが）のことなのにぜーんぜん効果が変わってきてしまってびっくりです。

おっためし〜
がせまってくるのと
\'82\'a8\'82\'c1\'82\'bd\'82\'df\'82\'b5\'81\'60
がせまってくるんじゃ大違いですよね

わざわざありがとうございました！！

回答

 
回答者：Hoyat ＃１です。
既に＃３さんがお答えの通りなんですが
<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にする場合ですが）
こんな感じで宣誓してなきゃ、文字コードに化けてしまいます。
種類：回答
どんな人：経験者
自信：自信あり
回答日時：08/05/26 00:18
回答番号：No.5
この回答へのお礼早速やってみました！！できました！！！

おっためし〜の文字が目の前にせまって来る感じになりました！！

ありがとうございます！！！

回答

良回答20pt
回答者：harawo No.3の補足です。

テキストエディットで文書を作成するとき、「リッチテキスト」にしていませんか？「標準テキスト」で作成しないと、HTML文書になりません。
種類：アドバイス
どんな人：経験者
自信：自信あり
回答日時：08/05/26 00:13
回答番号：No.4
この回答へのお礼＞HTML文書を開いたウェブブラウザの名前と、そのバージョンも、質問時に提示する情報として、必要です。

ご指摘ありがとうございます。初めての質問投稿でパソコンに関してもまだまだかけだしなのですみません。ためになります。

そしてリッチテキストにしていました！！！標準テキストにしたらちゃんとおっためし〜と出てきました！！！さんざん悩んでいたので感動です！！！今年のベストオブ感動な出来事トップです！！！ありがとうございます！！！

回答

 
回答者：harawo HTML文書を開いたウェブブラウザの名前と、そのバージョンも、質問時に提示する情報として、必要です。
テキストエディットで作成したのなら、テキストエディットは新規保存時に、テキストエンコードを指定することになっているので、この情報も必要です。
「ハウツー本やネットで書き方を調べ」ていらっしゃるのなら、METAタグでテキストエンコードを指定する方法をご存じでしょう。それとテキストエディットで保存したときのテキストエンコードを一致してさえいれば、最近のバージョンなら、どのウェブブラウザでも文字化けを起こしません。
種類：アドバイス
どんな人：経験者
自信：自信あり
回答日時：08/05/25 23:57
回答番号：No.3
この回答へのお礼この回答にお礼をつける(質問者のみ)

回答

 
回答者：xxshapexx ＞とりあえず「おためし」として「おっためし〜」と入力したら

なにに？？
種類：補足要求
どんな人：一般人
自信：参考意見
回答日時：08/05/25 21:08
回答番号：No.2
この回答への補足初対面でため口とは、こちら側が質問者であるからといって許せることではありませんがとりあえず今はそんなこと言ってる場合ではないのでおいといて、
入力したのはテキストエディットを開いてhtml文書のなかみです。タグをどのように打ち込んで、どうすればどのようにWeb上で見えるのかは、既にハウツー本を買ってあるのでわかるので、なぜ文字化けしてしまったのか、何か原因となることがわかるようでしたらアドバイスください。
この回答へのお礼この回答にお礼をつける(質問者のみ)

回答

 
回答者：Hoyat 何をどの様に制作したのか全く不明ですのでアドバイスしようがないので・・・
MacだろうとWinだろうとホームページ制作の基本は同じです。
とりあえずこの辺りを熟読してください。
「初心者が教えるホームページの作り方」
​http://www2.netwave.or.jp/~nontan7/​
種類：アドバイス
どんな人：経験者
自信：参考意見
回答日時：08/05/25 19:26
回答番号：No.1
この回答への補足全く普通にホームページを作るように文書を作った、というところを全て省略して書いてしまったのですいません
テキストエディットでhtml文書を作ったんです。ハウツー本やネットで書き方を調べ、全くその通りにうちこみ、<body>の部分に「おっためし〜」と書いたら文字化けしてしまった、というわけです。文字化けする原因として、どのようなことが挙げられるでしょうか。
ちなみに下のように打ち込みました。↓

＋ーーーー＋ーーーー＋ーーーー＋ーーーー＋ーーーー＋
<html>
<head>
<title>おためしおためし</title>
</head>
<body>
<center>
<h4>おっためし〜</h4>　<h3>おっためっし〜</h3>
<h2>　　はじめてだから</h2><h1>　おっためし〜</h1>
<IMG scr="まほう.jpg">
<center>
</body>
</html>
＋ーーーー＋ーーーー＋ーーーー＋ーーーー＋ーーーー＋

関係ないですが「おっためし〜」部分は爆風スランプの「無理だ」の替え歌でスタッカートで楽しげに歌います。
この回答へのお礼この回答にお礼をつける(質問者のみ)
最新から表示｜回答順に表示｜良回答のみ表示
このページのトップへ