ついに夏本番!さぁ、家族でキャンプに行くぞ! >>

当方、Mac OS X 10.4です。
ヒマなので、HPの作り方でも見てみようと思って、(ド素人ですが)
タグ打ちなるものに挑戦しました。
しかし、
↓こんな風に書いたのですがhtmlで保存してfireFoxで読み込んでも 
↓このまんまなんです。タグが消えないで表示されるんです。
-----------------------------------------------------------------
<html>
<head>
<title>。。。my home。。。</title>
</head>
<body>
<center><h5>my homepage</h5></center>
simple & Unique Life <br>はじめてのホームページ
</body>
</html>
------------------------------------------------------------------


きっと
こんな風になるんですよね????↓↓
------------------------------------------------------------------
。。。my home。。。





my homepage





simple & Unique Life
はじめてのホームページ

------------------------------------------------------------------

http://7tag.jp/lesson/1-making1.htm

こちらのサイトを参考にさせて頂きました

が、、、、、

ほら、簡単でしょ?

って言われたところができません。
半角で書いたよ?スペースも半角だよ?
なぜ??タグがついたまんま???
Macに標準装備されていたテキストエディットを使って書きました。
Miなるものが良いといろんなサイトに書かれていたのですが、まずMiの使い方がよくわかりませんでした。


長々と申し訳ありません。質問の内容を理解できる方いらっしゃいましたら、どうか 教えてください(>_<)


あ、、、ちなみに
HP作成ソフトを使えば簡単ですよ!というご意見は最もなのですが
HP作成の根本的な原理を知りたかったので、タグ打ちなるものに挑戦したいと思った次第です。

このQ&Aに関連する最新のQ&A

A 回答 (5件)

「テキストエディットヘルプ」に書かれている手順で行えば解り易いかと思います。



 「テキストエディット」の「ヘルプメニュー」から「テキストエディットヘルプ」を立ち上げ → 「索引 トピックを簡単に検索する。」→「HTMP」→「テキストエディットで HTML を扱う」と進んで下さい。

 「標準の HTML コードファイルを作成するには:」に書かれている通りに操作すると,ちゃんと表示されました。
「Macのテキストエディタを使ってHPを作」の回答画像5
    • good
    • 0
この回答へのお礼

あああ。。。できました。。。
うれしいです。。たったこれだけのことなのに笑
"新しいテキスト書類を作成し、「フォーマット」>「標準テキストにする」と選択します。"
というところですね。
はじめっから標準にしといてよ~と逆ギレしていしまいそうな私です。。。

解決しました!ありがとうございます。

お礼日時:2009/05/26 11:09

参考ページには『保存』方法に付いては記載が有りませんがファイル名の拡張子としてhtmlを記載して下さい。


先程の書類を保存する時『拡張子はTXTです』と怒られますが、htmlの拡張子に変更して下さい。
そうすれば問題無いでしょう。
普段、簡単な修正は「テキストエディット」で行ってます。
テンプレートが豊富なHP作成ソフトは嫌いなもんで。
    • good
    • 1
この回答へのお礼

回答ありがとうございます。
はじめは参考ページのその部分を読んで、??が。。。
「myhome.html.txt」ってことかしら?と思ったんですが。。。
どう考えても違うだろ!と私なりに気づいて、拡張子を隠さないで「myhome.html」で保存してみたんですが。。。
やっぱりtag付きで表示されちゃいます。。。。

HP作成ソフトがすごいことはわかるんですが、私もあまり使う気になれなくて。。。もうちょっとがんばってみようと思いますー
ありがとうございました。

お礼日時:2009/05/26 11:02

「テキストエディット」は、Mac OS Xのオマケソフトにしては、多機能なソフトウェアです。


テキストエディットは、リッチテキストフォーマット、プレーンテキストフォーマット両方を作成、閲覧できます。リッチテキストは、古いバージョンのMicrosoft Wordの書類形式のことで、フォントの種類、テキストの大きさ、色など、テキストを装飾する情報を持ったフォーマットです。
「フォーマット」メニューで、リッチテキストと標準テキスト(プレーンテキスト)の切り替えができます。
テキストエディットは、リッチテキストの書類を、HTML書類にして書き出す機能があります。
HTML書類は、プレーンテキストがフォーマットなので、テキストエディットでも「標準テキスト」で作成し、保存しなければなりません。
また、テキストエディットの環境設定>開く/保存で、「ファイルを開くとき:HTML ファイル中のリッチテキストコマンドを無視」にしておかないと、HTML書類を開いたとき、タグ付きのテキストとして表示されません。リッチテキストとして開いてしまいます。
    • good
    • 0
