ホームページビルダー 初級講座 Room 120 第７回
ホームページビルダー 初級講座 Room 120 第７回
リンク （Ｌｉｎｋ） を張ります 第６回で作ったファイルを呼び出し、リンクを張ります。 文字に対するリンク、画像に対するリンクを覚えましょう。ちょっと面倒そうですが、練習をつみ、わかれば簡単です。 １． サイト[lesson1] の[lesson6.html] を読みだしてください。
これでしたね？ 枠線が表示されています。 非表示にしましょう。
文 章 を 入 れ る アイコン どんどん入力してください
別のサイトからコピーした文章、ワープロなどで既に作た文章を、範囲指定してコーピーしていいのです。
改行はＥｎｔｅｒキーで、ワープロと同じです。
この枠が、一枚の用紙というイメージです。ただし、縦横伸び縮みする用紙です。Lesson5 で作ったページにジャンプします
文 章 を 入 れ る アイコン どんどん入力してください
別のサイトからコピーした文章、ワープロなどで既に作た文章を、範囲指定してコーピーしていいのです。
改行はＥｎｔｅｒキーで、ワープロと同じです。
この枠が、一枚の用紙というイメージです。ただし、縦横伸び縮みする用紙です。Lesson5 で作ったページにジャンプします
２． 文字へのリンク
１）Lesson5 の文字を選択します
２）右ボタンをクリックします
３）下図ダイアログが出ます
４）リンクの挿入を選択すると
５） リンク属性の設定画面になります
６） リンク属性の設定をします。
（１）参照ボタンをクリックします。
（２）参照ファイルを指定するダイアログがでます。（下図）
（３）Lesson1 フォルダを探し、その中のlesson5.html を指定します。
（４）ファイル名入力枠に、それが反映されています。
（５）確認して、開くボタンをクリックします。
７） 下の属性設定画面になります。
（１）ファイル名に（６）で設定した、サイトが反映されています。
（２）ターゲットの↓をクリックすると選択肢が４種類出ます。
８） 設定終了です。
（３）ターゲットの意味は
○新しいウインド新規のウィンドで開きます
○親ウインド 親フレームで開きます。
○同一ウインド 現在のウインドに変わって開きます。
○全画面 フレームを無視して、ウインドを開きま す。今回は意味なしです。
（４）新しいウインドを指定します。
（５）ＯＫボタンをクリックします。
実際にリンクが出来ているか、下図の プレビューボタンをクリックして確認しましょう。
３． 画像へのリンク文字と同じ方法でリンクが張れますが、勉強のために違った方法で行きましょう。文字の場合でも、このやり方は通用しますので、時に応じて使い分けるとよいでしょう。
文 章 を 入 れ る アイコン どんどん入力してください
別のサイトからコピーした文章、ワープロなどで既に作た文章を、範囲指定してコーピーしていいのです。
改行はＥｎｔｅｒキーで、ワープロと同じです。
この枠が、一枚の用紙というイメージです。ただし、縦横伸び縮みする用紙です。Lesson5 で作ったページにジャンプします
（１）画像が選択されたマークが出ます。 （右図）
（２）アイコンバーから リンクアイコンを選択クリックします。（右図）
２）リンク属性の設定画面になります
（１）URLへ のタブを選択クリック
http:// 以下直接 URLアドレス名を入力します。
もちろん、文字の要領で、参照ボタンを押して サイトを決めてもいいのです。
（２）ターゲットは 前と同じで新しいウインドとします。
（３）ＯＫボタンをクリックします。
３）終了です。 プレビューで リンクを確認しましょう。
サイト[lesson1] の中に[lesson７.html] として保存しましょう。
これで第７回は終わりです。
back to room 110 top
goto e-school top
