HPB19 | HPB18 コンテンツ一覧
ホーム > HPB19 > ホームページビルダー19 ビジュアルサイトビュー(サイトの確認) 赤「×」表示
目次 | 元のページ 前のページ | 次のページ サイトマップ | ページEND

ホームページビルダー19 ビジュアルサイトビュー(サイトの確認) 赤「×」表示


ビジュアルサイトビュー ( サイトの確認 = サイトの全体表示 ) 画面の赤い「×」印



ホームページビルダー19では、「サイトの確認」で開いた画面を、「ビジュアルサイトビュー」といいます

この「ビジュアルサイトビュー」画面で、下図のように、ページを表す長矢印に、赤い「×」印(赤い×マーク)がついていたことはないでしょうか


赤「×」印は、HTMLの構文誤り等他のエラーでも付きますが、それらは、「まるごとチェック」によって対処できます

「まるごとチェック」ではエラーが検出されないのに、赤「×」印(赤×マーク)が付く場合は、まずリンク誤り(リンク切れ)です


リンク切れ箇所の確認方法につきましては、「 ホームページビルダー19 リンク切れチェック 」 をご参照下さい (別タブ(ウィンドウ)が開きます)



ここでは、リンク切れの原因と対処法について、説明します


Case 1 リンク先のファイル名が間違っている場合
Case 2 ページ内のリンク誤りの場合
Case 3 ページ内のリンク飛び先がない場合
Case 4 「 iframe 」 の 「 src 」 値が相対アドレスになっている場合



リンク先のファイル名が間違っている場合



ビジュアルサイトビュー(サイトの確認)「 X 」表示




右側の長矢印に、赤×印がついています

まずは、上部の「ナビバー」にある、「まるごとチェック」をクリックしましょう
ホームページビルダー19 まるごとチェック




「チェック開始」をクリックします
ホームページビルダー19 まるごとチェック エラー無




「まるごとチェック」では、HTML構文等のチェックも行いますので、それらに問題がないことが分かりました
ビジュアルサイトビュー(サイトの確認)「 X 」表示




この例では、右側長矢印の右端に、「 + 」マークが付いていますので、この先が閉じられていることが分かります

「 + 」マークをクリックして開いてみましょう
ホームページビルダー19 リンクファイル名誤り




ちょと分かり辛いですが、右側に表示されている文字列が、「 Second.htm 」になっています

正しいページファイル名は、「 Second.html 」です

赤×印がついている長矢印(First.html)をダブルクリックして開きます
ホームページビルダー19 編集画面




この例では、リンクは1つしかありません
ホームページビルダー19 リンクの設定




「リンク先ファイル名誤り」をダブルクリックで選択後、右クリックメニューから、「リンクの設定」をクリックします
ホームページビルダー19 リンクファイル名




「ファイル名」を正しい名前に書換えて、「OK」をクリックします

(この例では、フィル名末尾に「 l 」)を書き加えました
ホームページビルダー19 リンク修正




「上書き保存」をクリックした後、「サイトの確認」をクリックします
ビジュアルサイトビュー(サイトの確認)「 X 」表示無




赤×印解消です
ページTOP


ページ内のリンク誤りの場合



ビジュアルサイトビュー(サイトの確認)「 X 」表示




このケースでは、右端のリンク先の
ファイルには赤×印が付いていません
ので、合っているようです

では、真ん中の箱の赤×印は何でしょうか
ホームページビルダー19 まるごとチェック




「まるごとチェック」を行ってみます
ホームページビルダー19 まるごとチェック エラー無




エラー無です
ビジュアルサイトビュー(サイトの確認)「 X 」表示




真ん中の箱をダブルクリックで、開いてみましょう
ホームページビルダー19 編集画面 リンク2個




一見して、おかしなところは見当たりません

ホームページビルダー19 リンクの確認




最初のリンク、「リンク先ファイル名誤り」を、ダブルクリックで選択後、右クリックメニューで、「リンクの設定」を確認します
ホームページビルダー19 リンクファイル名の確認




ファイル名が、「 Second.html 」になっています

ビジュアルサイトビュー画面で、右端に表示されていた箱ですね
ここは正しいことが分かります
ホームページビルダー19 リンクの確認 2番目