この回答へのお礼

回答ありがとうございます。
リッチテキストとプレーンテキストの切り替えが問題だったようです。。
「ファイルを開くとき:HTML ファイル中のリッチテキストコマンドを無視」にもチェックをつけました。
helpを参照し、分かりました。
リッチとプレーンの違いが、まだちんぷんかんぷんですが、タグ付きのhtmlを作る時はプレーンで作らなければならないということがわかりましたー
素人質問で、申し訳なかったです。。。
ご丁寧な回答、ありがとうございました。

お礼日時:2009/05/26 11:18

「テキストエディット」の標準は、リッチテキストフォーマット(RTF)です。


html ファイルは、テキスト になります。
ファイル形式をご確認ください。

また、拡張子は「html」になります。問題ないでしょうか。
    • good
    • 0
この回答へのお礼

回答ありがとうございます。
はじめは、「.htm」で保存していたのですが、「.html」なのかな?と思って修正しましたが、、、
うむむ。。。根本的なところでつまずいております。。

お礼日時:2009/05/26 10:56

ちゃんと出来てますよ。


恐らく保存方法が違うのかと思います。
例えばファイル名を「myhome.html」にして保存してください
それをブラウザにドラッグして確認してください。
    • good
    • 0
この回答へのお礼

回答ありがとうございます。
safariでもfirefoxでも試してみたのですが、どうもうまく行きません。
htmlで保存したつもりなのですが、、、名前は「myhome.html」でも実は拡張子が「.txt」で「myhome.html.txt」になっていたりするのかな?と思ったのですが、そうでもないみたいで、アイコンもちゃんとfirefoxのアイコンになっているんです。。。

お礼日時:2009/05/26 10:52

このQ&Aに関連する人気のQ&A

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!

このQ&Aを見た人はこんなQ&Aも見ています

このQ&Aを見た人が検索しているワード

このQ&Aと関連する良く見られている質問

QサファリでHTMLが表示できない

サファリでHTMLを開くとブラウザにソースがそのまま表示されてしまいます。
買い換えたばかりのマックなんですが、前のマックから移したHTMLはちゃんと表示できます。
新しくHTMLを作ると表示できません。
ちゃんと表示されるHTMLをコピペしたもを新しく保存すると、このファイルも表示されなくなります。

思いつく方法は試したのですが、解決しません。
何が問題なんでしょうか?
些細なことでもいいので情報ください。
お願いします。

Aベストアンサー

Mac OS X 10.4で、付属の「テキストエディット」をお使いならば、環境設定の「開く/保存」で、「HTML ファイル中のリッチテキストコマンドを無視」にチェックを入れてください。そして、新規にHTMLファイルを作成するときは、「フォーマット」メニュー>「標準テキストにする」にしてから入力しましょう。

※「テキストエディット」はMac OS Xがバージョンアップするのとともに高機能化しています。それが「あだ」になっているようです。HTMLを手打ちするような用途では、JeditXのようなテキストエディタを使ったほうがいいでしょう。

Q外部スタイルシートがsafariブラウザに反映されない

初心者です、お願い致します。
環境mac osX

外部cssでhtmlファイルをコントロールしたく、外部css(dreamweaverを利用していますが、馴れていないのでテキストエディトでやろうか検討中)とhtmlファイル(テキストエディト)でhp作りをしております。
外部CSSファイルとHTMLファイルの一回目の作成(LINK時)では、どうやら反映がなされるようです。しかし、それ以後、外部CSSファイルをいじりその内容を保存し、HTMLファイルをSAFARIアプリで開くと反映されないのです。
よく分からないのですが、しばらく経って、dreamweaverやテキストエディットを立ち上げ外部CSSファイルの内容を変え、上記と同じ事をするとその時だけ反映され、それ以後、また反映されないという状況になった事もあったと思います。

