Cafi Netつながる情報技術
  1. トップ>
  2. ホームページ作成>
  3. プレビューで表示確認

プレビューで正しい表示を確認

ホームページビルダーで無料テンプレートを開いてみていかがでしょうか。

もしかしたらお使いのホームページビルダーのバージョンによっては、表示が崩れている場合があるかもしれません。

テンプレートによって違いはありますが、表示が崩れる原因はホームページビルダーのスタイルシート(style.css)のサポート状況にあります。

つまり、テンプレート本体が崩れた訳ではありません。

この件についてはnikukyu-punch様にも詳しく書かれています。

インターネット上で正しく表示されるかどうかを確認するには、プレビューもしくはInternet Explorer の起動で確認できます。

Internet Explorer の起動で確認する方法は、画像に代替テキストを記入するに記載しています。

編集を開始しますが、慣れるまでは編集をしたらプレビューで正しく表示されているか確認されることをお勧めします。

画像のように「ページ編集」での表示と「プレビュー」での表示が若干ずれるのはよくあることです。プレビューでの表示が正常であれば、インターネット上でも同じように表示されるはずです。

ホームページビルダー12「ページ編集とプレビューの表示の違い」

上の画像のように2行に改行されたくないケースなどは、少し余裕を持たせた編集をされると良いと思います。

ユーザーの閲覧環境にも影響されますが、プレビューで細かに確認することで整った画面表示なると思います。

このページでテンプレートの崩れについて解説しましたが、解説に使用しているホームページビルダー12では目立った崩れは見当たりません。(全ての無料テンプレートを試してみたわけではございません)

ホームページビルダーのバージョン12以降をお使いの方で、例とは違い表示が崩れている方はホームページビルダーの設定を今一度ご確認下さい。

古いバージョンをお使いの方で編集しづらい方は、バージョンアップを検討されると良いかと思います。