続いて、「ページトップへ」も、同様に確認します
ホームページビルダー19 リンク誤り




飛び先(リンク先)は、ラベル名「 TOP 」のはずが、ファイル名として記述されていますね
ホームページビルダー19 リンク リンクファイル名修正




ラベル名として認識してもらう為に、「 #TOP 」に書換えましょう
ホームページビルダー19 まるごとチェック エラー解消




赤×印解消です
ページTOP


ページ内のリンクの飛び先がない場合



ビジュアルサイトビュー(サイトの確認)「 X 」表示




このケースでも、右端のリンク先のファイルには赤×印が付いていませんので、合っているようです
ホームページビルダー19 まるごとチェック




「まるごとチェック」を行ってみます
ホームページビルダー19 まるごとチェック エラー無




エラー無です
ビジュアルサイトビュー(サイトの確認)「 X 」表示




真ん中の箱をダブルクリックで、開いてみましょう
ホームページビルダー19 編集画面 リンク2個




一見して、おかしなところは見当たりません
ホームページビルダー19 リンクの確認 2番目




「ページトップへ」を確認します

ホームページビルダー19 リンクの確認 2番目正常




飛び先(リンク先)は、ラベル名「 TOP 」として記述されています
ホームページビルダー19 HTMLページ




ラベル名「 TOP 」が、どういう状態になっているのか、確認します

「HTMLソース」タブをクリックして、表示を切り替えて下さい
ホームページビルダー19 ラベルの検索




メニューバーから、「編集」→「検索」をクリックして下さい
ホームページビルダー19 ラベルの検索設定




検索文字列に、問題の「TOP」を入力し、「次を検索」をクリックします
ホームページビルダー19 ラベルの設定正常




リンク文字列の「ページトップへ」が、「 #TOP 」、つまり、ラベルの「 TOP 」にリンクしているのが確認できます

さらに、「次を検索」をクリックします
ホームページビルダー19 ラベルの検索結果無




他にはありません
つまり、「 TOP 」ラベルがありません
ホームページビルダー19 ラベルの追加




「 <a name="TOP"></a> 」を書き加えましょう
ホームページビルダー19 まるごとチェック エラー解消




赤×印解消です
ページTOP


「 iframe 」 の 「 src 」 値が相対アドレスになっている場合



ホームページビルダー19 HTML構文にエラー無しで赤×印がついている




このケースでも、右端のリンク先のファイルには赤×印が付いていません
ホームページビルダー19 まるごとチェック 実施

ホームページビルダー19 まるごとチェック エラー無




「まるごとチェック」にも引っ掛りません
ホームページビルダー19 iframeのsrcが相対アドレス指定になっている




「 iframe 」の「 src 」属性の指定が、「iframe src="img/HP_HPB_000093.pdf~」と、相対アドレス指定になっています

元々は、URL先頭からの絶対アドレスで指定してありました

ホームページビルダーは、ファイル名を変更した際等に関連する箇所のアドレスも自動的に修正してくれる便利な機能を持っているのですが、その際は、全て相対アドレス指定に変えられてしまいます

この例は、それが裏目に出ているケースになります


ホームページビルダー19 iframeのsrcを絶対アドレス指定に修正する




絶対アドレス指定、「iframe src="http://abhp.net/
img/HP_HPB_000093.pdf~」に修正します
ホームページビルダー19 HTML構文にエラー無しで赤×印が消えました




赤×印解消です

エラーチェックにも引っ掛らず、HTML構文にも問題が見つからない時は、ホームページビルダーは、アドレス変更時に、相対アドレスに書換えてしまうことを思い出して、HTMLソースを見直してみましょう

ページTOP



お断り  説明内容に支障のないところでは、ホームページビルダー18 のハードコピーが使われておりますこと、ご了承下さい

目次 | 元のページ 前のページ | 次のページ サイトマップ | ページTOP
ホーム > HPB19 > ホームページビルダー19 ビジュアルサイトビュー(サイトの確認) 赤「×」表示
   

© 2014 abhp.net All Rights Reserved.
ページTOP
ページTOP
ページTOP
ページTOP
ページTOP
ページTOP