外部cssファイルは一度しかその内容を指定出来ない、という事ではないですよね??まさか

Aベストアンサー

こんにちは!

>CSSファイルをいじりその内容を保存し、HTMLファイルをSAFARIアプリで開くと反映されないのです。

1.この時に更新した部分だけが反映されていないのですか?
2.それともCSSで指定したすべてのことが反映されなくなるんですか?

1なら、SAFARIで開いて反映されていなかったときに【表示】→【ページを再読込】して見て下さい。
【コマンド+R】(左上にも中止とか再読込のボタンがあるはず・・)

2なら分かりません・・

>外部cssファイルは一度しかその内容を指定出来ない、という事ではないですよね??まさか

もちろんありません・・。複数ページの共通のCSSを一度に変更するための外部cssですから。

もし一つのページに2つの外部cssを指定してあった場合、後からのCSSの指定が適応されます。
つまり、2つの外部css→どちらにも文字のカラーを赤に指定(つまり指定がダブっている)
この場合、一つめCSSで文字の色を青に変更しても変わりません。2つめのCSSのカラーが赤のままですので・・。

こんにちは!

>CSSファイルをいじりその内容を保存し、HTMLファイルをSAFARIアプリで開くと反映されないのです。

1.この時に更新した部分だけが反映されていないのですか?
2.それともCSSで指定したすべてのことが反映されなくなるんですか?

1なら、SAFARIで開いて反映されていなかったときに【表示】→【ページを再読込】して見て下さい。
【コマンド+R】(左上にも中止とか再読込のボタンがあるはず・・)

2なら分かりません・・

>外部cssファイルは一度しかその内容を指定出来ない、...続きを読む

Qイラストレータの画像をJPG形式で保存したい

イラストレータの画像(ai形式)を一番画質を劣化させずにJPG形式に保存する方法を教えて下さい。

Aベストアンサー

画像サイズ、ファイルサイズをどうするのか、どのような画像なのか等、情報が少ないのです。

しかし私自身も興味深かったので、以下の6種類で試してみました。個人的見解が、十二分に入りますがあしからず。
圧縮度等に関しては、ファイルサイズがなるべく均等になるように、「Web用に保存」は最高値、「書き出し」中間値で行いました。
環境:
Windows2000、Illustrator CS、Photoshop CS


1.「Web用に保存」でjpg
2.「書き出し」でjpg
3.「書き出し」でbmp保存後、Photoshopで「Web用に保存」でjpg
4.「書き出し」でbmp保存後、Photoshopで「保存」でjpg
5.Photoshopに貼り付け後、「Web用に保存」でjpg
6.Photoshopに貼り付け後、「保存」からjpg

結論から言いますと、1.のIllustrator上での「Web用に保存」で最高で行った場合が、色やエッジ、文字等がきれいに感じられました。
3~6はやはりベクターからラスタ変換での劣化、jpg変換時の劣化と、2度の劣化が原因だと思います。


最初にも書いた条件の詳細が分からないので、役に立つか分かりませんが、参考までに・・・。

画像サイズ、ファイルサイズをどうするのか、どのような画像なのか等、情報が少ないのです。

しかし私自身も興味深かったので、以下の6種類で試してみました。個人的見解が、十二分に入りますがあしからず。
圧縮度等に関しては、ファイルサイズがなるべく均等になるように、「Web用に保存」は最高値、「書き出し」中間値で行いました。
環境:
Windows2000、Illustrator CS、Photoshop CS


1.「Web用に保存」でjpg
2.「書き出し」でjpg
3.「書き出し」でbmp保存後、Photoshopで「Web用に保存...続きを読む

Qhrefとは何の略

なんとかリファレンスじゃないかと思いますが、なんでこれだけどこにも書いてないのでしょうか。
わかる人は、意味とかも教えて下さい。
webで検索しても、見た限りどこにも載っていません。

Aベストアンサー

HTMLタグの「a href」でしたら,
a はアンカーの意味,
href はHypertext Referenceの略ですね.

参考URLに出ていますが,「Hypertext」というのは,他のページなどにジャンプできるテキストのことです.
http://www.hotwired.co.jp/webmonkey/web101/98/19/list.html

