OKWAVEのAI「あい」が美容・健康の悩みに最適な回答をご提案!
-PR-
解決
済み

WORDで作成したホームページのハイパーリンクについて

  • 困ってます
  • 質問No.167698
  • 閲覧数322
  • ありがとう数4
  • 気になる数0
  • 回答数6
  • コメント数0

お礼率 32% (24/74)

wordでホームページを作成しました。
[新規作成]で[ホームページ]を選んで、メニュー[書式]から[テーマ]を選んで内容を書き換えてWeb形式で保存しました。
できたホームページをIEから開いて見て、ハイパーリンクを設定している箇所をクリックしてちゃんとリンクはされているのですが、未表示でも表示済みでも文字色が変わりません。これってどうして?
Wordでは表示した箇所はちゃんと文字色が変わるのに・・・何が悪いのでしょうか、わかる方はどうか教えてください。
インターネット上のホームページはちゃんと変わりますし、ちなみに[ツール][インターネットオプション]の[全般]の色の設定は未表示と表示済みでは色を変えてあります。
通報する
  • 回答数6
  • 気になる
    質問をブックマークします。
    マイページでまとめて確認できます。

質問者が選んだベストアンサー

  • 回答No.4
レベル10

ベストアンサー率 67% (70/103)

A No2の補足に対する回答です。

なるほどね、「まだクリックして見ていないにもかかわらず、訪問済みリンクの色になるのは何故か?」という質問だったんですね(^_^;)

IEの場合、メニューの「ツール」-「インターネットオプション」の「履歴」のところの「保存する日数」で指定されている日数分、どのページを見た、という情報を残すようになっています。で、この履歴情報が残っているページのアドレス(URL)がリンクになっている場合、訪問済みと判断して表示します。

ですから、「履歴のクリア」を行ってから表示の更新をするか、またはIEを一度終了させて再起動させてください。


以下、Word2000で作られてるとのことなのでアドバイス。

Wordでメニューから「ファイル」-「プロパティ」-「ファイルの概要」を開けると、作成者等の情報が見れると思います。

実は、Wordで単純にHTMLとして保存すると、Office製品内でのデータ交換のためにこれらの情報も(独自拡張として)HTML文書内に含まれてしまいます。

ブラウザで見たときには表示されませんが、HTMLのソースを表示させると見えます。このため、意図せぬ個人情報の流出に繋がることもあり得ます。

HTML Filter 2.1 for Office 2000を利用すると、このような独自拡張された部分を除去してHTMLを作成できます。ダウンロードと詳細については参照URLを。

#案外、知らない方も多いので念のため。
お礼コメント
hiro-aya

お礼率 32% (24/74)

No.3さんのところにも書いたのですが、No.4さんとNo.3さんの操作で問題を解決することができました。

>以下、Word2000で作られてるとのことなのでアドバイス。
以下のアドバイスは参考になりました。
HPを作る上で気をつけようと思います。
ありがとうございました。
投稿日時 - 2001-11-18 23:32:29
-PR-
-PR-

その他の回答 (全5件)

  • 回答No.1
レベル11

ベストアンサー率 30% (150/490)

 このリンク文字色とクリックした後のリンク文字色を 作ってやるには HTML作成では結構有名な技術(手法)の【スタイルシート】と言うもので これらの色を指定してやります !  具体例を以下に示して置きます ! <Body Bgcolor="#000000" Background="bcg_01-3.jpg" Text="#FFFFFF&qu ...続きを読む
 このリンク文字色とクリックした後のリンク文字色を
作ってやるには HTML作成では結構有名な技術(手法)の【スタイルシート】と言うもので これらの色を指定してやります !
 具体例を以下に示して置きます !

<Body Bgcolor="#000000" Background="bcg_01-3.jpg" Text="#FFFFFF" Link="#CCFFCC" Alink="#FF0303" Vlink="#00FF00">

と言う様に、このタグ【スタイルシート】はHTML基本タグである<body></body>の間に設置、書きます !

 なお、上記スタイルシート内の各項目を説明すると
Body Bgcolor="#000000" が背景色で、ちなみにこの#000000 は黒を表します !

Background="bcg_01-3.jpg" はホームページの背景に画像を使いたい時に使いたい画像ファイルのファイル名を指定してやります !
 なお、この背景用の画像ファイルを指定せずに 前記背景色のみを指定した場合は、その背景色がそのままホームページの背景色となるわけですが 上記のように背景色と背景画像の両方を指定した時は、アナログモデム接続などで接続している時は ホームページが表示されるまでに時間がある程度掛かりますよね !? その時に
完全に表示されるまでの間は この背景色で表示されて
完全にホームページが読み込まれた時はこの背景画像が表示されると言うわけです。

Text="#FFFFFF"はページの文字色で
Link="#CCFFCC" がただ単にリンクが貼られた状態の色で
Alink="#FF0303" がActive Linkと言う意味で、マウスカーソルをそのリンク表示場所に持って行った時の色で

