HPB18 | HPB19 コンテンツ一覧
ホーム > HPB19 > ページ内の指定の場所に移動する
目次 | 元のページ 前のページ | 次のページ サイトマップ | ページEND

ホームページビルダー19 ページ内の指定の場所に移動する



ホームページビルダー19 ページ内の指定の場所に移動する



ページ内の指定した場所に表示画面を移動させるための方法を説明します

例えば、ページの先頭に項目名だけを並べて、その下の本文のある場所に移動させるような場合とか、ページの先頭、末尾に移動させるために使用できます


 1. ページ内の指定の場所に移動する (目標文字列の有る場合)
 2. ページの先頭・末尾に移動する   (目標文字列の無い場合)



ページ内の指定の場所に移動する (目標文字列の有る場合)



ホームページビルダー19 ページ内の指定の場所に移動する(目標文字列の有る場合)指定場所の表示




この例では、ページの先頭に目次があります
その目次項目をクリックすると、該当の記述箇所に遷移するように設定します
ホームページビルダー19 ページ内の指定の場所に移動する(目標文字列の有る場合)指定場所の文字列を指定する




表示箇所を移動させるためには、最初に移動先に、「ラベル」をつけてあげる必要があります

移動先の文字列上でカーソルをドラッグして選択し、左サイドバーの、「リンクの挿入」をクリックします
ホームページビルダー19 ページ内の指定の場所に移動する(目標文字列の有る場合)リンク作成ウィザードを呼び出す




「リンクの作成ウィザード」ダイアログの上から3つ目、「ラベルの作成」をクリック選択してから、「次へ」をクリックします
ホームページビルダー19 ページ内の指定の場所に移動する(目標文字列の有る場合)指定場所の文字列にラベルを付ける




「リンクの作成ウィザード (ラベルを作成する)」ダイアログの上から2つ目、「ラベルを付ける」をクリック選択してから、「次へ」をクリックします
ホームページビルダー19 ページ内の指定の場所に移動する(目標文字列の有る場合)指定場所の文字列用のラベル名を入力する




「ラベル」に名前を入力して、「完了」をクリックします

「ラベル」には日本語も使用できます
ホームページビルダー19 ページ内の指定の場所に移動する(目標文字列の有る場合)移動元にリンクを挿入する




移動元である目次の文字列(第一章 はじめに)上でカーソルをドラッグして選択し、右クリックメニューから、「リンクの挿入」をクリックします
ホームページビルダー19 ページ内の指定の場所に移動する(目標文字列の有る場合)移動元リンクで移動先ラベルを指定する




「属性」ダイアログの「ラベルへ」タブ、「ラベル」項目の▼をクリックすると、先ほど設定したラベル「第一章」が出てきますので、それをクリック選択後、「OK」をクリックします
ホームページビルダー19 ページ内の指定の場所に移動する(目標文字列の有る場合)ページ内移動設定完了




「上書き保存」してから、上部ナビバー右端の「ブラウザー確認」をクリックして確認します
ホームページビルダー19 ページ内の指定の場所に移動する(目標文字列の有る場合)ページ内移動をブラウザで確認する




ブラウザーの表示画面

「第一章 はじめに」をクリックしてみる
ホームページビルダー19 ページ内の指定の場所に移動する(目標文字列の有る場合)ページ内移動ブラウザ確認完了




移動先のラベル以降が表示されます
ページTOP


ページの先頭・末尾に移動する (目標文字列の無い場合)



ページの先頭とか末尾へ移動する場合、移動先の目標とする文字列を配置すると、ページレイアウト上見栄えの良くない場合があります
例えば、ページの先頭に、「ここがページの先頭です」とか書いてあると、かっこ悪いですよね

ホームページビルダーでは、文字列のないところも、移動先として指定できます



ホームページビルダー19 ページの先頭・末尾に移動する(目標文字列の無い場合)指定場所の表示




最初に移動先の設定です

移動先として指定したいところ、例えば、ページの先頭をクリックします

そこい移動先としての、「ラベル」をつけてあげるため、左サイドバーの、「リンクの挿入」をクリックします
ホームページビルダー19 ページの先頭・末尾に移動する(目標文字列の無い場合)指定場所の文字列を指定する




上から3つ目、「ラベルの作成」をクリック選択してから、「次へ」をクリックします
ホームページビルダー19 ページの先頭・末尾に移動する(目標文字列の無い場合)リンク作成ウィザードを呼び出す




上から2つ目、「ラベルを付ける」をクリック選択してから、「次へ」をクリックします
ホームページビルダー19 ページの先頭・末尾に移動する(目標文字列の無い場合)指定場所の文字列を空欄のままにする




今回は、目標となる文字列を表示しませんので、「文字列」は空欄のまま、「次へ」をクリックします
ホームページビルダー19 ページの先頭・末尾に移動する(目標文字列の無い場合)指定場所の文字列にラベルを付ける




「ラベル」に自分の覚書となる文字列、例えば、「TOP」を入力して、「完了」をクリックします

「ラベル」には日本語も使用できます
ホームページビルダー19 ページの先頭・末尾に移動する(目標文字列の無い場合)指定場所の文字列用のラベル名を入力する




目標となるラベルに文字列等がありませんので、替りに、リンクマーク「 ホームページビルダー19 ページの先頭・末尾に移動する(目標文字列の無い場合)指定場所にリンクマークが付く 」が挿入されます
ホームページビルダー19 ページの先頭・末尾に移動する(目標文字列の無い場合)移動元に文字列を記入する




移動元として、例えば、「ページTOPへ」と記入します
ホームページビルダー19 ページの先頭・末尾に移動する(目標文字列の無い場合)移動元にリンクを挿入する




移動元の文字列、「ページTOPへ」をドラッグ選択し、右クリックメニューから、「リンクの挿入」をクリックします
ホームページビルダー19 ページの先頭・末尾に移動する(目標文字列の無い場合)移動元リンクで移動先ラベルを指定する




「属性」ダイアログの「ラベルへ」タブ、「ラベル」項目の▼をクリックすると、先ほど設定したラベル「TOP」が出てきますので、それをクリック選択後、「OK」をクリックします
ホームページビルダー19 ページの先頭・末尾に移動する(目標文字列の無い場合)ページ内移動設定完了




「上書き保存」してから、上部ナビバー右端の「ブラウザー確認」をクリックして確認します
ホームページビルダー19 ページの先頭・末尾に移動する(目標文字列の無い場合)ページ内移動をブラウザで確認する




ブラウザーの表示画面

「ページTOPへ」をクリックすると、指定した移動先に、表示ページが移動します

ページ末尾への移動等、飛び先を表示できない場合は、同様の方法で設定できます
ページTOP



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

目次 | 元のページ 前のページ | 次のページ サイトマップ | ページTOP
ホーム > HPB19 > ページ内の指定の場所に移動する
HPB18 | HPB19 コンテンツ一覧
   

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