参考URL:http://www.akamon.net/life/howtohtml/index.phtml?page=4

Q【WEB制作】画像ファイルの解像度は72?96?

WEB画像を作成するとき、MacのPhotoshopで72DPIで作成していましたが、最近制作環境がWindowsに変わりました。Winの画面解像度は96DPIですが、作るものは以前のまま72DPIの設定で作成しています。
できあがったものに問題はないのですが、どうもそのへんの違いがよくわかりません。MacとWin、いったいどっちの解像度で作成するのがいいんでしょうか?
初歩的な質問ですみませんが、教えて下さい。どうぞよろしくお願いします。

Aベストアンサー

一般的にホームページ上で使用する画像の解像度は 72dpiです。仮に72dpi以上の解像度で作られていても、画面上では同じに見えますが、解像度の高い画像ファイルは容量が大きくなるので表示に時間がかかります。

モニター解像度が大きいほど、 より広いデスクトップ環境を得ることができます。ホームページなども同様で同じサイトを閲覧していても、それぞれのモニター解像度によって見え方が異なるということになります。最近のMACのモニタもWINと同じ96dpiが標準になりつつあります。

Qテキストエディタでhtmlファイルを作りたい。

こんばんは。質問です。
MaxosX-Tiger(10.4.6)を使っています。
イラストレーターでweb用にデータ保存し、
画像(gif)とhtmlをはきださせました。
htmlに<center>とか<script language="JavaScript">とかを
入れてからHPアップしたいと思っています。
以前のOS9.2.2ですと、シンプルテキストで、
イラレではきだしたhtmlを開いて、新しくタグを入れて保存し、
それをエクスプローラーで「開く」で選択すると、
実際の画像が表示されましたが、
osxTigerのテキストエディタですと、
タグがそのまんまずらずらとサファリで表示されるだけで、
以前の様に画像が表示されません。

・・・意味分かっていただけるでしょうか?

イラレからはきだしたhtmlを何もしないで、そのまま
サファリで「開く」を選択するときちんと表示されます。
一度テキストエディタで保存しなおしてしまうと、
サファリでも文字のみ(タグのみ)の表示になってしまいます。

テキストエディタの保存がいけないのでしょうか?
普通に、ファーマットを「html」を選んでるのですが・・・
「rtf」を選ぶとhtmlははじかれてしまうし・・・

どうしたら、イラレからはきだしたhtmlソースをいじって、
それを表示する事ができるでしょうか???

よろしくお願いいたします。

こんばんは。質問です。
MaxosX-Tiger(10.4.6)を使っています。
イラストレーターでweb用にデータ保存し、
画像(gif)とhtmlをはきださせました。
htmlに<center>とか<script language="JavaScript">とかを
入れてからHPアップしたいと思っています。
以前のOS9.2.2ですと、シンプルテキストで、
イラレではきだしたhtmlを開いて、新しくタグを入れて保存し、
それをエクスプローラーで「開く」で選択すると、
実際の画像が表示されましたが、
osxTigerのテキストエディタですと、
タグがそのまんま...続きを読む

Aベストアンサー

テキストエディットは、HTMLをレンダリングして表示します。つまりHTMLファイルをテキストエディットで開くと、タグは表示されずに、行揃えやテキストの大きさ、テーブルや画像などが、タグで指定したとおりに表示されます。

テキストエディットの環境設定>開く/保存で、「HTMLファイル中のリッチテキストコマンドを無視」にチェックを入れると、HTMLファイルをレンダリングせずに、タグを表示させることができます。

テキストエディットでHTML書類を作成するとき、リッチテキスト(RTF)でなく、標準テキスト(TXT)にしてください。「フォーマット」メニューで切り替えができます。

リッチテキストのままで作成すると……

> タグがそのまんまずらずらとサファリで表示されるだけで、

そういうことになってしまいます。

Q画像イメージの上下左右、欲しいところに好きな間隔を入れられますか?

こんにちは。タイトルの通りサイト作成で、
画像の上下左右、好きな方向に間隔を入れられるかその方法をお教えください。

参考までに、DreamWeaver(ドリームウィーバー)2004MXです。

