本文へジャンプ


製品名

:ホームページ・ビルダー

バージョン

:7, 8, 9, 10, 11, 12, 13

QA番号

:HPB-1611

タイトル

:別ページのラベルへのリンクを設定してみよう - 「かんたん」スタイル編

やってみましょう


別ページのラベルへのリンクを設定してみよう - 「かんたん」スタイル編

操作手順


難易度:スタンダード

別ページの途中に目印 (ラベル) を付けておき、そこにジャンプ (リンク) するように設定することができます。
場所を指定したリンクを設定するには、「ラベルを付ける」と「ラベルへのリンクを設定する」という 2段階の操作が必要です。
ここでは、「index.html」ページ内の文字「サーバー」をクリックすると、「sub1.html」 に設定したラベルへジャンプ (リンク) するという手順をご紹介します。


注意

ラベルを付ける

1. まず、リンク先にラベルを付けます。
「sub1.html」を開き、ラベルを付けたい文字列または画像を選択し、ナビメニューから「リンクの挿入」を選択します。
※ここでは文字の「関東」にラベルを付けます。

ナビメニューから「リンクの挿入」を選択します
「リンク作成ウィザード」ダイアログが表示されます。

2. [ラベルを作成する] ボタンをクリックし、[次へ] ボタンをクリックします。

ラベルを作成するを選択する
「リンク作成ウィザード (ラベルを作成する)」が表示されます。

3. [ラベルを付ける] ボタンをクリックし、[次へ] ボタンをクリックします。

ラベルを付けるを選択する
「リンク作成ウィザード (ラベルを付ける)」が表示されます。

4. [ラベル] の欄に好きな名前を入力し、[完了] ボタンをクリックします。
※ラベルの名前は必ず、半角英数字で入力してください。※ここでは文字の「kantou」とラベルを付けます。

ラベルを入力し、完了

5. 選択した文字列または画像にラベルが付きます。ここがリンク先になります。

ページ編集画面

6. ページを上書き保存します。


ラベルへのリンクを設定する

7. 次に、リンク元のページ「index.html」を開き、ラベルへのリンクを設定します。
リンクを設定したい文字列または画像を選択し、ナビメニューから「リンクの挿入」を選択します。
※ここでは項目の中の文字「関東」にリンクを設定します。

ナビメニューから「リンクの挿入」を選択します
「リンク作成ウィザード」ダイアログが表示されます。

8. 手順 2. と同様に [ラベルを作成する] ボタンをクリックし、[次へ] ボタンをクリックします。
「リンク作成ウィザード (ラベルを作成する)」が表示されます。

[ラベルへのリンクを作成する] ボタンをクリックし、[次へ] ボタンをクリックします。

ラベルへのリンクを作成するを選択する
「リンク作成ウィザード (ラベルへのリンクを作成する)」が表示されます。

9. [他のファイル] 欄の [選択] ボタンをクリックし、表示されるメニューから「ファイルから」を選択します。

選択ボタンをクリックし、ファイルからを選択
「開く」ダイアログが表示されます。

10. リンクページ (ジャンプ先) のファイル名を選択し、[開く] ボタンをクリックします。

リンク先のファイル名を選択し、開く
「リンク作成ウィザード (ラベルへのリンクを作成する)」に戻ります。

11. [ラベル] 欄の ▼ ボタンをクリックして、先ほど設定したラベルの名前を選択し、[完了] ボタンをクリックします。

設定したラベル名を選択

注意
手順 6. でページを上書き保存していない場合、設定したラベル名が表示されません。必ず手順 6. にて、保存を行ってください。

12. ページを保存し、プレビュー画面で動作を確認してください。

関連情報


FAQ:
HPB-0192 「別ページのラベルへのリンクの設定したい」
HPB-0455 「ラベルへのリンクを設定したのですが、プレビュー画面でリンクされません」
HPB-0819 「ラベルを設定していますが、ページの先頭にジャンプしてしまいます」
HPB-0273 「リンクを解除したい」
HPB-0294 「別ページに設定したラベルが一覧に表示されません」

ヒント集:
HPB-0904 「別ページのラベルへのリンクを設定しよう」

※FAQ はよくある質問とそれに対する回答をまとめた技術情報です。
ヒント集は画像を使って操作手順をわかりやすく説明した技術情報です。




最終更新日:2009年04月10日