ビジュアルサイトビュー（サイトの確認）　赤「×」表示

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

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

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

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

「まるごとチェック」ではエラーが検出されないのに、赤「×」印（赤×マーク）が付く場合は、まずリンク誤り（リンク切れ）で、画面上端メニューバー「ツール」から「URLエディター」にてチェックできます

		リンク切れのあるページの「ページ編集」画面が表示されますので、画面上端メニューバー「ツール」から「URLエディター」をクリックします
		リンク切れがある箇所に、「」マーク（赤い！マーク）が表示されますので、その行をダブルクリックします
		リンク切れ箇所が、赤枠で囲まれて表示されますので、リンクURLを修正しますなお、上の「URLエディター」画面にて、「参照」をクリックしますと、リンク先をファイル一覧から選択できます
サイト全体のリンク切れ箇所の確認方法につきましては、「ホームページビルダー19　リンク切れチェック」をご参照下さい　（別タブ（ウィンドウ）が開きます）

リンク先のファイル名が間違っている場合
		右側の長矢印に、赤×印がついていますまずは、上部の「ナビバー」にある、「まるごとチェック」をクリックしましょう
		「チェック開始」をクリックします
		「まるごとチェック」では、HTML構文等のチェックも行いますので、それらに問題がないことが分かりました
		この例では、右側長矢印の右端に、「 + 」マークが付いていますので、この先が閉じられていることが分かります「 + 」マークをクリックして開いてみましょう
		ちょと分かり辛いですが、右側に表示されている文字列が、「 Second.htm 」になっています正しいページファイル名は、「 Second.html 」です赤×印がついている長矢印（First.html）をダブルクリックして開きます
		この例では、リンクは1つしかありません
		「リンク先ファイル名誤り」をダブルクリックで選択後、右クリックメニューから、「リンクの設定」をクリックします
		「ファイル名」を正しい名前に書換えて、「ＯＫ」をクリックします（この例では、フィル名末尾に「 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_HPB_000093.pdf～」と、相対アドレス指定になっています元々は、URL先頭からの絶対アドレスで指定してありましたホームページビルダーは、ファイル名を変更した際等に関連する箇所のアドレスも自動的に修正してくれる便利な機能を持っているのですが、その際は、全て相対アドレス指定に変えられてしまいますこの例は、それが裏目に出ているケースになります
		絶対アドレス指定、「iframe src="https://abhp.net/ img/HP_HPB_000093.pdf～」に修正します
		赤×印解消ですエラーチェックにも引っ掛らず、HTML構文にも問題が見つからない時は、ホームページビルダーは、アドレス変更時に、相対アドレスに書換えてしまうことを思い出して、HTMLソースを見直してみましょう
		ページTOP


目次　｜　元のページ	前のページ　｜　次のページ	サイトマップ　｜　ページTOP

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

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

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

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

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

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

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

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

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