ホームページビルダー18 ビジュアルサイトビュー(サイトの確認) 赤「×」表示 |
ビジュアルサイトビュー ( サイトの確認 = サイトの全体表示 ) 画面の赤い「×」印ホームページビルダー18では、「サイトの確認」で開いた画面を、「ビジュアルサイトビュー」といいます この「ビジュアルサイトビュー」画面で、下図のように、ページを表す長矢印に、赤い「×」印(赤い×マーク)がついていたことはないでしょうか 赤「×」印は、HTMLの構文誤り等他のエラーでも付きますが、それらは、「まるごとチェック」によって対処できます 「まるごとチェック」ではエラーが検出されないのに、赤「×」印が付く場合は、まずリンク誤り(リンク切れ)です ここでは、それぞれリンク切れの原因と対処法について、説明します Case 1 リンク先のファイル名が間違っている場合 Case 2 ページ内のリンク誤りの場合 Case 3 ページ内のリンク飛び先がない場合 Case 4 「 iframe 」 の 「 src 」 値が相対アドレスになっている場合 |
||
リンク先のファイル名が間違っている場合 |
||
右側の長矢印に、赤×印がついています まずは、上部の「ナビバー」にある、「まるごとチェック」をクリックしましょう |
||
「チェック開始」をクリックします |
||
「まるごとチェック」では、HTML構文等のチェックも行いますので、それらに問題がないことが分かりました |
||
この例では、右側長矢印の右端に、「 + 」マークが付いていますので、この先が閉じられていることが分かります 「 + 」マークをクリックして開いてみましょう |
||
ちょと分かり辛いですが、右側に表示されている文字列が、「 Second.htm 」になっています 正しいページファイル名は、「 Second.html 」です 赤×印がついている長矢印(First.html)をダブルクリックして開きます |
||
この例では、リンクは1つしかありません |
||
「リンク先ファイル名誤り」をダブルクリックで選択後、右クリックメニューから、「リンクの設定」をクリックします |
||
「ファイル名」を正しい名前に書換えて、「OK」をクリックします (この例では、フィル名末尾に「 l 」)を書き加えました |
||
「上書き保存」をクリックした後、「サイトの確認」をクリックします |
||
赤×印解消です |
||
ページTOP |
ページ内のリンク誤りの場合 |
||
このケースでは、右端のリンク先のファイルには赤×印が付いていませんので、合っているようです では、真ん中の箱の赤×印は何でしょうか |
||
「まるごとチェック」を行ってみます |
||
エラー無です |
||
真ん中の箱をダブルクリックで、開いてみましょう |
||
一見して、おかしなところは見当たりません |
||
最初のリンク、「リンク先ファイル名誤り」を、ダブルクリックで選択後、右クリックメニューで、「リンクの設定」を確認します |
||
ファイル名が、「 Second.html 」になっています ビジュアルサイトビュー画面で、右端に表示されていた箱ですね ここは正しいことが分かります |
||
続いて、「ページトップへ」も、同様に確認します |
||
飛び先(リンク先)は、ラベル名「 TOP 」のはずが、ファイル名として記述されていますね |
||
ラベル名として認識してもらう為に、「 #TOP 」に書換えましょう |
||
赤×印解消です |
||
ページTOP |
ページ内のリンクの飛び先がない場合 |
||
このケースでも、右端のリンク先のファイルには赤×印が付いていませんので、合っているようです |
||
「まるごとチェック」を行ってみます |
||
エラー無です |
||
真ん中の箱をダブルクリックで、開いてみましょう |
||
一見して、おかしなところは見当たりません |
||
「ページトップへ」を確認します |
||
飛び先(リンク先)は、ラベル名「 TOP 」として記述されています |
||
ラベル名「 TOP 」が、どういう状態になっているのか、確認します 「HTMLソース」タブをクリックして、表示を切り替えて下さい |
||
メニューバーから、「編集」→「検索」をクリックして下さい |
||
検索文字列に、問題の「TOP」を入力し、「次を検索」をクリックします |
||
リンク文字列の「ページトップへ」が、「 #TOP 」、つまり、ラベルの「 TOP 」にリンクしているのが確認できます さらに、「次を検索」をクリックします |
||
他にはありません つまり、「 TOP 」ラベルがありません |
||
「 <a name="TOP"></a> 」を書き加えましょう |
||
赤×印解消です |
||
ページTOP |
「 iframe 」 の 「 src 」 値が相対アドレスになっている場合 |
||
このケースでも、右端のリンク先のファイルには赤×印が付いていません |
||
「まるごとチェック」にも引っ掛りません |
||
「 iframe 」の「 src 」属性の指定が、「iframe src= "img/HP_HPB18_000428.pdf~」と、相対アドレス指定になっています 元々は、URL先頭からの絶対アドレスで指定してありました ホームページビルダーは、ファイル名を変更した際等に関連する箇所のアドレスも自動的に修正してくれる便利な機能を持っているのですが、その際は、全て相対アドレス指定に変えられてしまいます この例は、それが裏目に出ているケースになります |
||
絶対アドレス指定、「iframe src="https://abhp.net/ img/HP_HPB18_000428.pdf~」に修正します |
||
赤×印解消です エラーチェックにも引っ掛らず、HTML構文にも問題が見つからない時は、ホームページビルダーは、アドレス変更時に、相対アドレスに書換えてしまうことを思い出して、HTMLソースを見直してみましょう |
||
ページTOP |