HPの漢字に読み仮名をつけるには

質問

外国人の方にも読んで頂けるようにHPの漢字に読み仮名をつけたいのですが技術的に可能でしょうか？（エクセルは出来ますよね？）
もし、出来るのであればどなたか教えて頂ければ幸甚です。当方使用のHP作成ソフトは「HPビルダー7」ですが他のソフトでも参考情報があれば何でもあり難く存じます。
以上、宜しくお願い致します。

回答No.3

gakushaneko · ベストアンサー

「興味津々（きょうみしんしん）」のようにするのが，今のところ，一般的なように感じます。
または，「興味津々（キョウミシンシン）」とか・・・。

どうしても，ルビのように表示させたい場合は，漢字とルビを「画像」（透過GIFファイルがベストでしょう）にして挿入するのが，今のところ一番やりやすいと思います。

まず，ホームページビルダーでとりあえず，文章を入力してしまいます。

次に，ワード（エクセルよりもこちらをお勧めします）で，問題の文字を入力します。（文字の大きさは，試行錯誤で決定してください）
入力が終わりましたら，これにルビを振ります。
そのままですと，ルビを振った文字の背景が着いてしまいますので，印刷プレビュー（100%表示）に切り替え，キーボードの「Print Screen」キーを1回押します。

次に，ホームページビルダーに付属している「ウェブアート デザイナー」を起動します。
メニューバーの「編集」＞「貼り付け」の順にクリックします。
操作ツールバー（たぶん，左側にあると思います）の「四角形で切り取り」ボタン（ハサミのマークと白い四角マークのボタンです）をクリックします。
ルビ付き文字部分を確実に，ただし，余白が多すぎないように注意しながら，囲みます。
ルビ付き文字を囲みましたら，操作ツールバーに出てきている「切り抜き」ボタンをクリックします。
メニューバーの「ファイル」＞「web用保存ウィザード」の順にクリックします。
「選択されたオブジェクトを保存する」に印があることを確認したら（印が付いていなければ，クリックして印を移動してください），「次へ」ボタンをクリックします。
「GIF」に印が付いていることを確認したら（同じく着いていなければ，クリックして移動してください），「次へ」ボタンをクリックします。
「プロパティ」にある「スポイト」ボタンをクリックし，「設定後の画像」内の文字でない部分をクリックしましたら，「次へ」ボタンをクリックします。
「ファイルに保存」に印を移動しましたら，「完了」ボタンをクリックします。
保存用ダイアログボックスが開きますので，まず，半角の英数文字でファイル名を付けます。
パソコン内のサイトとして設定しているフォルダ，または，その中のフォルダを開き，または，その名から新規に半角の英数文字で名前付けしたフォルダを作製して開き，その後，保存してください。
保存し終わりましたら，メニューバーの「編集」＞「削除」の順にクリックします。
他に作業したい文字があれば，ウエブアート デザイナーの作業を繰り返してください。
なければ，「削除」の作業ではなく，ウエブアート デザイナーをそのまま終了します。（キャンパスの保存を聞いてきますが，この保存は自由です）

ホームページビルダーで編集するページを開き，差し替えたい部分を選択状態にします。
メニューバーの「挿入」をクリック＞「画像ファイル」をポイント＞「ファイルから」をクリックします。
先ほど保存した画像ファイルを探し出し，選択したら，その画像で正しいかを確認（確認出来ない場合は，「プレビュー」をクリックして，印を入れてください）し，「開く」ボタンをクリックします。

これで，ルビ付き文字の挿入が出来ますが，画像ファイルの文字とページの文字の大きさに違いがありすぎるようでしたら，ワードの作業からやり直す必要があります。
ある程度の違いでしたら，まぁ，目をつむった方が良いかもしれませんね。

あと，表（テーブル：枠線非表示）とスタイルシートを使用する方法も考えられますが，見栄え良くするためには，作業が繁雑になりそうなので，避けた方が良いかもしれませんね。

回答No.2

elttac

ルビは，XHTML 1.1 より対応です。方法は，No. 1 のご回答のとおり，ruby 要素を使用します。

　ここで，今のところ，「親文字の上に乗せる」表示方法は Netscape，Opera などでサポートされない（無視される）ので，「かっこつきでグループルビ」が無難な方法です。たとえば，

回答を<ruby><rb>投稿</rb><rp>（</rp><rt>とうこう</rt><rp>）</rp></ruby>する

のようにします。「親文字の上に乗せ」られる場合は，rp 要素のかっこが無視され，ルビが親文字の上に乗ります。サポートされない場合は，

回答を投稿（とうこう）する

のように表示されます。

　以上，お試しください。

回答No.1

shy00

ブラウザーによりルビが反映されるもの、されないものがあります
ですので、あまり推奨しませんが・・・
　ブラウザーによる対応非対応は
　http://www.nihira.jp/soft/rubyfuri/
　を参照ください

ちなみにルビは
http://tohoho.wakusei.ne.jp/html/ruby.htm
のようなタグで記載します

参考URL：

http://tohoho.wakusei.ne.jp/html/ruby.htm