Vlink="#00FF00"がリンクをクリックした後の色です !

 これら説明した各項目を指定してやって<>で囲ってやった物が【スタイルシート】と呼ばれる物です !

 さらに詳しく勉強したければ、ネット検索で「ホームページ作成」や「スタイル」や「HTMLタグリファレンス」で検索かけて研究して見て下さい ! (^o^)丿
補足コメント
hiro-aya

お礼率 32% (24/74)

詳しいご説明をありがとうございます。とっても勉強になります。
さっそく確認してみたところ、指定していただいた箇所には
link="#996600" vlink="#666666"
と入っているのですが、作成したホームページのlink="#996600" の方が生かされていないようで、3つほど作成してみたホームページどれもが最初からすべてvlink="#666666"の色になってしまっています。
ほかになにか原因があるのでしょうか?
教えていただければうれしいのですが・・・
投稿日時 - 2001-11-13 09:56:59

  • 回答No.2
レベル10

ベストアンサー率 67% (70/103)

Wordのバージョンが書いてないので、Word2000での話、と仮定します。 Wrod2000の場合、リンクの色はスタイルシートと、BODY要素のlink属性とvlink属性、双方に設定されます。が、実際にIEで有効になるのはスタイルシートの方です。 テーマを指定しない場合のスタイルシートは以下のように設定されています(未訪問リンクは青、訪問済みリンクは紫、という指定になってますね)。 ...続きを読む
Wordのバージョンが書いてないので、Word2000での話、と仮定します。

Wrod2000の場合、リンクの色はスタイルシートと、BODY要素のlink属性とvlink属性、双方に設定されます。が、実際にIEで有効になるのはスタイルシートの方です。

テーマを指定しない場合のスタイルシートは以下のように設定されています(未訪問リンクは青、訪問済みリンクは紫、という指定になってますね)。

a:link, span.MsoHyperlink
{color:blue;
text-decoration:underline;}
a:visited, span.MsoHyperlinkFollowed
{color:purple;
text-decoration:underline;}

が、テーマを指定すると、そのテーマの背景色などに合わせてこの色の設定が変わります(同時にBODY要素の属性も変更されます)。

これをWord上から直す場合、メニューの「書式」-「スタイル」を開き、スタイル名「ハイパーリンク」が未訪問リンク、「表示したハイパーリンク」が訪問済みリンクですので、変更したいスタイル名を選んで「変更」-「書式」-「フォント」と選んでいくと色や下線の有無が指定できます。

HTMLに変換後に直す場合は、HEAD要素内にスタイルシートの記述がありますので、そこからリンクに関する設定の部分を変更します(念のためBODY要素のlink属性、vlink属性も変更するといいでしょう)。

補足コメント
hiro-aya

お礼率 32% (24/74)

またまたさっそくの回答ありがとうございます。
テーマを指定してホームページを作成していますので
メニューの「書式」-「スタイル」-「変更」-「書式」-「フォント」の箇所もテーマで選択された色にちゃんとなっています。
Wordのバージョンは2000です。
今またいじっていて気がついたのですが、新規作成からホームページを作成してWebで保存して、ブラウザでプレビューをすると、最初の1回目だけは、「表示したハイパーリンク」と「ハイパーリンク」の設定が有効になっています。つまり最初は全部「ハイパーリンク」の文字色で、クリックすると表示したハイパーリンク」の色にちゃんとなります。
が、2回目以降から同じ手順でホームページを開くとやっぱり全部最初から表示したハイパーリンク」の文字色になってしまっています。
どうしてでしょう。ああどうして、どうしたら直るのぉぉぉぉぉでしょうか。
またまたよろしくお願いいたします。
投稿日時 - 2001-11-13 10:28:23
  • 回答No.3
レベル13

ベストアンサー率 40% (404/988)

こんにちは。 Ieで、見たときにすべて、リンク済みになっちゃうんですか? なのでしたら、それは、ブラウザが「キャッシュ」(HDDに一時記憶)をしているからです。 ●キャッシュファイルの削除方法です。 IEを起動してください。 [ツール][インターネットオプション] [全般] インターネット一時ファイル「ファイルの削除」 □全てのオフラインコンテンツ~にチェックを入れ、 「削除」 ...続きを読む
こんにちは。

Ieで、見たときにすべて、リンク済みになっちゃうんですか?
なのでしたら、それは、ブラウザが「キャッシュ」(HDDに一時記憶)をしているからです。

●キャッシュファイルの削除方法です。
IEを起動してください。
[ツール][インターネットオプション]
[全般]
インターネット一時ファイル「ファイルの削除」
□全てのオフラインコンテンツ~にチェックを入れ、
「削除」
すると治ると思います。

参考になれば。
でわ
お礼コメント
hiro-aya

お礼率 32% (24/74)