画像とテキストの兼ね合いで、画像の右側や左側に、
ところどころで間隔が欲しいと思っています。

間隔をいじれるところといえば縦間隔、横間隔になりますが、
縦間隔なら「上」と「下」、横間隔なら「右」と「左」、
これらが一度に動いてしまうのです。
片方には確かに欲しい間隔が得られるのですが、
ほう片方に要らない間隔ができてしまい困っています。

例えば右だけに間隔が欲しい。
左だけに間隔が欲しい。

こういう場合って、何かやり方があるのでしょうか。

もともと余白込みの画像を用意するという手も講じましたが、
その場合はその場合で、その画像が他のレイアウトに流用しづらい
という弱点を生んでしまい、レイアウトごとに画像を用意しなければならないので
対症療法としてはうまくいきませんでした。

また、画像ごとにセルを用意して任意の余白を作り出す手もありましたが、
セルがあまりにも絡まりあってしまい、
かなりぐちゃぐちゃなものになるためうまくいきませんでした。

やはりもうちょっと詳しい方にお訊きしようと思いまして
質問を立てさせていただきました。
素人質問で大変申し訳ありません。
どうぞ宜しくお願いいたします。

こんにちは。タイトルの通りサイト作成で、
画像の上下左右、好きな方向に間隔を入れられるかその方法をお教えください。

参考までに、DreamWeaver(ドリームウィーバー)2004MXです。

画像とテキストの兼ね合いで、画像の右側や左側に、
ところどころで間隔が欲しいと思っています。

間隔をいじれるところといえば縦間隔、横間隔になりますが、
縦間隔なら「上」と「下」、横間隔なら「右」と「左」、
これらが一度に動いてしまうのです。
片方には確かに欲しい間隔が得られるのですが、
ほう片方...続きを読む

Aベストアンサー

HTMLの初歩です。具体的には、
-------------------------------------------
<img src="○○.gif" width="100" height="100" alt="*"
style="margin: 10px 20px 0 30px;">

上10px 右20px 下0 左30px の四方の隙間が開く。
数値は例なので適当に変更を。
-------------------------------------------

<img src="○○.gif" width="100" height="100" alt="*"
style="margin: 5px 20px;">
上下5px 右右20px の2方の隙間が開く。

QHTMLのでリンクが開かない…

 作成したHTMLファイルを実行して時々 起こる現象なのですが…

 同じフォルダ内に、たとえば、[xxx.html]と[yyy.html]の2つのファイルがあって、単独ではそれぞれ問題なく開くのですが、HTMLの中に次の2つの文を記述して、これを実行した時に、[yyy]は開くのに、[XXX]がどうしても開かないことがあります。

   <a href="xxx.html">XXX</a>
   <a href="yyy.html">YYY</a>

 記述の文字に問題がないように、文章作成する際に、両方の<a href="...">~</a>をコピペして、ファイル名もフォルダに表示されるファイル名をわざわざコピーして<a href="...">に貼り付けています。つまり、記述上は問題がないようにしています。

 この現象はオフライン(WEBに乗せていない状態)でも起こるのですが、WEBにアップロードしても同じように開けません。また、特定のHTMLファイルでなく、HTML文を作っていて時々起こります。

 どうしてなのでしょうか…? 理由と解決方法をお教えください。よろしくお願いします。

 作成したHTMLファイルを実行して時々 起こる現象なのですが…

 同じフォルダ内に、たとえば、[xxx.html]と[yyy.html]の2つのファイルがあって、単独ではそれぞれ問題なく開くのですが、HTMLの中に次の2つの文を記述して、これを実行した時に、[yyy]は開くのに、[XXX]がどうしても開かないことがあります。

   <a href="xxx.html">XXX</a>
   <a href="yyy.html">YYY</a>

 記述の文字に問題がないように、文章作成する際に、両方の<a href="...">~</a>をコピペして、ファイル名もフォルダに...続きを読む

Aベストアンサー

href="75h/..." を、href="./75h/..." に修正してみてください。

それから、lintで既に確認済かもしれませんが、タグの誤使用が気になりました。
<li>タグは単独では使用できません。
<td>
<ul>
<li>内容。。。
</ul>
</td>
のように記述します。

