1カラムの簡単なページを作る 15 リンク先を挿入する

いよいよ最後ですよ~~
今回で完成します。(^^)v


a_bl120-1.gif

リンクを入れたい文字をドラッグし、
そのまま、右クリックしてください。

a_bl120-2.gif

リンクの挿入 を開いてくだい。

a_bl120-3.gif

作成済みのファイルへリンクをする場合は、

ファイルへのタブを選び、参照を開いて、ファイルを探してください。

ターゲットは、リンクさせるページを新しい窓(別窓)や別タブで開かせたい時に使ってください。

別のサイトへのリンクを設定したい場合は、緑の囲みのURLへのタブを開いて設定します。

予め、スタイルシートでリンク(アンカータグ)の設定をおこなっているので、
リンク先を入れるだけで、終わりです。

試しに何か入れて、プレビュー画面でマウスをのせた時に、色が変わるか確かめてください。

これで、本当に完成です!!

http://hpbillfirst2012.web.fc2.com/step1/hazimeni_1.html
↑と同じように、なりましたか?

もし、上手くいかなかったら、上のサンプルページを開き、
右クリックをして、ソースを開けて、ご自分のと比べてみてください。
また、コピーして、ご自分のビルダーに貼りつけてもOKですよ。
※借りているサーバーの設定が入っていますので、

<!--↑↑↑*一番外枠はここで括って終わりになる▲▲-->から</BODY>

の部分は、消してください。

</BODY>

は、残してね。

一応、説明書きは、入れてありますので、何となく分かると思います。

次回からは、、作ったページについて、
説明を省いてきた箇所を、説明します。
また、今回のページ作成は、本当はやらない方がいい所等もあります。
その辺りも、説明していきます。

smpl_002.jpg

今回作ったページのスタイルシートを少しいじって、作ったものです。
背景に画像を使いました。
また、色や配置を少し変えるだけで、随分印象が違うと思います。
色々と、試してみてください。
小窓の作り方は、また、書きますので、少しお待ちください。

見本は、こちらのページです。

コメントを残す

メールアドレスが公開されることはありません。

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください

Post Navigation