超初心者のためのホームページ作成講座
HTML CSS Dictionary Netscape Color AccessUp Links SiteMap

■ リンク集

ほとんどのホームページに、「リンク集」のページがありますね。
友達のホームページを集めたり、自分の趣味に関係するホームページを集めたりしてリンク集を作っています。
リンク集は、ここまで説明してきた知識で簡単に作ることができます。

まず テーブルアイコン をクリックしてテーブルを作ります。
行数はリンクするホームページの数、列数は2列です。
4行×2列で作ってみます。

リンク集のテーブル

このようなテーブルができますね(幅は75%にしています)。









1列目には、リンクするホームページ名を入力します。
ただし、ほとんどのホームページで、リンクバナーを用意していますので、これをいただいて画像として挿入しても良いでしょう。
ここではバナーを挿入します。
テーブルで画像を挿入したいセルにカーソルを置いてから、画像アイコン をクリックして、[画像のプロパティ]を開きます。
[画像のURL]には、リンクバナーのファイル名を入力します。
[代替テキスト]には、ホームページの名前(タイトル)を入れます。
後からリンクを作成しますので、リンク枠が表示されないように、[枠線]の値は「0」にしておきます。
※下の例にはこのサイトの旧タイトルが入っています。今のタイトルは「超初心者のためのホームページ作成講座」です。気が向いたら修正します。

リンク集のための画像のプロパティ

[OK]をクリックすると、このようにリンクバナーが挿入されます。

超初心者のためのホームページ作成講座







つぎに、挿入した画像(バナー)をクリックして選択し、リンクを作成します。
リンクアイコン をクリックして[リンクのプロパティ]を開きます。
[リンクの場所]には、リンクするホームページのURLを入れます。
URLは「 http:// 」から入力して下さい(グローバルリンク)。

うまくリンクを作成することができたら、リンクバナーの横のセルにホームページに関するコメントを入力しましょう。

超初心者のためのホームページ作成講座
超初心者のためのホームページ作成講座。HTMLやスタイルシートなどを解説しています。






あとはテーブルで勉強したことの応用です。
[表のプロパティ]を使って、[枠との間隔]を設定します。
[枠]と[間隔]の値を「0」にして、[余白]は5ピクセルにしました。さらに、セルの背景に色をつければこの様になります。いろいろ試してみて素敵なリンク集を作って下さいね。

超初心者のためのホームページ作成講座
--超初心者のためのホームページ作成講座--
HTML やスタイルシートなどを解説しています。
おしゃれkids ホームページランキング
--おしゃれkid's ホームページランキング--
ランキング、チャット、お絵描き、プリクラ、ゲームなどがあります。
0574 Web Site Ranking
--0574 Web Site Ranking--
人気サイトが一目でわかる部門別ランキング兼リンク集サイト。
sozai-R
--sozai-R--
素材専門アクセスランキング。