で、本題ですが、ローカルの拡張子が違っているといった問題ではありませんか?
.htmであるはずが、.htm.txtになっている、など。

URLエンコードするとどうなりますか?
「 - 」→「 %2D 」
「 _ 」→「 %5F 」

"75h/WBR75H_Win-VerUP.htm"
  ↓
"75h/WBR75H%5FWin%2DVerUP.htm"

参考URL:http://validator.w3.org/check?uri=http%3A%2F%2Fmembers.at.infoseek.co.jp%2Fpersonalnet%2F

QIllustratorで線幅付けたものにアウトラインするには?

毎度お世話になっております。

イラストレーターCSで、
例えば、直線ツールで線分などを書き、
線幅10ミリを付けたとします。
この太くなった図形のアウトライン(外周の輪郭)が欲しい場合、
どうすればよいでしょうか?

すみませんどなたかご教授頂けないでしょうか。
宜しくお願い致します。
P.S
選択して~「効果」~「パス」~「オブジェクトアウトライン」
でも出来ずで。。。

Aベストアンサー

「効果」じゃダメです。あそこは見た目だけでパスはいじらない。

「オブジェクト」→「パス」→「パスのアウトライン」でどうぞ。

Qmacでhtmlの拡張子で保存したいのですが

mac G4 10.2.3使用しています。

ウインドウズでの操作と同じ事をマックでしたいのですが
どのような方法をしたら良いかわかりません。
わかる方がいましたらお教え願います。

ウインドウズでの「スタート」から「プログラム」から「アクセサリ」から「メモ帳」を開いて、あるHTMLソースを貼付けます。それをhtmlの拡張子で保存します。
それをホームページにアップロードさせます。

これをマックで行ないたいのですが、私の思いつく方法はthink free writeでhtmで保存し、それをホームページにアップするというものでしたが
機能せずエラーになってしまいました。

素人で説明が下手でわかりにくく、申し訳ないのですが、
何か方法ありますでしょうか?

よろしくお願いします。

Aベストアンサー

「think free write」というのは次のページで紹介
されているソフトの事でしょうか?
http://www.act2.com/products/thinkfree/write.html
http://www.act2.com/products/thinkfree/index.html#system
※10.4以降対応なので、動作しないと思います。

他の人の回答にあるように標準の「テキストエディット」
を使用するか、他のエディタを使用しても良いと思います。
1.「テキストエディット」を起動
※アプリケーションフォルダ内の「TextEdit」
2.「フォーマット」→「標準テキストにする」
3.コピーしたHTMLソースを貼り付ける
4.「ファイル」→「別名で保存」
※標準テキストのエンコーディング:
「日本語(Shift JIS)」または「日本語(ISO 2022-JP)」
※「拡張子を隠す」のチェックをオフにして、
ファイル名の「.txt」を「.html」に変更する。


「mi」(おすすめ!)
http://mimikaki.net/
※ただしベータ版は10.3.9以降対応。

「KompoZer」(こちらはHTMLエディタ)
http://kompozer.net/
※日本語化も可能(日本語パック作成者のページ
にあるものは古いので、KompoZer公式ページの
language packsのページからxpiファイルをダウン
ロードします。)

・日本語化の方法
http://kompozer.cssmaid.net/japanize.html

miもKompoZerもFTP機能がありますが、使いにくいと
思いますのでFTPソフトをお勧めします。

「Cyberduck」
http://cyberduck.ch/changelog/
※下のほうにある「2.3.3 August-09-2004」が
10.2でも動作します。

「FTPC」
http://blade-t.hp.infoseek.co.jp/software/ftpc/ftpc.html
※こちらも10.2で動作します。

「think free write」というのは次のページで紹介
されているソフトの事でしょうか?
http://www.act2.com/products/thinkfree/write.html
http://www.act2.com/products/thinkfree/index.html#system
※10.4以降対応なので、動作しないと思います。

他の人の回答にあるように標準の「テキストエディット」
を使用するか、他のエディタを使用しても良いと思います。
1.「テキストエディット」を起動
※アプリケーションフォルダ内の「TextEdit」
2.「フォーマット」→「標準テキストにする」
3.コピーし...続きを読む


このQ&Aを見た人がよく見るQ&A

人気Q&Aランキング