リンクを設置してみる

画像や文字の入れ方が解っても1ページだけではさみしいので、次はページとページをリンクでつなげてみましょう。

今回はダウンロードしたサンプルページindex.htmlの「はじめに」の部分に情報コンテンツを書き込むためのページsample001.htmlをリンクさせてみます。

ソースをいじるのでちょっと大変ですが、これが出来ればゴールは近い!と思って頑張って下さい。

リンク設置の手順

リンクを貼る場所に対応する部分をソース上で見つけよう

画面の上のタブを切り替えて、今まで選択していた[WISIYWG]編集から、[ソース編集]に変更します。
画面を下の方へスクロールして、ソースの中からはじめにの部分を見つけて下さい。


リンクはリンクボタンで貼ります

リンクさせる文字「はじめに」の部分をドラッグ(マウスを左クリックしたまま動かす)で選択して、画面の上の方にある地球のマークの[リンク]をクリックします。



リンクの挿入ウインドウが表示されるので、フォルダマークをクリックして、リンクさせるファイルsample001.htmlを選択、ウインドウにファイルの情報が入力されたら[OK]をクリックすればリンクの完成!

アンカータグが自動挿入されます

[ソース編集]タブのまま見てみると、はじめにの文字の前後にアンカータグ(忘れちゃった方はこちらを復習のこと)が入っている事がわかりますね^^

次に画面上の方の[プレビュー]タブをクリックして実際にブラウザで表示される画面を見てみます。はじめにの部分の文字の色が変わっていますよね。
ためしにクリックしてみて下さい。リンク先のページが表示されると思います。


前のページはありません     トップページへ     次のページへ


アフィリ技術編
技術編
index
 ソフトを使えば難しくない!
 テンプレは初心者の味方!
 文字と画像で編集してみる
 リンクを設置してみる
 いざ!広告を貼ってみる







柵