• 締切済み

色を変える文字が多くて困ってます。

早速なのですが、例文を書きますと・・・ 例)この カテゴリー では スピード を出すの     (オレンジ色)   (青色) が 重要! なのですが、いかんせん パワー が  (緑色)             (赤色) のような感じで、「この」と「カテゴリー」の間に スペースが入ってますが、わかりやすくするためにあえて入れました。(その他の箇所も) 実際にはつながってます。 それで、カッコ()の上にある文字をカッコ内の色 にかえたいのですが、このような色変換する箇所が ものすごく多いので一つ一つ色をつけるタグをつけて いたらキリがないので、なにかよい方法はあります でしょうか? 元の文章はワードで作成しており、もうすでに文字に 色付けしてあります。 ためしにワードで元の文章をHTMLに変換してみた のですが、これまたものすごくよけいなタグが生成さ れてしまって閉口ものでした^^; もっとスマートに早く変換する方法はありますか? ご回答お願い致します。

みんなの回答

  • s_hukami
  • ベストアンサー率66% (98/148)
回答No.5

大変申し訳ありませんが、こちらは「会員間の質問と回答の形式による情報交換」をする場であり、会員間の交流・親好を深める場ではありません。 したがって、質問に対する回答は行えますが、自サイトの宣伝などの行為はできません。 参考URLは利用規約のページです。 私が作成・運営しているサイトは個人的趣味のサイトで、あまり積極的に宣伝する気もありませんし、自分の名前を売る気もありません。 検索サイトで検索することによって、間接的に私のサイトを割り出す事は可能ですが。 もしかしたらこの書き込みは削除されるか修正される可能性もありますが、そういう理由で自サイトのURLは記述できません。 ご了承くださいませ。

参考URL:
http://blog.goo.ne.jp/oshietegoo/c/4b0e32855788a6793ae45d0eeb59f1bc
すると、全ての回答が全文表示されます。
  • s_hukami
  • ベストアンサー率66% (98/148)
回答No.4

No.3です。 No.2さんのおっしゃる辞書というのはIMEやATOKなどの日本語辞書のことだと思います。 単語登録などといった、ユーザー辞書登録機能がありますので、これを利用してHTMLタグを辞書に登録することによって日本語ひらがな入力時に、変換するとタグが入力できるという意味です。 が、おそらく、質問者さんの場合は、視覚的にHTMLファイルが作成できるツールの方がよろしいのではと思われます。 できればタグなど手打ちで記述した方がキレイなソースになりますし、勉強にもなりますが、少し慣れて、興味をお持ちになってからの方が良いかもしれません。 CSSについては、基本的に同じことの繰り返しなので、慣れてしまえばそれほど難しくはありません。 が、最初慣れるまではとっつきにくいかもしれません。 ■Webオーサリングソフトのおすすめ Dreamweaverといいたいところですが、このソフトは非常に高いのであまりおすすめできません。 なので、初心者向けツールとしては価格も手頃なホームページビルダーだと思います。 しかし、無駄なソースが多く、場合によってはIE以外のブラウザでは読みにくいページになりかねません。 が、付属で付いてくるロゴ作成ツールや素材など、初心者には利用しやすいものが多いため、最初はこちらの方が良いかもしれません。 ■HTMLエディタのおすすめ(フリー) タグ挿入型などではなくWordで文書を作成する時のように視覚的に作成できるツールのみ以下に記述します。 ・[alphaEDIT(Vector紹介ページ)] http://www.vector.co.jp/vpack/browse/pickup/pw5/pw005951.html FTP機能あり ・[Homepage Manager(Vector紹介ページ)] http://www.vector.co.jp/vpack/browse/pickup/pw4/pw004386.html ・[AmBuilder] http://kody.jp/freesoft/index.shtml FTP機能あり ・[Mozilla] http://www.mozilla-japan.org/products/mozilla1.x/ ブラウザですが、コンポーザー機能を利用すればHTMLを作成できます。 タグ挿入型エディタ(HTMLタグなどの知識が多少必要)でおすすめならば「TTT Editor」や「HTML Project2」などがおすすめです。 ■CSS作成ツール [EasyCSS] http://www.pololon.com/koby/software.php?id=EasyCSS リアルタイムでプレビューできるのでおそらく比較的簡単にCSSが作成できると思います。 このツールで作成できるのは、文字の基本設定、リンク文字、背景、スクロールバー、マウスカーソルです。 [CSS Maker] http://www.cssmaker.com/css/ オンラインでCSSを作成できます。 作成されたCSSはメールで送信されます。 ページ設定、リンク設定、スクロールバー、ヘッドラインのCSSが作成できます。 複雑なCSSを作成するのには向いていませんが、最初の導入時には参考になるのではと思います。 その他HTMLエディタの比較については以下の質問の回答が参考になると思います。 http://www.hatena.ne.jp/1047310245 http://oshiete1.goo.ne.jp/kotaeru.php3?q=1762172 それ以外にこんな比較ページもあります。 http://beginners.atompro.net/htm/hpmsoft/hpmsf.shtml