No.3さんとNo.4さんの操作を行ったら解決しました。
ありがとうございました。
その他専門家の方々からたくさん回答をいただいたのですが、今の私のレベルにはちょっと難しそうですが、読ませていただきました。
勉強になりました、ありがとうございました。
投稿日時 - 2001-11-18 23:29:53
  • 回答No.5

問題が錯綜しているようですが、hiro-ayaさんのお悩みは、#4の回答の履歴のクリアで解決すると思います。わたしも最初、キャッシュのクリアかな…と思ったのですが、やってみたら、履歴がある以上、キャッシュをクリアしても、訪問済みカラーでした。 色が変わるのは、最初の一回だけなので、確認しにくかったのだと思います。また、アップしたものと、自分のハード内のものとでは、見かけは同じでも、出所が異なりますから、 ...続きを読む
問題が錯綜しているようですが、hiro-ayaさんのお悩みは、#4の回答の履歴のクリアで解決すると思います。わたしも最初、キャッシュのクリアかな…と思ったのですが、やってみたら、履歴がある以上、キャッシュをクリアしても、訪問済みカラーでした。
色が変わるのは、最初の一回だけなので、確認しにくかったのだと思います。また、アップしたものと、自分のハード内のものとでは、見かけは同じでも、出所が異なりますから、違うものとして扱われ、それぞれにリンク済みカラーへのなり方が違います。
ハード内のリンクは、作りながら何度も試しにクリックするので、気づいたときは、もう、リンク済み…となっていたのでしょう。
hiro-ayaさんは、ワードを使って適切にページを作られていると思いますよ。まあ、いろいろありますから、リンク済みカラーごときで悩んでちゃ、これから大変…がんばってくださいね。ワードでも、作りながら少しずつ<タグ>が分かってきますから、そのうち、「なあんだ」と思う日もくるでしょう。こうして質問して、疑問を一つずつ解決して覚えていくのも一法ですが、私としては、取っつきにくくても、体系的に頭に入れた方が、結局「急がばまわれ!」ですので、関連する解説書の類を1、2冊、今後お読みになっていくと良いと思いますよ。
お礼コメント
hiro-aya

お礼率 32% (24/74)

その通りお蔭様で解決しました。
が、なんか問題がちょっと違った方向にもちょっと行っているみたいなので、われこそはと思う方のために締め切るのをもう少し待ってみま~す(^.^)
投稿日時 - 2001-11-18 23:40:49
  • 回答No.6
レベル10

ベストアンサー率 67% (70/103)

無事解決したとのこと、よかったですね。 本題とはズレてしまったのであれなんですが、スタイルシートについてちょいと説明しておきます。 <Body Bgcolor="#000000" Background="bcg_01-3.jpg" Text="#FFFFFF" Link="#CCFFCC" Alink=&qu ...続きを読む
無事解決したとのこと、よかったですね。

本題とはズレてしまったのであれなんですが、スタイルシートについてちょいと説明しておきます。

<Body Bgcolor="#000000" Background="bcg_01-3.jpg" Text="#FFFFFF" Link="#CCFFCC" Alink="#FF0303" Vlink="#00FF00">

この書き方はHTMLの仕様書を読めばわかりますが、スタイルシートではなくただのHTMLです。Bgcolorなどの各属性はHTML3.2で正式に仕様として採用されましたが、HTML4.01では「表現に関する部分はHTMLから切り離して、スタイルシートを使うようにしましょう」ということで全て非推奨となっています(これもHTML4.01の仕様書に明記されています)。

スタイルシートはHTMLやXMLと密接に連携して動作しますが、独立した言語として作成されています。従って文法もHTMLとは大きく異なりますし、HTMLで表現するよりも高度で便利になっています。

スタイルシートで書くならば、Bgcolor(背景色)、Text(文字色)、Background(背景画像)はBODY要素の表現ですので

BODY {background-color:#000000;color:#FFFFFF;background-image:url('bcg_01-3.jpg')}

となります。LINK(未訪問ハイパーテキストリンクの色)、Alink(選択中ハイパーテキストリンクの色)、Vlink(既訪問ハイパーテキストリンクの色)はリンク(アンカー要素)の表現ですが、選択中とか既訪問とかいう状態はリンク独特のものなので、スタイルシートでは「擬似クラス」という形でサポートしています。

A:link {color:#CCFFCC}
A:active {color:#FF0303}
A:visited {color:#00FF00}

これらはスタイルシートの仕様書の方で丁寧に(がしかし難解に)解説されています。

このQ&Aのテーマ
このQ&Aで解決しましたか?
関連するQ&A
-PR-
-PR-
このQ&Aにこう思った!同じようなことあった!感想や体験を書こう
このQ&Aにはまだコメントがありません。
あなたの思ったこと、知っていることをここにコメントしてみましょう。

その他の関連するQ&A、テーマをキーワードで探す

キーワードでQ&A、テーマを検索する
-PR-
-PR-
-PR-

特集


いま みんなが気になるQ&A

関連するQ&A

-PR-

ピックアップ

-PR-
ページ先頭へ