HPB18 | HPB19 コンテンツ一覧
ホーム > HPB19 > ホームページビルダー19 インラインフレームの作り方
目次 | 元のページ 前のページ | 次のページ サイトマップ | ページEND

ホームページビルダー19 インラインフレームの作り方


ホームページビルダー19 インラインフレームの作り方



インラインフレームとは、現在表示しているページ内に窓を作り、別のURLページを組込み(インライン)表示するためのものです




こんな風に、ページの中に窓を開けたように、別URLページを表示することができます



もちろんシームレスに表示することも可能です

上と同じページを表示しています
スクロールバーを出さなければ、ページの一部分のみを固定的に見せることができます




ホームページビルダー19 インラインフレームの作り方 作る場所の指定




窓を作りたい場所をクリックします















ホームページビルダー19 インラインフレーム挿入




メニューバーから、「挿入」 → 「その他」の中から 「インラインフレーム」をクリックします













ホームページビルダー19 インラインフレームの作り方 IFRAME属性の設定




「参照」をクリックします

ホームページビルダー19 インラインフレームの作り方 IFRAME内表示ファイルの選択




インラインフレームの中に表示したいページファイルをクリック選択後、「開く」をクリックします














ホームページビルダー19 インラインフレームの作り方 幅 高さ 余白 枠の設定




「サイズ」の「幅」と「高さ」に適当な値を入力します
この例では、それぞれ、「320」と「270」を入力しています

「余白設定(マージン)」の「左右余白指定をする」と「上下余白指定をする」それぞれにチェックを付け、値に、「0」を入力します

「枠表示」のチェックをはずします

「OK」をクリックします


ホームページビルダー19 インラインフレームの作り方 スクロールバー付インラインフレームの完成




最初にクリック指定した場所に窓(インラインフレーム)が作られました





ホームページビルダー19 インラインフレームの作り方 スクロールバー付インラインフレームの表示




ブラウザで表示してみると、こんな感じです






ホームページビルダー19 インラインフレームの作り方 幅 高さ スクロールバー 余白 枠の設定




スクロールバーを付けない場合は、「属性」ダイアログで、「スクロールバー」「なし」を選択して、「OK」をクリックします

「サイズ」の「「幅」と「高さ」は、「スクロールバー」の分だけ減らして、それぞれ、「303」と「253」と入力してあります






ホームページビルダー19 インラインフレームの作り方 スクロールバー無インラインフレームの表示




ブラウザで表示してみると、こんな感じになります







注意.インラインフレームで表示指定した際のファイルは、サイト上にあるファイルを表示するという設定になりますので、そのままでは、ホームページビルダー19の「サイト公開」では、アップロードされません
このファイルをサイト上にアップロードするためには、別途、そのファイルにリンクを張るか、後述の「不要ファイル 削除方法 ( FFFTPミラーリング )」で説明します、「FFFTP」のミラーリング機能等を利用する必要があります





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

目次 | 元のページ 前のページ | 次のページ サイトマップ | ページTOP
ホーム > HPB19 > ホームページビルダー19 インラインフレームの作り方
HPB18 | HPB19 コンテンツ一覧
   

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