Sirkey
質問者

お礼

うわっ、すごい書き込みがっ! どうもこんばんはですv 辞書登録というのは、日本語変換ソフトの機能なんで すね。 それを使えばタグ打ちがかなり楽になりますね。 この技使わせていただきます。(笑) で、ご回答いただいた後にオーサリングソフトについて調べてみますと、たとえばタグ打ちで行き詰った時に、ホームページビルダーで自分のイメージを作らせておいて、それで吐き出されたソースを”辞書替わり”に使う。 というのをやっておられる方がいらっしゃるので、「 そういう手もあるんだなー。」と思いました。 その点でいうと、やはりソースがきれいなDream Weaverのほうがいいんでしょうかね^^;? ただHPビルダーがDream・・・と比較して、ど の程度の無駄タグを生成するのかが気になるところで すけども・・・ あくまでも想像なんですが、基本的なことは変わらな いはずなのでちょこちょこっといじれば済むようね気がしますが・・・・ そのちょこちょこっとで済むなら、価格が安いHPビ ルダーを”辞書”として使ってみようかなと思ってま す。 話は変わるのですが、フリーのHTMLエディターっ てこんなに種類があったんですね! こんなに選択肢がありすぎるので、どれにしようかと 悩みながら、いただいたご回答を読んでいると、フリ ーの物の比較サイトのアドレスが・・・ いやーこれは助かりました! さすが色々な方に好アドバイスをされてるS hukamiさんですね^^; おみそれしました(笑) 私がこの内容のものを調べるとしたら、膨大な時間が かかるところです。 重ね重ねありがとうございました。 最後に、このようなご回答をくださるS hukam iさんのHPをぜひとも拝見したいのですが、URL教えていただけますか? よろしくお願い致します。 では。

すると、全ての回答が全文表示されます。
  • s_hukami
  • ベストアンサー率66% (98/148)
回答No.3

例をCSSで記述すると以下のような感じです。 が、通常文書でもそうですが、HTML文書でフォントの色変えが多すぎると、かえって読みにくくなると思います。 頻繁な色変え(グラデーション文字含む)は、印刷するときれいでも、ディスプレイで閲覧した場合、目が疲れやすく、またディスプレイの質や解像度によっては、かえって読みにくくなってしまいます。 私個人的には、特に強調したい部分だけを装飾したHTMLの方が読みやすいと思います。 どうしてもフォントの装飾を頻繁にしたいということでしたら、WebオーサリングソフトやHTMLエディタを利用してはいかがでしょうか。 ご利用のOSがWindowsならば多くのフリーソフトがあります。 MozillaならばWinでもMacでもComposer機能を利用してHTMLが作成できます。 http://www.mozilla-japan.org/products/mozilla1.x/ ---------------------------------------------- <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>Sample Title</title> <style> <!-- .orange { color: #FFA500; } .blue { color: #0000FF;} .green { color: #008000;} .red { color: #FF0000; } --> </style> </head> <body> <p>この<span class="orange">カテゴリー</span>では<span class="blue">スピード</span>を出すのが<span class="green">重要!</span>なのですが、いかんせん<span class="red">パワー</span>が</p> </body> </html>

Sirkey
質問者

補足

どうも初めまして。書き込みありがとうございます。 やはり普通にやると一箇所一箇所色指定になります よね^^; 環境はWindowsなのですが、装飾を頻繁にするとなると、 ■Webオーサリングソフトのおすすめ。 ■HTMLエディタのおすすめ。(フリーも) は、どんなソフトになりますか? また、CSS(スタイルシート)に特化したオーサリ ングソフトや、HTMLエディタ(フリーも含めて) というのはありますか?

すると、全ての回答が全文表示されます。
  • SortaNerd
  • ベストアンサー率43% (1185/2748)
回答No.2

辞書登録してみてはいかがでしょう。 れd→<font color="ff0000"></font> bぅ→<font color="ff0000"></font> grん→<font color="00ff00"></font> のように。

Sirkey
質問者

補足

SortaNerdさん、初めまして。 辞書登録というのは何のソフトの辞書登録なのでしょ うか? 知識不足ですみません。

すると、全ての回答が全文表示されます。
  • akamanbo
  • ベストアンサー率17% (462/2680)
回答No.1

どのみちどこを何色に変えるか指定が必要なので、難しいのではないかと。 Wordからhtml保存するとたしかに余計なタグが出ますが、それで何か 不都合が?

Sirkey
質問者

お礼

初めまして。ご回答ありがとうございます。 タグが多すぎるとページ表示速度が遅くなるという のを見たことがあったので、必要な分だけのタグ、と いう考えなのですが、今日改めてワードにてHTML に変換してみると、「文章長いな。」というものでも、HTMLファイルの容量が170Kbだったので (所詮文字ですからね^^;)このままワード変換し たものでいこうかな、と思います。 また何かありましたらよろしくお願いしますv

すると、全ての回答が全文表示されます。